\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/approverejectpopup/approverejectpopup.component.html\n// module id = ./src/app/shared/components/approverejectpopup/approverejectpopup.component.html\n// module chunks = main","import { Component, OnInit, Inject, ElementRef } from '@angular/core';\nimport { FormControl, Validators, FormGroup, FormBuilder, ValidatorFn, AbstractControl } from '@angular/forms';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\nimport * as $ from 'jquery';\n\nexport interface IDialogData {\n isApprove: boolean;\n ok: boolean;\n rejectMessage: string;\n}\n\n@Component({\n selector: 'app-approverejectpopup',\n templateUrl: './approverejectpopup.component.html',\n styleUrls: ['./approverejectpopup.component.css']\n})\nexport class ApproveRejectPopupComponent implements OnInit {\n approveForm: FormGroup;\n reasonControl: FormControl;\n\n constructor(\n public dialogRef: MatDialogRef\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/bankpopup/bankpopup.component.html\n// module id = ./src/app/shared/components/bankpopup/bankpopup.component.html\n// module chunks = main","import { Component, OnInit, ElementRef, Inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA, MatSnackBar, MatSnackBarConfig } from '@angular/material';\nimport { FormControl, Validators, FormGroup, FormBuilder, ValidatorFn, AbstractControl } from '@angular/forms';\nimport * as $ from 'jquery';\nimport { TranslateService } from '@ngx-translate/core';\nimport { BankService } from \"../../services/bank.service\";\nimport { BankModel } from \"../../models/bank.model\";\nimport { FailComponent } from '../../../shared/toast/fail/fail.component';\n\nexport interface IDialogData {\n objectId: string;\n objectType: string;\n bankId: string;\n mode: string;\n message: string;\n bankCreated: boolean;\n bankEdited: boolean;\n ok: boolean;\n}\n\n@Component({\n selector: 'app-bankpopup',\n templateUrl: './bankpopup.component.html',\n styleUrls: ['./bankpopup.component.css']\n})\nexport class BankpopupComponent implements OnInit {\n emptyGuid: string = '00000000-0000-0000-0000-000000000000';\n auth: any = JSON.parse(sessionStorage.getItem(\"auth\"));\n createBankForm: FormGroup;\n accountNumberControl: FormControl;\n bankNameControl: FormControl;\n bankNameDetailControl: FormControl;\n branchControl: FormControl;\n accountUserControl: FormControl;\n\n bankModel: BankModel = {\n BankAccountId: this.emptyGuid,\n ObjectId: this.data.objectId,\n ObjectType: this.data.objectType,\n AccountNumber: '',\n BankName: '',\n BankDetail: '',\n BranchName: '',\n AccountName: '',\n CreatedById: this.auth.UserId,\n CreatedDate: new Date(),\n UpdatedById: '',\n UpdatedDate: null,\n Active: true\n }\n\n failConfig: MatSnackBarConfig = { panelClass: 'fail-dialog', horizontalPosition: 'end', duration: 5000 };\n\n constructor(private el: ElementRef,\n private translate: TranslateService,\n private bankService: BankService,\n public dialogRef: MatDialogRef\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/changepassword/changepassword.component.html\n// module id = ./src/app/shared/components/changepassword/changepassword.component.html\n// module chunks = main","import { Component, OnInit, Inject, ElementRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatSnackBar } from '@angular/material';\nimport { FormControl, Validators, FormGroup, FormBuilder, ValidatorFn, AbstractControl } from '@angular/forms';\nimport { AuthenticationService } from '../../../shared/services/authentication.service';\nimport { ChangepasswordsuccessComponent } from '../changepasswordsuccess/changepasswordsuccess.component';\nimport { FailComponent } from '../../../shared/toast/fail/fail.component';\nimport { map, startWith } from 'rxjs/operators';\nimport * as $ from 'jquery';\n\nexport interface DATADIALOG {\n accountName :string,\n name: string,\n email: string,\n avatar: string\n}\n@Component({\n selector: 'app-changepassword',\n templateUrl: './changepassword.component.html',\n styleUrls: ['./changepassword.component.css']\n})\nexport class ChangepasswordComponent implements OnInit {\n dialogPopup: MatDialogRef\\r\\n
\\r\\nThay đổi mật khẩu
\\r\\n \\r\\n\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/changepasswordsuccess/changepasswordsuccess.component.html\n// module id = ./src/app/shared/components/changepasswordsuccess/changepasswordsuccess.component.html\n// module chunks = main","import { Component, OnInit, Inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\n\nexport interface datadialog{\n accountName: string\n}\n\n@Component({\n selector: 'app-changepasswordsuccess',\n templateUrl: './changepasswordsuccess.component.html',\n styleUrls: ['./changepasswordsuccess.component.css']\n})\nexport class ChangepasswordsuccessComponent implements OnInit {\n\n constructor(\n public router:Router,\n public dialogref: MatDialogRef\\n
\\n Thay đổi mật khẩu
\\n \\n\\r\\n \\r\\n
\\r\\n\\n
\\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/imageupload/imageupload.component.html\n// module id = ./src/app/shared/components/imageupload/imageupload.component.html\n// module chunks = main","import { Component, OnInit, ViewChild, Inject } from '@angular/core';\nimport { ImageCropperComponent, CropperSettings, Bounds } from 'ng2-img-cropper';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport * as $ from 'jquery';\n\n@Component(({\n selector: 'app-imageupload',\n templateUrl: './imageupload.component.html',\n styleUrls: ['./imageupload.component.css'],\n directives: [ImageCropperComponent]\n}) as any)\nexport class ImageUploadComponent implements OnInit {\n fileToUpload: File;\n fileName:string;\n cropperSettings: CropperSettings;\n employeeId: string;\n data: any;\n @ViewChild('cropper', undefined) cropper: ImageCropperComponent;\n\n constructor(\n @Inject(MAT_DIALOG_DATA) public dataDialog: any,\n public dialog: MatDialogRef\\n
\\n\\n \\n Tải lên hình ảnh\\n
\\n \\n
\\n
\\n \\n
\\n \\n Vui lòng chọn từ máy tính các file ảnh có định dạng .png, .jpg và dung lượng không quá 5Mb.\\n
\\n \\n \\n \\n \\n \\n
\\n \\n
\\n \\n Xem trước: \\n
\\n \\n \\n ![]()
\\n \\n
\\n \\n
\\n\\n \\n
\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/layout/layout.component.html\n// module id = ./src/app/shared/components/layout/layout.component.html\n// module chunks = main","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-layout',\n templateUrl: './layout.component.html',\n styleUrls: ['./layout.component.css']\n})\nexport class LayoutComponent implements OnInit {\n @Input() moduleCode: string;\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/shared/components/layout/layout.component.ts","module.exports = \":host ::ng-deep aside.main-sidebar, app-root .wrapper {\\r\\n background-color: #191d43 !important;\\r\\n}\\r\\n\\r\\nli{\\r\\n white-space: normal;\\r\\n}\\r\\n\\r\\n.home-content {\\r\\n padding: 0 10px;\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.title {\\r\\n color: #6D98E7;\\r\\n}\\r\\n\\r\\n.row {\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n.left-content {\\r\\n padding: 0 10px;\\r\\n}\\r\\n\\r\\n.middle-content {\\r\\n padding: 0 10px;\\r\\n}\\r\\n\\r\\n.right-content {\\r\\n padding: 0 10px;\\r\\n}\\r\\n\\r\\n.block {\\r\\n border-radius: 2.5px;\\r\\n /*padding: 30px 25px;*/\\r\\n margin-bottom: 15px;\\r\\n padding-right: 15px;\\r\\n -webkit-transition: height 1s, width 1s;\\r\\n /* height: 160px; */\\r\\n margin-left: 15px !important;\\r\\n height: 190px !important;\\r\\n width: 29.333333%;\\r\\n -webkit-transition: all 0.2s ease-in-out;\\r\\n transition: all 0.2s ease-in-out;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.block .row {\\r\\n margin-top: 40px;\\r\\n}\\r\\n\\r\\n.block .row:first-child {\\r\\n padding: 40px 25px;\\r\\n}\\r\\n\\r\\n.block:hover {\\r\\n cursor: pointer;\\r\\n background: #618cde;\\r\\n}\\r\\n\\r\\n.block.disabled {\\r\\n background-color: #cccccc;\\r\\n }\\r\\n\\r\\n.block.disabled:hover {\\r\\n cursor: pointer;\\r\\n }\\r\\n\\r\\n.block-title {\\r\\n color: black;\\r\\n font-size: 14px;\\r\\n -webkit-transition: font-size 1s;\\r\\n}\\r\\n\\r\\n.block-text {\\r\\n font-size: 12px;\\r\\n color: #666666;\\r\\n margin-top: 10px;\\r\\n display: inline-block;\\r\\n -webkit-transition: font-size 1s;\\r\\n}\\r\\n\\r\\n.block-content {\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.block-content div {\\r\\n position: absolute;\\r\\n top: 15%;\\r\\n /* top: 15%;\\r\\n padding-left: 10px; */\\r\\n}\\r\\n\\r\\n/* .block-image {\\r\\n padding-right: 0;\\r\\n} */\\r\\n\\r\\n/* .block-image img {\\r\\n width: 100px;\\r\\n height: 100px;\\r\\n border-radius: 50%;\\r\\n} */\\r\\n\\r\\n.progress-bar {\\r\\n background-color: #6d98e7;\\r\\n border-radius: 5px;\\r\\n opacity: 0;\\r\\n height: 5px;\\r\\n -webkit-transition: width 1s;\\r\\n width: 0;\\r\\n}\\r\\n\\r\\n.block:hover .block-title {\\r\\n color: #6D98E7;\\r\\n}\\r\\n\\r\\n.block:hover .progress-bar {\\r\\n opacity: 1;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\na {\\r\\n color: #6d98e7;\\r\\n}\\r\\n\\r\\n.original-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/person.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .original-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/person.svg') no-repeat center;\\r\\n mask: url('/assets/images/person.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.sales-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/gift.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .sales-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/gift.svg') no-repeat center;\\r\\n mask: url('/assets/images/gift.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.customer-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/customer.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .customer-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/customer.svg') no-repeat center;\\r\\n mask: url('/assets/images/customer.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.accounting-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/money.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .accounting-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/money.svg') no-repeat center;\\r\\n mask: url('/assets/images/money.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.project-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/project.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .project-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/project.svg') no-repeat center;\\r\\n mask: url('/assets/images/project.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.online-shopping-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/online-shopping.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .online-shopping-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/online-shopping.svg') no-repeat center;\\r\\n mask: url('/assets/images/online-shopping.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.box-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/box.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .box-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/box.svg') no-repeat center;\\r\\n mask: url('/assets/images/box.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.refresh-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: url('/assets/images/refresh.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block:hover .refresh-icon {\\r\\n /* width: 24px;\\r\\n height: 24px; */\\r\\n background: #fff;\\r\\n -webkit-mask: url('/assets/images/refresh.svg') no-repeat center;\\r\\n mask: url('/assets/images/refresh.svg') no-repeat center;\\r\\n}\\r\\n\\r\\n.block p {\\r\\n text-align: center;\\r\\n margin-top: 10px;\\r\\n font-size: 17px;\\r\\n text-transform: uppercase;\\r\\n color: #618cde;\\r\\n}\\r\\n\\r\\n.block:hover p {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.right-content {\\r\\n float: right;\\r\\n position: relative;\\r\\n background: #fff;\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n height: 760px;\\r\\n padding-top: 10%;\\r\\n}\\r\\n\\r\\n.paddingSubTitle {\\r\\n padding-left: 10%;\\r\\n font-size: 19px;\\r\\n color: #618cde;\\r\\n}\\r\\n\\r\\n.subTitle {\\r\\n font-size: 12px;\\r\\n color: #666666;\\r\\n padding-left: 10%;\\r\\n}\\r\\n\\r\\n.alignIcon {\\r\\n top: 5px;\\r\\n position: relative;\\r\\n font-size: 20px !important;\\r\\n}\\r\\n\\r\\n.item-menu {\\r\\n font-size: 14px;\\r\\n color: #222;\\r\\n padding-left: 10%;\\r\\n cursor: pointer;\\r\\n margin-bottom: 0;\\r\\n padding-bottom: 7px;\\r\\n}\\r\\n\\r\\n.item-menu:hover {\\r\\n background: #618cde;\\r\\n}\\r\\n\\r\\n.item-menu:hover span {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.paddingSubTitle {\\r\\n padding-left: 10%;\\r\\n font-size: 19px;\\r\\n color: #618cde;\\r\\n}\\r\\n\\r\\n.subTitle {\\r\\n font-size: 12px;\\r\\n color: #666666;\\r\\n padding-left: 10%;\\r\\n}\\r\\n\\r\\n.alignIcon {\\r\\n top: 5px;\\r\\n position: relative;\\r\\n font-size: 20px !important;\\r\\n}\\r\\n\\r\\n.item-menu {\\r\\n font-size: 14px;\\r\\n color: #fff;\\r\\n padding-left: 5%;\\r\\n padding-top: 5%;\\r\\n cursor: pointer;\\r\\n margin-bottom: 0;\\r\\n padding-bottom: 5px;\\r\\n}\\r\\n\\r\\n.item-menu:hover {\\r\\n background: #618cde;\\r\\n}\\r\\n\\r\\n.item-menu:hover span {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.paddingSub {\\r\\n padding-left: 10%;\\r\\n font-size: 14px;\\r\\n color: #222;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.paddingSub span {\\r\\n font-weight: normal;\\r\\n}\\r\\n\\r\\n.cursor {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.backgroundOnClick {\\r\\n background: #618cde;\\r\\n}\\r\\n\\r\\n.backgroundOnClick p {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.u_img {\\r\\n left: 0px;\\r\\n top: 0px;\\r\\n width: 16px;\\r\\n height: 16px;\\r\\n}\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/menu/menu.component.css\n// module id = ./src/app/shared/components/menu/menu.component.css\n// module chunks = main","module.exports = \"\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/menu/menu.component.html\n// module id = ./src/app/shared/components/menu/menu.component.html\n// module chunks = main","import { Component, OnInit, Input } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AuthenticationService } from '../../services/authentication.service';\r\nimport { PermissionModel } from '../../models/permission.model';\r\nimport { Router } from '@angular/router';\r\nimport { CommonService } from '../../services/common.service';\r\n\r\nimport { ReportsService } from '../../services/reports.service';\r\nimport { \r\n ISearchCustomer, \r\n ISearchOrder, \r\n ISearchColorMix,\r\n ISearchRoomAccounting,\r\n ISearchRoomProduce,\r\n ISearchProduct,\r\n ISearchColorList,\r\n ISearchColorType,\r\n ISearchListFormula,\r\n ISearchListColorExist,\r\n ISearchListEmployee\r\n} from '../../interfaces/ISearchParam';\r\n\r\nimport {\r\n MatRadioChange,\r\n MatPaginator,\r\n MatDialogRef,\r\n MatDialog,\r\n MatSelectChange,\r\n MatAutocomplete,\r\n MatAutocompleteSelectedEvent,\r\n MatTableDataSource,\r\n MatSnackBar,\r\n MatSnackBarConfig,\r\n MatSort,\r\n MatDatepickerInputEvent,\r\n MatChipInputEvent,\r\n NativeDateAdapter,\r\n DateAdapter,\r\n MAT_DATE_FORMATS\r\n} from '@angular/material';\r\n\r\nimport { WarningComponent } from '../../toast/warning/warning.component';\r\nimport { SuccessComponent } from '../../toast/success/success.component';\r\nimport { FailComponent } from '../../toast/fail/fail.component';\r\n\r\n//Download PDF\r\nimport * as pdfMake from 'pdfmake/build/pdfmake.js';\r\nimport * as pdfFonts from 'pdfmake/build/vfs_fonts.js';\r\npdfMake.vfs = pdfFonts.pdfMake.vfs;\r\n\r\n@Component({\r\n selector: 'app-menu',\r\n templateUrl: './menu.component.html',\r\n styleUrls: ['./menu.component.css'],\r\n providers: [AuthenticationService]\r\n})\r\nexport class MenuComponent implements OnInit {\r\n auth: any = JSON.parse(sessionStorage.getItem(\"auth\"));\r\n userId: string = this.auth.UserId;\r\n\r\n successConfig: MatSnackBarConfig = { panelClass: 'success-dialog', horizontalPosition: 'end', duration: 5000 };\r\n warningConfig: MatSnackBarConfig = { panelClass: 'warning-dialog', horizontalPosition: 'end', duration: 5000 };\r\n failConfig: MatSnackBarConfig = { panelClass: 'fail-dialog', horizontalPosition: 'end', duration: 5000 };\r\n\r\n @Input() moduleCode: string;\r\n permissions: Array\\r\\n \\r\\n
\\r\\n \\r\\n \\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/organizationpopup/organizationpopup.component.html\n// module id = ./src/app/shared/components/organizationpopup/organizationpopup.component.html\n// module chunks = main","import { Component, OnInit, ElementRef, Inject } from '@angular/core';\nimport { MatSnackBar, MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatSnackBarConfig } from '@angular/material';\nimport { PopupComponent } from '../../../shared/components/popup/popup.component';\nimport { OrganizationModel } from \"../../../shared/models/organization.model\";\nimport { OrganizationService } from \"../../../shared/services/organization.service\";\nimport { TranslateService } from '@ngx-translate/core';\nimport * as $ from 'jquery';\n\nexport interface IDialogData {\n selectedOrgId: string;\n selectedOrgName: string;\n}\n\n@Component({\n\tselector: 'app-organizationpopup',\n\ttemplateUrl: './organizationpopup.component.html',\n\tstyleUrls: ['./organizationpopup.component.css']\n})\nexport class OrganizationpopupComponent implements OnInit {\n\n\torgList: Array\\n \\n CHỌN ĐƠN VỊ\\n \\n
\\n \\n
\\n \\n\\n
\\n \\n \\n
\\n
\\n | \\n \\n arrow_drop_down\\n \\n | \\n\\n {{org.organizationName}}\\n | \\n
\\n \\n
\\n
\\n | \\n \\n arrow_drop_down\\n \\n | \\n\\n {{orgChild.organizationName}}\\n | \\n
\\n \\n
\\n
\\n | \\n \\n arrow_drop_down\\n \\n | \\n\\n {{orgGrantChild.organizationName}}\\n | \\n
\\n \\n
\\n
\\n | \\n \\n arrow_drop_down\\n \\n | \\n\\n {{orgGrantGrantChild.organizationName}}\\n | \\n
\\r\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/components/popup/popup.component.html\n// module id = ./src/app/shared/components/popup/popup.component.html\n// module chunks = main","import { Component, OnInit, Inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';\nimport { FormControl, Validators, FormGroup, FormBuilder, ValidatorFn, AbstractControl } from '@angular/forms';\n\nexport interface IDialogData {\n title: string;\n content: string;\n mode: string;\n ok: Boolean;\n message: string;\n}\n\n@Component({\n selector: 'app-popup',\n templateUrl: './popup.component.html',\n styleUrls: ['./popup.component.css']\n})\nexport class PopupComponent implements OnInit {\n popupForm: FormGroup;\n\n constructor(\n public dialogRef: MatDialogRef| \\r\\n error_outline\\r\\n | \\r\\n\\r\\n \\r\\n {{data}}\\r\\n \\r\\n | \\r\\n\\r\\n close\\r\\n | \\r\\n
| \\r\\n done\\r\\n | \\r\\n\\r\\n \\r\\n {{data}}\\r\\n \\r\\n | \\r\\n\\r\\n close\\r\\n | \\r\\n
| \\n report_problem\\n | \\n\\n \\n {{data}}\\n \\n | \\n\\n close\\n | \\n
\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/userprofile/userprofile.component.html\n// module id = ./src/app/userprofile/userprofile.component.html\n// module chunks = main","import { Component, OnInit, ElementRef } from '@angular/core';\nimport { AuthenticationService } from \"../shared/services/authentication.service\"\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { MatDialogRef, MatDialog, MatSnackBar } from '@angular/material';\nimport { ImageUploadComponent } from '../shared/components/imageupload/imageupload.component';\nimport { SuccessComponent } from '../shared/toast/success/success.component';\nimport { FailComponent } from '../shared/toast/fail/fail.component';\nimport { TranslateService } from '@ngx-translate/core';\nimport { FormGroup, FormControl, Validators } from '@angular/forms';\nimport { PopupComponent } from '../shared/components/popup/popup.component';\nimport * as $ from 'jquery';\n\n@Component({\n selector: 'app-userprofile',\n templateUrl: './userprofile.component.html',\n styleUrls: ['./userprofile.component.css']\n})\nexport class UserprofileComponent implements OnInit {\ndialogPopup: MatDialogRef\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n