\\r\\n ;\r\n\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n // tslint:disable-next-line:prefer-const\r\n for (let i = 1; i < fileData.length; i++) {\r\n this.autoNumbers.push({\r\n ID: fileData[i][0],\r\n FormatString: fileData[i][1],\r\n Step: fileData[i][2],\r\n CurNumber: fileData[i][3],\r\n Reset : fileData[i][4],\r\n });\r\n }\r\n this.bindAutoNumbers();\r\n this.isEnabledSaveAll = true;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n this.onReload();\r\n });\r\n }\r\n\r\n async initDisplay() {\r\n const resultAutoNumber = await this.appService.doGET('api/Enum/GetEAutoNumberName', null);\r\n if (resultAutoNumber) {\r\n this.autoNumberNames = resultAutoNumber.Data;\r\n this.autoNumberNamesFilter = this.autoNumberNames.slice();\r\n }\r\n }\r\n onReload() {\r\n this.getAutoNumbers();\r\n }\r\n\r\n onClearAutoNumber() {\r\n this.setDefault();\r\n }\r\n\r\n onAddNewAutoNumber() {\r\n this.autoNumberOpened = true;\r\n this.setDefault();\r\n }\r\n\r\n onSaveAutoNumber() {\r\n if (this.autoNumberItem.IsAdd) { this.addAutoNumber(); } else { this.updateAutoNumber(); }\r\n }\r\n\r\n async onSaveAutoNumbers() {\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.autoNumbers.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.autoNumbers[i]));\r\n }\r\n const result = await this.appService.doPOST('api/AutoNumber/SaveAll', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.autoNumberItem;\r\n return {\r\n ID: temp.ID,\r\n FormatString: temp.FormatString,\r\n Step: temp.Step,\r\n CurNumber: temp.CurNumber,\r\n Reset: temp.Reset\r\n };\r\n }\r\n\r\n onCloseAutoNumber(status) {\r\n this.autoNumberOpened = false;\r\n }\r\n onCloseUser(status) {\r\n this.autoNumberOpened = false;\r\n this.autoNumberNamesFilter = this.autoNumberNames.slice();\r\n }\r\n\r\n onEditAutoNumber() {\r\n if (this.autoNumberSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.autoNumberSelection.length > 1) {\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.autoNumberSelection[0];\r\n const selectedItem = this.autoNumbers.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n\r\n if (selectedItem) {\r\n selectedItem.IsAdd = false;\r\n this.autoNumberItem = selectedItem;\r\n this.autoNumberOpened = true;\r\n }\r\n }\r\n }\r\n\r\n async addAutoNumber() {\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/AutoNumber', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewAutoNumber();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n async updateAutoNumber() {\r\n const id = this.autoNumberItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPUT('api/AutoNumber', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n async onDeleteAutoNumber() {\r\n if (this.autoNumberSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n const dataRequest = {\r\n IDSs: this.autoNumberSelection,\r\n DeleteBy: this.user.UserName\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/AutoNumber/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.autoNumberSelection = [];\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n }\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FkL2NtdC11c2VyL2NtdC11c2VyLmNvbXBvbmVudC5jc3MifQ== */\"","module.exports = \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\n\r\n@Component({\r\n selector: 'app-auto-number',\r\n templateUrl: './auto-number.component.html',\r\n styleUrls: ['./auto-number.component.css']\r\n})\r\nexport class AutoNumberComponent implements OnInit, OnDestroy {\r\n\r\n user: any;\r\n loading = false;\r\n autoNumbers = [];\r\n autoNumberSelectableSettings: SelectableSettings;\r\n autoNumberSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public autoNumberFocus = {\r\n Name: true\r\n };\r\n autoNumberSortByField: SortDescriptor[] = [];\r\n\r\n public autoNumberState: State = {\r\n // skip: 0,\r\n // take: 5,{ field: 'ProductName', operator: 'contains', value: 'Chef' }\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n autoNumberGridDataResult: GridDataResult;\r\n\r\n autoNumberSkip = 0;\r\n autoNumberPageSize = 50;\r\n autoNumberSelection: number[] = [];\r\n autoNumberItem: any;\r\n myInterval: any;\r\n autoNumberNames: Array<{ Name: string, ID: number }>;\r\n autoNumberNamesFilter: Array<{ Name: string, ID: number }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public autoNumberOpened = false;\r\n isEnabledSaveAll = false;\r\n data: any;\r\n control: any;\r\n controlDefault = true;\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n }\r\n\r\n handleFilter(value) {\r\n this.autoNumberNamesFilter = this.autoNumberNames.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.autoNumberSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'multiple'\r\n };\r\n }\r\n\r\n async getAutoNumbers() {\r\n this.loading = true;\r\n const result = await this.appService.doGET('api/AutoNumber', null);\r\n if (result) {\r\n this.autoNumbers = result.Data;\r\n this.bindAutoNumbers();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.autoNumberSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.autoNumbers.find((item) => {\r\n return item.ID === this.autoNumberSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.autoNumberSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.autoNumberItem = {\r\n IsAdd: true,\r\n ID: '',\r\n FormatString: '',\r\n Step: 0,\r\n CurNumber: 0,\r\n Reset: false,\r\n };\r\n this.autoNumberFocus.Name = true;\r\n }\r\n\r\n onAutoNumberPageChange(event: PageChangeEvent) {\r\n this.autoNumberSkip = event.skip;\r\n this.bindAutoNumbers();\r\n }\r\n\r\n onAutoNumberSelectedKeysChange() {\r\n }\r\n\r\n bindAutoNumbers() {\r\n this.autoNumberGridDataResult = {\r\n data: orderBy(this.autoNumbers, this.autoNumberSortByField),\r\n total: this.autoNumbers.length\r\n };\r\n this.autoNumberGridDataResult = process(this.autoNumbers, this.autoNumberState);\r\n }\r\n\r\n onAutoNumberSortChange(sort: SortDescriptor[]): void {\r\n this.autoNumberSortByField = sort;\r\n this.bindAutoNumbers();\r\n }\r\n\r\n public onAutoNumberDataStateChange(state: DataStateChangeEvent): void {\r\n this.autoNumberSelection = [];\r\n this.autoNumberState = state;\r\n this.autoNumberGridDataResult = process(this.autoNumbers, this.autoNumberState);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ;\r\n\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n\r\n // tslint:disable-next-line:prefer-const\r\n for (let i = 1; i < fileData.length; i++) {\r\n this.configs.push({\r\n ID: fileData[i][0],\r\n Name: fileData[i][1],\r\n Description: fileData[i][2],\r\n });\r\n }\r\n this.bindConfigs();\r\n this.isEnabledSaveAll = true;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n this.onReload();\r\n });\r\n }\r\n\r\n async initDisplay() {\r\n const resultConfig = await this.appService.doGET('api/Enum/GetEConfig', null);\r\n if (resultConfig) {\r\n this.configNames = resultConfig.Data;\r\n this.configNamesFilter = this.configNames.slice();\r\n }\r\n }\r\n onReload() {\r\n this.getConfigs();\r\n }\r\n\r\n onClearConfig() {\r\n this.setDefault();\r\n }\r\n\r\n onAddNewConfig() {\r\n this.configOpened = true;\r\n this.setDefault();\r\n }\r\n\r\n onSaveConfig() {\r\n if (this.configItem.IsAdd) { this.addConfig(); } else { this.updateConfig(); }\r\n }\r\n\r\n async onSaveConfigs() {\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.configs.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.configs[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Config/SaveAll', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.configItem;\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n Description: temp.Description,\r\n };\r\n }\r\n\r\n onCloseConfig(status) {\r\n this.configOpened = false;\r\n }\r\n onCloseUser(status) {\r\n this.configOpened = false;\r\n this.configNamesFilter = this.configNames.slice();\r\n }\r\n\r\n onEditConfig() {\r\n if (this.configSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.configSelection.length > 1) {\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.configSelection[0];\r\n const selectedItem = this.configs.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n\r\n if (selectedItem) {\r\n selectedItem.IsAdd = false;\r\n this.configItem = selectedItem;\r\n this.configOpened = true;\r\n }\r\n }\r\n }\r\n\r\n async addConfig() {\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Config', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewConfig();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n async updateConfig() {\r\n const id = this.configItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPUT('api/Config', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n async onDeleteConfig() {\r\n if (this.configSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n const dataRequest = {\r\n IDSs: this.configSelection,\r\n DeleteBy: this.user.UserName\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Config/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.configSelection = [];\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n }\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FkL2NvbnRyb2wvY29udHJvbC5jb21wb25lbnQuY3NzIn0= */\"","module.exports = \"\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\n\r\n@Component({\r\n selector: 'app-control',\r\n templateUrl: './control.component.html',\r\n styleUrls: ['./control.component.css']\r\n})\r\nexport class ControlComponent implements OnInit, OnDestroy {\r\n\r\n user: any;\r\n loading = false;\r\n dataControls = [];\r\n dataControlSelectableSettings: SelectableSettings;\r\n dataControlSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataControlFocus = {\r\n Name: true\r\n };\r\n dataControlSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n //Config: Constant for paging\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataControlSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataControlPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataControlSelection: number[] = [];\r\n dataControlItem: any;\r\n myInterval: any;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataControlState: State = {\r\n skip: this.dataControlSkip,\r\n take: this.dataControlSkip + this.dataControlPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n dataControlGridDataResult: GridDataResult;\r\n\r\n roles: Array<{ Name: string, ID: string }>;\r\n rolesFilter: Array<{ Name: string, ID: string }>;\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n }\r\n\r\n rolesHandleFilter(value) {\r\n this.rolesFilter = this.roles.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataControlSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getControls() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/Control/Search', dataRequest);\r\n if (result) {\r\n this.dataControls = result.Data;\r\n this.bindControls();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataControlSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataControls.find((item) => {\r\n return item.ID === this.dataControlSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataControlSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataControlItem = {\r\n IsAdd: true,\r\n ID: '',\r\n Name: '',\r\n };\r\n }\r\n\r\n onControlPageChange(event: PageChangeEvent) {\r\n this.dataControlSkip = event.skip;\r\n this.bindControls();\r\n }\r\n\r\n onControlSelectedKeysChange() {\r\n\r\n if (this.dataControlSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataControlSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataControlSelection[0];\r\n const selectedItem = this.dataControls.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataControlItem = selectedItem;\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindControls() {\r\n this.dataControlGridDataResult = {\r\n data: orderBy(this.dataControls, this.dataControlSortByField),\r\n total: this.dataControls.length\r\n };\r\n\r\n this.dataControlGridDataResult = process(this.dataControls, this.dataControlState);\r\n }\r\n\r\n onControlSortChange(sort: SortDescriptor[]): void {\r\n this.dataControlSortByField = sort;\r\n this.bindControls();\r\n }\r\n\r\n public onControlDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataControlSelection = [];\r\n this.dataControlState = state;\r\n this.dataControlGridDataResult = process(this.dataControls, this.dataControlState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n 'ID',\r\n 'Name',\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n\r\n let role: any;\r\n this.dataControls = [];\r\n for (let i = 1; i < fileData.length; i++) {\r\n role = this.roles.find(item => {\r\n return this.appUtils.compareString(fileData[i][this.getColumnIndex('RoleID')], item.Name, item.ID);\r\n });\r\n\r\n if (fileData[i].indexOf(fileData[i][this.getColumnIndex('RoleName')]) === -1) {\r\n this.dataControls.push({\r\n IsAdd: false,\r\n ID: fileData[i][this.getColumnIndex('ID')],\r\n Name: fileData[i][this.getColumnIndex('Name')]\r\n });\r\n }\r\n }\r\n this.bindControls();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n this.onReload();\r\n });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n const resultRole = await this.appService.doGET('api/Role', null);\r\n if (resultRole && resultRole.Status === 1) {\r\n this.roles = resultRole.Data;\r\n this.rolesFilter = this.roles.slice();\r\n }\r\n }\r\n\r\n onSearch() {\r\n this.getControls();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.searchOption.SearchText = '';\r\n this.getControls();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearControl() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewControl() {\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.setDefault();\r\n }\r\n\r\n onSaveControl() {\r\n if (this.dataControlItem.IsAdd) { this.addControl(); } else { this.updateControl(); }\r\n }\r\n\r\n async onSaveControls() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataControls.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataControls[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Control/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataControlItem;\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n };\r\n }\r\n\r\n onCloseControl(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n\r\n onEditControl() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n }\r\n\r\n async addControl() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Control', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewControl();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateControl() {\r\n this.appComponent.loading = true;\r\n const id = this.dataControlItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPUT('api/Control', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteControl() {\r\n if (this.dataControlSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataControlSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Control/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewControl();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataControlSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n}\r\n\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FkL2xvYWQtZGF0YS1hdXRvL2xvYWQtZGF0YS1hdXRvLmNvbXBvbmVudC5jc3MifQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\n@Component({\r\n selector: 'app-page',\r\n templateUrl: './page.component.html',\r\n styleUrls: ['./page.component.css']\r\n})\r\nexport class PageComponent implements OnInit, OnDestroy {\r\n\r\n isStickySearch = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isStickySearch = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataPages = [];\r\n dataPageSelectableSettings: SelectableSettings;\r\n dataPageSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataPageFocus = {\r\n Name: true\r\n };\r\n dataPageSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n //Config: Constant for paging\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataPageSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataPagePageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataPageSelection: number[] = [];\r\n dataPageItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataPageState: State = {\r\n skip: this.dataPageSkip,\r\n take: this.dataPageSkip + this.dataPagePageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n group: [{ field: 'ParentName' }]\r\n };\r\n dataPageGridDataResult: GridDataResult;\r\n\r\n parentPages: Array<{ Name: string, ID: string }>;\r\n parentPagesFilter: Array<{ Name: string, ID: string }>;\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.getPageParent();\r\n this.getPageName();\r\n }\r\n\r\n parentPagesHandleFilter(value) {\r\n this.parentPagesFilter = this.parentPages.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataPageSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getPages() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/Page/Search', dataRequest);\r\n if (result) {\r\n this.dataPages = result.Data; \r\n // this.parentPagesFilter = this.parentPages.slice();\r\n this.bindPages();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n async getPageParent() {\r\n const dataRequest = {\r\n searchText: ''\r\n };\r\n const result = await this.appService.doGET('api/Page/Search', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.parentPages = [];\r\n this.parentPages.push({\r\n ID: null,\r\n Name: 'Root'\r\n });\r\n\r\n result.Data.forEach(item => {\r\n if (!item.ParentID) {\r\n this.parentPages.push(item);\r\n }\r\n });\r\n\r\n this.parentPagesFilter = this.parentPages.slice();\r\n }\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataPageSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataPages.find((item) => {\r\n return item.ID === this.dataPageSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataPageSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataPageItem = {\r\n IsAdd: true,\r\n ID: null,\r\n Name: null,\r\n ParentID: '',\r\n OrdinalNumber: 0,\r\n MenuFlg: true,\r\n ButtonFlg: false\r\n };\r\n this.dataPageFocus.Name = true;\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.dataPageSelection = [];\r\n }\r\n\r\n onPagePageChange(event: PageChangeEvent) {\r\n this.dataPageSkip = event.skip;\r\n this.bindPages();\r\n }\r\n\r\n onPageSelectedKeysChange() {\r\n\r\n if (this.dataPageSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataPageSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataPageSelection[0];\r\n const selectedItem = this.dataPages.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataPageItem = selectedItem;\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindPages() {\r\n this.dataPageGridDataResult = {\r\n data: orderBy(this.dataPages, this.dataPageSortByField),\r\n total: this.dataPages.length\r\n };\r\n\r\n this.dataPageGridDataResult = process(this.dataPages, this.dataPageState);\r\n }\r\n\r\n onPageSortChange(sort: SortDescriptor[]): void {\r\n this.dataPageSortByField = sort;\r\n this.bindPages();\r\n }\r\n\r\n public onPageDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataPageSelection = [];\r\n this.dataPageState = state;\r\n this.dataPageGridDataResult = process(this.dataPages, this.dataPageState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n 'NameParentPage',\r\n 'ParentID',\r\n 'ID',\r\n 'Name',\r\n 'OrdinalNumber',\r\n 'MenuFlg',\r\n 'ButtonFlg'\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n \r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n return false;\r\n }\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n let parentPage: any;\r\n this.dataPages = [];\r\n for (let i = 1; i < fileData.length; i++) {\r\n parentPage = this.parentPages.find(item => {\r\n return this.appUtils.compareString(fileData[i][this.getColumnIndex('ParentID')], item.Name, item.ID);\r\n });\r\n\r\n if (fileData[i].indexOf(fileData[i][this.getColumnIndex('NameParentPage')]) == -1) {\r\n this.dataPages.push({\r\n IsAdd: false,\r\n ParentID: parentPage ? parentPage.ID : null,\r\n ParentName: parentPage ? parentPage.Name : null,\r\n ID: fileData[i][this.getColumnIndex('ID')],\r\n Name: fileData[i][this.getColumnIndex('Name')],\r\n OrdinalNumber: fileData[i][this.getColumnIndex('OrdinalNumber')],\r\n MenuFlg: fileData[i][this.getColumnIndex('MenuFlg')],\r\n ButtonFlg: fileData[i][this.getColumnIndex('ButtonFlg')],\r\n });\r\n }\r\n }\r\n this.bindPages();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n this.onReload();\r\n });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n onSearch() {\r\n this.getPages();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.searchOption.SearchText = '';\r\n this.getPages();\r\n this.getPageParent();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearPage() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewPage() {\r\n \r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n onSavePage() {\r\n if (this.dataPageItem.IsAdd) { this.addPage(); } else { this.updatePage(); }\r\n }\r\n\r\n async onSavePages() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n for (let i = 0; i < this.dataPages.length; i++) {\r\n let DataPages = this.dataPages[i];\r\n const dataRequest = {\r\n searchText: DataPages.Name\r\n };\r\n const resultPageListFromServer = await this.appService.doGET('api/Page/Search', dataRequest);\r\n let isDuplicate = false;\r\n if (resultPageListFromServer && resultPageListFromServer.Data &&\r\n resultPageListFromServer.Data.length > 0) {\r\n resultPageListFromServer.Data.forEach(element => {\r\n if (element.Name == DataPages.Name) {\r\n isDuplicate = true;\r\n }\r\n });\r\n }\r\n if (isDuplicate == false) {\r\n dataRequests.push(this.createDataRequest(this.dataPages[i]));\r\n }\r\n }\r\n const result = await this.appService.doPOST('api/Page/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataPageItem;\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n ParentID: temp.ParentID,\r\n MenuFlg: temp.MenuFlg,\r\n ButtonFlg: temp.ButtonFlg,\r\n OrdinalNumber: temp.OrdinalNumber\r\n };\r\n }\r\n\r\n onClosePage(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n onEditPage() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n async addPage() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Page', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updatePage() {\r\n this.appComponent.loading = true;\r\n const id = this.dataPageItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPUT('api/Page', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewPage();\r\n this.infoOpened = false\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeletePage() {\r\n if (this.dataPageSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataPageSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Page/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewPage();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataPageSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n}\r\n","module.exports = \"/* sticky toolbar */\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n.sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n/* sticky toolbar */\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 300px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYWQvcm9sZS9yb2xlLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsbUJBQW1CO0FBQ25CO0lBQ0ksZUFBZTtJQUNmLFNBQVM7SUFDVCxjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixVQUFVO0FBQ2Q7QUFFQTtJQUNJLGVBQWU7SUFDZixVQUFVO0lBQ1YsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsYUFBYTtBQUNqQjtBQUVBO0lBQ0k7UUFDSSxlQUFlO1FBQ2YsU0FBUztRQUNULGNBQWM7UUFDZCxZQUFZO1FBQ1osVUFBVTtRQUNWLFVBQVU7SUFDZDs7SUFFQTtRQUNJLGVBQWU7UUFDZixVQUFVO1FBQ1YsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkO0FBQ0o7QUFFQSxtQkFBbUI7QUFHbkI7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakIiLCJmaWxlIjoic3JjL2FwcC9hZC9yb2xlL3JvbGUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIHN0aWNreSB0b29sYmFyICovXHJcbi5zdGlja3ktZ3JvdXAtc2VhcmNoIHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogNzZweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OCU7XHJcbn1cclxuXHJcbi5zdGlja3ktdG9vbGJhci1idG4tdXNlcntcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMTkzcHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTkuNTUlO1xyXG59XHJcblxyXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6NzY4cHgpIHtcclxuICAgIC5zdGlja3ktZ3JvdXAtc2VhcmNoIHtcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiA3NnB4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIHdpZHRoOiA5NCU7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC5zdGlja3ktdG9vbGJhci1idG4tdXNlcntcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiAxOTNweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogOTklO1xyXG4gICAgfVxyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqL1xyXG5cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuc3RpY2t5LWhlYWRlci1ncmlkIC5rLWdyaWQgLmstZ3JpZC1oZWFkZXIge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAzMDBweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5Ny41NSU7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'app-role',\r\n templateUrl: './role.component.html',\r\n styleUrls: ['./role.component.css'],\r\n})\r\nexport class RoleComponent implements OnInit, OnDestroy {\r\n\r\n isStickySearch = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isStickySearch = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataRoles = [];\r\n dataRoleSelectableSettings: SelectableSettings;\r\n dataRoleSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataRoleFocus = {\r\n Name: true\r\n };\r\n dataRoleSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataRoleSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataRolePageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataRoleSelection: number[] = [];\r\n dataRoleItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataRoleState: State = {\r\n skip: this.dataRoleSkip,\r\n take: this.dataRoleSkip + this.dataRolePageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n dataRoleGridDataResult: GridDataResult;\r\n\r\n roles: Array<{ Name: string, ID: string }>;\r\n rolesFilter: Array<{ Name: string, ID: string }>;\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n infoOpened = false;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n\r\n rolesHandleFilter(value) {\r\n this.rolesFilter = this.roles.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataRoleSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getRoles() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/Role/Search', dataRequest);\r\n if (result) {\r\n this.dataRoles = result.Data;\r\n this.bindRoles();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataRoleSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataRoles.find((item) => {\r\n return item.ID === this.dataRoleSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataRoleSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataRoleItem = {\r\n IsAdd: true,\r\n ID: '',\r\n Name: '',\r\n DefaultFlg: false\r\n };\r\n this.dataRoleSelection = [];\r\n this.enabled = true;\r\n this.enabledID = true;\r\n }\r\n\r\n onRolePageChange(event: PageChangeEvent) {\r\n this.dataRoleSkip = event.skip;\r\n this.bindRoles();\r\n }\r\n\r\n onRoleSelectedKeysChange() {\r\n\r\n if (this.dataRoleSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataRoleSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataRoleSelection[0];\r\n const selectedItem = this.dataRoles.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataRoleItem = selectedItem;\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindRoles() {\r\n this.dataRoleGridDataResult = {\r\n data: orderBy(this.dataRoles, this.dataRoleSortByField),\r\n total: this.dataRoles.length\r\n };\r\n\r\n this.dataRoleGridDataResult = process(this.dataRoles, this.dataRoleState);\r\n }\r\n\r\n onRoleSortChange(sort: SortDescriptor[]): void {\r\n this.dataRoleSortByField = sort;\r\n this.bindRoles();\r\n }\r\n\r\n public onRoleDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataRoleSelection = [];\r\n this.dataRoleState = state;\r\n this.dataRoleGridDataResult = process(this.dataRoles, this.dataRoleState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n 'ID',\r\n 'Name',\r\n 'DefaultFlg'\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n \r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n\r\n return false;\r\n }\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n \r\n \r\n this.dataRoles = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 1; i < fileData.length; i++) {\r\n\r\n this.dataRoles.push({\r\n IsAdd: false,\r\n ID: fileData[i][this.getColumnIndex('ID')],\r\n Name: fileData[i][this.getColumnIndex('Name')],\r\n DefaultFlg: fileData[i][this.getColumnIndex('DefaultFlg')],\r\n });\r\n }\r\n this.bindRoles();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n this.onReload();\r\n });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n const resultRole = await this.appService.doGET('api/Role', null);\r\n if (resultRole && resultRole.Status === 1) {\r\n this.roles = resultRole.Data;\r\n this.rolesFilter = this.roles.slice();\r\n }\r\n }\r\n\r\n onSearch() {\r\n this.getRoles();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.searchOption.SearchText = '';\r\n this.getRoles();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearRole() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewRole() {\r\n \r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n onSaveRole() {\r\n if (this.dataRoleItem.IsAdd) { this.addRole(); } else { this.updateRole(); }\r\n }\r\n\r\n async onSaveRoles() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataRoles.length; i++) {\r\n\t\t\tlet role = this.dataRoles[i];\r\n const resultRoleListFromServer = await this.appService.doGET('api/Role/Search', { searchText: role.Name });\r\n\t\t\tlet isDuplicate = false;\r\n\t\t\tif (resultRoleListFromServer && resultRoleListFromServer.Data &&\r\n\t\t\t\tresultRoleListFromServer.Data.length > 0) {\r\n resultRoleListFromServer.Data.forEach(element => {\r\n\t\t\t\t\tif (element.ID == role.ID) {\r\n\t\t\t\t\t\tisDuplicate = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif (isDuplicate == false) {\r\n\t\t\t\tdataRequests.push(this.createDataRequest(this.dataRoles[i]));\r\n\t\t\t}\r\n\t\t}\r\n const result = await this.appService.doPOST('api/Role/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataRoleItem;\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n DefaultFlg: temp.DefaultFlg\r\n };\r\n }\r\n\r\n onCloseRole(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n onEditRole() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n async addRole() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Role', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateRole() {\r\n this.appComponent.loading = true;\r\n const id = this.dataRoleItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPUT('api/Role', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewRole();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteRole() {\r\n if (this.dataRoleSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataRoleSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Role/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewRole();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataRoleSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n\t\tconst result: ExcelExportData = {\r\n\t\t\tdata: process(this.dataRoles, {}).data\r\n\t\t};\r\n\r\n\t\treturn result;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","module.exports = \".k-treeview .k-in {\\r\\n width: 100% !important;\\r\\n}\\r\\n\\r\\n.k-treeview .k-in div,\\r\\n.k-treeview .k-in div label {\\r\\n width: inherit;\\r\\n}\\r\\n\\r\\n.k-treeview .k-in.k-state-selected {\\r\\n width: 100% !important;\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 100%;\\r\\n background-color: white;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 182px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn-1{\\r\\n position: fixed;\\r\\n top: 133px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 100%;\\r\\n background-color: white;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 182px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 92%;\\r\\n }\\r\\n\\r\\n .sticky-toolbar-btn-1{\\r\\n position: fixed;\\r\\n top: 133px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYWQvdXNlci1yb2xlL3VzZXItcm9sZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksc0JBQXNCO0FBQzFCOztBQUVBOztJQUVJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxzQkFBc0I7QUFDMUI7O0FBRUEsbUJBQW1COztBQUNuQjtJQUNJLGVBQWU7SUFDZixTQUFTO0lBQ1QsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsV0FBVztJQUNYLHVCQUF1QjtBQUMzQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixVQUFVO0lBQ1YsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsVUFBVTtBQUNkOztBQUVBO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixXQUFXO0FBQ2Y7O0FBRUE7SUFDSTtRQUNJLGVBQWU7UUFDZixTQUFTO1FBQ1QsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsV0FBVztRQUNYLHVCQUF1QjtJQUMzQjs7SUFFQTtRQUNJLGVBQWU7UUFDZixVQUFVO1FBQ1YsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkOztJQUVBO1FBQ0ksZUFBZTtRQUNmLFVBQVU7UUFDVixjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixXQUFXO0lBQ2Y7QUFDSjs7QUFFQSxtQkFBbUIiLCJmaWxlIjoic3JjL2FwcC9hZC91c2VyLXJvbGUvdXNlci1yb2xlLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuay10cmVldmlldyAuay1pbiB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uay10cmVldmlldyAuay1pbiBkaXYsXHJcbi5rLXRyZWV2aWV3IC5rLWluIGRpdiBsYWJlbCB7XHJcbiAgICB3aWR0aDogaW5oZXJpdDtcclxufVxyXG5cclxuLmstdHJlZXZpZXcgLmstaW4uay1zdGF0ZS1zZWxlY3RlZCB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqL1xyXG4uc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDc2cHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG59XHJcblxyXG4uc3RpY2t5LXRvb2xiYXItYnRue1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAxODJweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OCU7XHJcbn1cclxuXHJcbi5zdGlja3ktdG9vbGJhci1idG4tMXtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMTMzcHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjc2OHB4KSB7XHJcbiAgICAuc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgICAgIHRvcDogNzZweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnN0aWNreS10b29sYmFyLWJ0bntcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiAxODJweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogOTIlO1xyXG4gICAgfVxyXG5cclxuICAgIC5zdGlja3ktdG9vbGJhci1idG4tMXtcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiAxMzNweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgIH1cclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi8iXX0= */\"","module.exports = \"\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { Location } from '@angular/common';\r\nimport { of } from 'rxjs/observable/of';\r\nimport { AppComponent } from 'src/app/app.component';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\n\r\n@Component({\r\n selector: 'app-user-role',\r\n templateUrl: './user-role.component.html',\r\n styleUrls: ['./user-role.component.css']\r\n})\r\nexport class UserRoleComponent implements OnInit, OnDestroy {\r\n\r\n isSticky = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n userRoles = [];\r\n userRoleFilter = [];\r\n searchUserRoleFilter = [];\r\n searchUserRoles = [];\r\n userRoleSelectedKeys = [];\r\n userRoleSelectableSettings: SelectableSettings;\r\n userRoleSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n userRoleSortByField: SortDescriptor[] = [];\r\n\r\n searchOption = {\r\n RoleID: null,\r\n SearchText: ''\r\n };\r\n\r\n public userRoleState: State = {\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n userRoleGridDataResult: GridDataResult;\r\n\r\n userRoleSkip = 0;\r\n userRolePageSize = 5;\r\n userRoleSelection: number[] = [];\r\n userRoleItem: any;\r\n myInterval: any;\r\n\r\n roles: Array<{ Name: string, ID: string }>;\r\n roleFilters: Array<{ Name: string, ID: string }>;\r\n roleSearchs: Array<{ Name: string, ID: string }>;\r\n\r\n public updateFilePathUrl = this.appService.apiRoot + 'File/Upload';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public userRoleOpened = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n private location: Location,\r\n private appComponent: AppComponent,\r\n public appControls: AppControls\r\n ) {\r\n\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.initDisplay();\r\n this.getPageName();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n pageName: any;\r\n \r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.allowMulti = !this.allowMulti;\r\n this.userRoleSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n async getUserRoles() {\r\n this.appComponent.loading = true;\r\n if (this.searchOption.RoleID && this.searchOption.RoleID !== this.guid.empty) {\r\n const dataRequest = {\r\n id: this.searchOption.RoleID\r\n };\r\n this.loading = true;\r\n const result = await this.appService.doGET('api/RolePage', dataRequest);\r\n if (result) {\r\n this.userRoles = result.Data.Items || [];\r\n }\r\n this.loading = false;\r\n } else {\r\n this.userRoles = [];\r\n }\r\n\r\n this.userRoleFilter = this.userRoles.slice();\r\n this.bindUserRoles();\r\n this.getSearchUserRole();\r\n this.appComponent.loading = false;\r\n }\r\n\r\n getSearchUserRole() {\r\n const result = [];\r\n this.userRoles.forEach((userRole) => {\r\n if (!result.find((f) => {\r\n return f.indexOf(userRole.Name) >= 0;\r\n })) {\r\n result.push(userRole.Name);\r\n }\r\n\r\n if (userRole.Items && userRole.Items.length > 0) {\r\n userRole.Items.forEach((item) => {\r\n if (item.Name && !result.find((f) => {\r\n return f.indexOf(item.Name) >= 0;\r\n })) {\r\n result.push(item.Name);\r\n }\r\n });\r\n }\r\n });\r\n\r\n this.searchUserRoles = result;\r\n this.searchUserRoleFilter = this.searchUserRoles.slice();\r\n }\r\n\r\n onUserRolePageChange(event: PageChangeEvent) {\r\n this.userRoleSkip = event.skip;\r\n this.bindUserRoles();\r\n }\r\n\r\n onUserRoleSelectedKeysChange() {\r\n }\r\n\r\n userRoleHandleSelection({ index }: any) {\r\n if (index.indexOf('_') < 0) {\r\n const i = this.intl.parseNumber(index);\r\n const page = this.userRoleFilter[i];\r\n if (page.Items && page.Items.length > 0) {\r\n page.Items.forEach((item) => {\r\n item.ActiveFlg = !page.ActiveFlg;\r\n });\r\n }\r\n }\r\n this.bindUserRoles();\r\n }\r\n\r\n onSearchUserRoleChange() {\r\n this.userRoleFilter = this.search(this.userRoles, this.searchOption.SearchText);\r\n }\r\n\r\n onSearchUserRoleFiltering(filter: any) {\r\n this.searchUserRoleFilter = this.searchUserRoles.filter((s) => s.toLowerCase().indexOf(filter.toLowerCase()) !== -1);\r\n }\r\n\r\n public search(items: any[], term: string): any[] {\r\n return items.reduce((acc, item) => {\r\n if (this.contains(item.Name, term)) {\r\n acc.push(item);\r\n } else if (item.Items && item.Items.length > 0) {\r\n const newItems = this.search(item.Items, term);\r\n\r\n if (newItems.length > 0) {\r\n acc.push({ ID: item.ID, Name: item.Name, ActiveFlg: item.ActiveFlg, Items: newItems });\r\n }\r\n }\r\n\r\n return acc;\r\n }, []);\r\n }\r\n\r\n public contains(text: string, term: string): boolean {\r\n return text.toLowerCase().indexOf(term.toLowerCase()) >= 0;\r\n }\r\n\r\n bindUserRoles() {\r\n this.userRoleGridDataResult = {\r\n data: orderBy(this.userRoles, this.userRoleSortByField),\r\n total: this.userRoles.length\r\n };\r\n this.userRoleGridDataResult = process(this.userRoles, this.userRoleState);\r\n }\r\n\r\n onUserRoleSortChange(sort: SortDescriptor[]): void {\r\n this.userRoleSortByField = sort;\r\n this.bindUserRoles();\r\n }\r\n\r\n public onUserRoleDataStateChange(state: DataStateChangeEvent): void {\r\n this.userRoleSelection = [];\r\n this.userRoleState = state;\r\n this.userRoleGridDataResult = process(this.userRoles, this.userRoleState);\r\n }\r\n\r\n onRoleSearchHandleFilter(value) {\r\n this.roleSearchs = this.roles.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n async onRoleSearchValueChange(e: any) {\r\n this.roleSearchs = this.roles.slice();\r\n this.onReload();\r\n }\r\n\r\n async onServiceSearchValueChange(e: any) {\r\n this.onReload();\r\n }\r\n\r\n async initDisplay() {\r\n\r\n const resultrole = await this.appService.doGET('api/role/GetForCombobox', null);\r\n if (resultrole) {\r\n this.roles = resultrole.Data;\r\n this.roleFilters = this.roles.slice();\r\n this.roleSearchs = this.roles.slice();\r\n }\r\n\r\n if (this.roles.length > 0) {\r\n this.searchOption.RoleID = this.roles[0].ID;\r\n this.onReload();\r\n }\r\n }\r\n\r\n onReload() {\r\n this.getUserRoles();\r\n }\r\n\r\n async onSaveUserRole() {\r\n\r\n\r\n const dataRequests = [];\r\n let page: any;\r\n let controls: any;\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.userRoles.length; i++) {\r\n page = this.userRoles[i];\r\n controls = [];\r\n if (page.Items && page.Items.length > 0) {\r\n page.Items.forEach(ctr => {\r\n if (ctr.ActiveFlg) {\r\n controls.push(ctr.ID);\r\n }\r\n });\r\n }\r\n\r\n dataRequests.push({\r\n RoleID: this.searchOption.RoleID,\r\n PageID: page.ID,\r\n Value: controls.length > 0 ? JSON.stringify(controls) : '',\r\n ActiveFlg: page.ActiveFlg\r\n });\r\n }\r\n\r\n const result = await this.appService.doPOST('api/RolePage', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n onBack() {\r\n this.location.back();\r\n }\r\n\r\n}\r\n","module.exports = \".k-grid input[type=\\\"password\\\"] {\\r\\n background: inherit;\\r\\n border: none;\\r\\n}\\r\\n\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n\\r\\n.sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 300px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid-cmt .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 253px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYWQvdXNlci91c2VyLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxtQkFBbUI7SUFDbkIsWUFBWTtBQUNoQjs7O0FBR0EsbUJBQW1COzs7QUFDbkI7SUFDSSxlQUFlO0lBQ2YsU0FBUztJQUNULGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLFVBQVU7QUFDZDs7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakI7OztBQUVBO0lBQ0k7UUFDSSxlQUFlO1FBQ2YsU0FBUztRQUNULGNBQWM7UUFDZCxZQUFZO1FBQ1osVUFBVTtRQUNWLFVBQVU7SUFDZDs7SUFFQTtRQUNJLGVBQWU7UUFDZixVQUFVO1FBQ1YsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkO0FBQ0o7OztBQUVBLG1CQUFtQjs7O0FBR25CO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCOzs7QUFHQTtJQUNJLGVBQWU7SUFDZixVQUFVO0lBQ1YsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsYUFBYTtBQUNqQiIsImZpbGUiOiJzcmMvYXBwL2FkL3VzZXIvdXNlci5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmstZ3JpZCBpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0ge1xyXG4gICAgYmFja2dyb3VuZDogaW5oZXJpdDtcclxuICAgIGJvcmRlcjogbm9uZTtcclxufVxyXG5cclxuXHJcbi8qIHN0aWNreSB0b29sYmFyICovXHJcbi5zdGlja3ktZ3JvdXAtc2VhcmNoIHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogNzZweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OCU7XHJcbn1cclxuXHJcbi5zdGlja3ktdG9vbGJhci1idG4tdXNlcntcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMTkzcHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTkuNTUlO1xyXG59XHJcblxyXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6NzY4cHgpIHtcclxuICAgIC5zdGlja3ktZ3JvdXAtc2VhcmNoIHtcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiA3NnB4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIHdpZHRoOiA5NCU7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC5zdGlja3ktdG9vbGJhci1idG4tdXNlcntcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiAxOTNweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogOTklO1xyXG4gICAgfVxyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqL1xyXG5cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuc3RpY2t5LWhlYWRlci1ncmlkIC5rLWdyaWQgLmstZ3JpZC1oZWFkZXIge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAzMDBweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5Ny41NSU7XHJcbn1cclxuXHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnN0aWNreS1oZWFkZXItZ3JpZC1jbXQgLmstZ3JpZCAuay1ncmlkLWhlYWRlciB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDI1M3B4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk3LjU1JTtcclxufSJdfQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Input, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { delay, map } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'app-user',\r\n templateUrl: './user.component.html',\r\n styleUrls: ['./user.component.css'],\r\n})\r\nexport class UserComponent implements OnInit, OnDestroy {\r\n\r\n isSticky = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataUsers = [];\r\n dataUserSelectableSettings: SelectableSettings;\r\n dataUserSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public group: any[] = [{\r\n field: 'RoleName'\r\n }];\r\n public dataUserFocus = {\r\n Name: true\r\n };\r\n dataUserSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataUserSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataUserPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataUserSelection: number[] = [];\r\n dataUserItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataUserState: State = {\r\n skip: this.dataUserSkip,\r\n take: this.dataUserSkip + this.dataUserPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n group: [{ field: 'RoleName' }]\r\n };\r\n dataUserGridDataResult: GridDataResult;\r\n\r\n roles: Array<{ Name: string, ID: string }>;\r\n rolesFilter: Array<{ Name: string, ID: string }>;\r\n\r\n units: Array<{ Name: string, ID: string }>;\r\n unitsFilter: Array<{ Name: string, ID: string }>;\r\n members: Array<{ FullName: string, UserName: string }> = [];\r\n membersFilter: Array<{ FullName: string, UserName: string }> = [];\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n @Input() userType = 0;\r\n\r\n public dataUserStateCmt: State = {\r\n skip: this.dataUserSkip,\r\n take: this.dataUserSkip + this.dataUserPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n ) {\r\n \r\n }\r\n\r\n rolesHandleFilter(value) {\r\n this.rolesFilter = this.roles.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n unitsHandleFilter(value) {\r\n this.unitsFilter = this.units.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n membersHandleFilter(value) {\r\n this.membersFilter = this.members.filter((s) => s.FullName.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataUserSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getUsers() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n const result = await this.appService.doGET('api/User/Search', dataRequest);\r\n //const result = await this.appService.doGET('api/User/Search', null);\r\n if (result && result.Status === 1) {\r\n for (let i = 0; i < result.Data.length; i++) {\r\n if(result.Data[i].MemberList == null || result.Data[i].MemberList == \"\"){\r\n result.Data[i].MemberList = [];\r\n }\r\n else{\r\n result.Data[i].MemberList = JSON.parse(result.Data[i].MemberList);\r\n }\r\n if(result.Data[i].UnitRpList == null || result.Data[i].UnitRpList == \"\"){\r\n result.Data[i].UnitRpList = [];\r\n }\r\n else{\r\n result.Data[i].UnitRpList = JSON.parse(result.Data[i].UnitRpList);\r\n }\r\n }\r\n this.dataUsers = result.Data;\r\n console.log(this.dataUsers)\r\n this.bindUsers();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataUserSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataUsers.find((item) => {\r\n return item.UserName === this.dataUserSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataUserSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataUserItem = {\r\n IsAdd: true,\r\n UserName: '',\r\n Password: '',\r\n FullName: '',\r\n Description: '',\r\n LockFlg: false,\r\n DelFlg: false,\r\n RoleID: '',\r\n UnitID: null\r\n };\r\n\r\n\r\n this.dataUserSelection = []\r\n this.enabled = true;\r\n this.enabledID = true;\r\n }\r\n\r\n onUserPageChange(event: PageChangeEvent) {\r\n this.dataUserSkip = event.skip;\r\n this.bindUsers();\r\n }\r\n\r\n onUserSelectedKeysChange() {\r\n\r\n if (this.dataUserSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataUserSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataUserSelection[0];\r\n const selectedItem = this.dataUsers.find((item) => {\r\n return item.UserName === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataUserItem = selectedItem;\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindUsers() {\r\n this.dataUserGridDataResult = {\r\n data: orderBy(this.dataUsers, this.dataUserSortByField),\r\n total: this.dataUsers.length\r\n };\r\n if(this.userType == 1){\r\n this.dataUserGridDataResult = process(this.dataUsers, this.dataUserStateCmt);\r\n }else {\r\n this.dataUserGridDataResult = process(this.dataUsers, this.dataUserState);\r\n }\r\n }\r\n\r\n onUserSortChange(sort: SortDescriptor[]): void {\r\n this.dataUserSortByField = sort;\r\n this.bindUsers();\r\n }\r\n\r\n public onUserDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataUserSelection = [];\r\n if(this.userType == 1){\r\n this.dataUserStateCmt = state;\r\n this.dataUserGridDataResult = process(this.dataUsers, this.dataUserStateCmt);\r\n }else {\r\n this.dataUserState = state;\r\n this.dataUserGridDataResult = process(this.dataUsers, this.dataUserState);\r\n }\r\n \r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n 'RoleName',\r\n 'RoleID',\r\n 'UserName',\r\n 'Password',\r\n 'FullName',\r\n 'UnitID',\r\n 'Description',\r\n 'LockFlg',\r\n 'DelFlg'\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n \r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n\r\n return false;\r\n }\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n let role: any;\r\n let unit: any;\r\n this.dataUsers = [];\r\n for (let i = 1; i < fileData.length; i++) {\r\n role = this.roles.find(item => {\r\n return this.appUtils.compareString(fileData[i][this.getColumnIndex('RoleID')], item.Name, item.ID);\r\n });\r\n\r\n unit = this.units.find(item => {\r\n return this.appUtils.compareString(fileData[i][this.getColumnIndex('UnitID')], item.Name, item.ID);\r\n });\r\n\r\n if (fileData[i].indexOf(fileData[i][this.getColumnIndex('RoleName')]) === -1) {\r\n this.dataUsers.push({\r\n IsAdd: false,\r\n RoleID: role ? role.ID : null,\r\n RoleName: role ? role.Name : null,\r\n UnitID: unit ? unit.ID : null,\r\n UnitName: unit ? unit.Name : null,\r\n\r\n UserName: fileData[i][this.getColumnIndex('UserName')],\r\n Password: fileData[i][this.getColumnIndex('Password')],\r\n FullName: fileData[i][this.getColumnIndex('FullName')],\r\n Description: fileData[i][this.getColumnIndex('Description')],\r\n LockFlg: fileData[i][this.getColumnIndex('LockFlg')],\r\n DelFlg: fileData[i][this.getColumnIndex('DelFlg')],\r\n });\r\n }\r\n }\r\n this.bindUsers();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n this.onReload();\r\n });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n const resultRole = await this.appService.doGET('api/Role', null);\r\n if (resultRole && resultRole.Status === 1) {\r\n this.roles = resultRole.Data;\r\n this.rolesFilter = this.roles.slice();\r\n }\r\n\r\n const resultUnit = await this.appService.doGET('api/Unit', null);\r\n if (resultUnit && resultUnit.Status === 1) {\r\n this.units = resultUnit.Data;\r\n this.unitsFilter = this.units.slice();\r\n }\r\n\r\n const resultMemberList = await this.appService.doGET('api/User/GetListUser', null);\r\n if (resultMemberList && resultMemberList.Status === 1) { \r\n this.members = resultMemberList.Data;\r\n this.membersFilter = this.members.slice();\r\n }\r\n }\r\n\r\n onSearch() {\r\n if(this.userType == 1){\r\n this.searchCmtUser();\r\n }else{\r\n this.getUsers();\r\n } \r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.searchOption.SearchText = '';\r\n if(this.userType == 1){\r\n this.searchCmtUser();\r\n }else{\r\n this.getUsers();\r\n }\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearUser() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewUser() {\r\n \r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n onSaveUser() {\r\n if (this.dataUserItem.IsAdd) { this.addUser(); } else { this.updateUser(); }\r\n }\r\n\r\n async onSaveUsers() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataUsers.length; i++) {\r\n // check duplicate data\r\n let user = this.dataUsers[i];\r\n const dataRequest = {\r\n searchText: user.UserName\r\n };\r\n \r\n const resultUserListFromServer = await this.appService.doGET('api/User/Search', dataRequest);\t\t\t\r\n let isDuplicate = false;\r\n\t\t\tif (resultUserListFromServer && resultUserListFromServer.Data &&\r\n\t\t\t\tresultUserListFromServer.Data.length > 0) {\r\n resultUserListFromServer.Data.forEach(element => {\r\n\t\t\t\t\tif (element.UserName == user.UserName) {\r\n\t\t\t\t\t\tisDuplicate = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif (isDuplicate == false) {\r\n\t\t\t\tdataRequests.push(this.createDataRequest(this.dataUsers[i]));\r\n\t\t\t}\r\n \r\n }\r\n const result = await this.appService.doPOST('api/User/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataUserItem;\r\n\r\n var members: any[] = [];\r\n if (this.dataUserItem.MemberList) {\r\n for (let i = 0; i < this.dataUserItem.MemberList.length; i++) {\r\n members.push(this.dataUserItem.MemberList[i]);\r\n }\r\n }\r\n\r\n var unitRplist: any[] = [];\r\n if (this.dataUserItem.UnitRpList) {\r\n for (let i = 0; i < this.dataUserItem.UnitRpList.length; i++) {\r\n unitRplist.push(this.dataUserItem.UnitRpList[i]);\r\n }\r\n }\r\n return {\r\n UserName: temp.UserName,\r\n Password: temp.Password,\r\n FullName: temp.FullName,\r\n Description: temp.Description,\r\n LockFlg: temp.LockFlg,\r\n DelFlg: temp.DelFlg,\r\n RoleID: temp.RoleID,\r\n UnitID: temp.UnitID,\r\n MemberList: members.length > 0 ? JSON.stringify(members): null,\r\n UnitRpList: unitRplist.length > 0 ? JSON.stringify(unitRplist): null\r\n };\r\n }\r\n\r\n onCloseUser(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n onEditUser() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n async addUser() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/User', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateUser() {\r\n this.appComponent.loading = true;\r\n const id = this.dataUserItem.UserName;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPUT('api/User', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewUser();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteUser() {\r\n if (this.dataUserSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataUserSelection),\r\n FlgRevert: false\r\n };\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/User/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewUser();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataUserSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataUsers, { group: this.group }).data,\r\n group: this.group\r\n };\r\n\r\n return result;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault()\r\n this.infoOpened = false;\r\n }\r\n async searchCmtUser() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText,\r\n Type: this.userType\r\n };\r\n const result = await this.appService.doGET('api/User/SearchCmtUser', dataRequest);\r\n //const result = await this.appService.doGET('api/User/Search', null);\r\n if (result) {\r\n this.dataUsers = result.Data;\r\n this.bindUsers();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n async onLockCmtUser() {\r\n if (this.dataUserSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataUserSelection),\r\n FlgRevert: false\r\n };\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/User/LockCmtUser', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewUser();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataUserSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onUnLockCmtUser() {\r\n if (this.dataUserSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataUserSelection),\r\n FlgRevert: true\r\n };\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/User/LockCmtUser', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewUser();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataUserSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n public valueNormalizerMember = (text$: Observable) => text$.pipe(map((text: string) => {\r\n //search for matching item to avoid duplicates\r\n if(!text.replace(/\\s/g, '').length){\r\n return\r\n } \r\n }));\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n ]\r\n})\r\nexport class AppRoutingModule { }","module.exports = \"/* @import '@angular/material/prebuilt-themes/deeppurple-amber.css'; */\\r\\n\\r\\n/* * { */\\r\\n\\r\\n/* font-family: \\\"Open Sans\\\", sans-serif !important; */\\r\\n\\r\\n/* Add !important to overwrite all elements */\\r\\n\\r\\n/* } */\\r\\n\\r\\n:host ::ng-deep html,\\r\\n:host ::ng-deep body,\\r\\n:host ::ng-deep .dashboard-main-wrapper {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n position: absolute;\\r\\n overflow-x: hidden;\\r\\n background-color: #ffffff !important;\\r\\n font-family: \\\"Open Sans\\\", sans-serif !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .bg {\\r\\n background-repeat: no-repeat;\\r\\n background-size: 100% 100%;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-toolbar .k-button-icon {\\r\\n border-radius: 25%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-dialog-titlebar {\\r\\n border-color: inherit;\\r\\n color: #fff;\\r\\n background-color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .router-outlet-content {\\r\\n padding: 8px;\\r\\n margin-top: 57px;\\r\\n background-color: white;\\r\\n /* background-color: #eff0f0 */\\r\\n /* phong */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .router-outlet-content>header>i {\\r\\n float: left;\\r\\n margin-top: 8px;\\r\\n padding-left: 10px;\\r\\n color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .router-outlet-content>header>h4 {\\r\\n color: #006CB7;\\r\\n text-transform: capitalize;\\r\\n padding-left: 20px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control {\\r\\n margin-bottom: 7px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control>* {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control label {\\r\\n margin-bottom: 0;\\r\\n font-weight: 500;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control .text {\\r\\n padding-left: 7px;\\r\\n color: #0067b2;\\r\\n font-size: 17px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .sticky-toolbar-btn-user .k-toolbar {\\r\\n margin-bottom: 0px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-toolbar {\\r\\n margin-bottom: 5px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link,\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link.k-state-selected:hover,\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link.k-state-selected.k-state-hover {\\r\\n color: #fff;\\r\\n background-color: #e7e7e7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link.k-state-selected {\\r\\n color: #fff;\\r\\n background-color: #e7e7e7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-panelbar .k-content {\\r\\n padding: 7px;\\r\\n background: #f1f1f1;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-panelbar .k-content .func {\\r\\n margin-top: 15px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-button-icontext span {\\r\\n padding-left: 2px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep input,\\r\\n:host ::ng-deep button {\\r\\n font-size: 17px !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-textbox-container {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-button.k-primary,\\r\\n:host ::ng-deep .k-button.k-primary,\\r\\n:host ::ng-deep .k-slider .k-draghandle {\\r\\n color: #fff !important;\\r\\n border-radius: 10px;\\r\\n border-color: #3897f0 !important;\\r\\n background-color: #3897f0 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-textbox-container {\\r\\n font-size: 21px !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-button.k-primary:hover,\\r\\n:host ::ng-deep .k-slider .k-draghandle:hover {\\r\\n border-color: #1b6db9 !important;\\r\\n background-color: #1b6db9 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .window-center {\\r\\n left: 0 !important;\\r\\n right: 0;\\r\\n top: 0 !important;\\r\\n bottom: 0;\\r\\n margin: auto;\\r\\n}\\r\\n\\r\\n.swal-warning {\\r\\n background-color: rgba(255, 193, 7, 0.8) !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep *::-moz-selection {\\r\\n background: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep *::selection {\\r\\n background: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-dialog-wrapper {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n flex-direction: column;\\r\\n outline: 0;\\r\\n position: fixed;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n z-index: 10001;\\r\\n /* width: 70%;\\r\\n height: 90%;\\r\\n margin-top: 30px;\\r\\n margin-left: 227px; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-dialog-buttongroup {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-list .k-item.k-state-selected,\\r\\n:host ::ng-deep .k-list-optionlabel.k-state-selected,\\r\\n:host ::ng-deep .k-list-container .k-button:active,\\r\\n:host ::ng-deep .k-list-container .k-button.k-state-active,\\r\\n:host ::ng-deep .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected,\\r\\n:host ::ng-deep .k-spreadsheet-popup .k-button:active,\\r\\n:host ::ng-deep .k-spreadsheet-popup .k-button.k-state-active,\\r\\n:host ::ng-deep .k-spreadsheet-popup .k-button.k-state-selected,\\r\\n:host ::ng-deep .k-menu-group .k-item.k-state-selected,\\r\\n:host ::ng-deep .k-menu.k-context-menu .k-item.k-state-selected {\\r\\n color: #fff;\\r\\n background-color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-grid td.k-state-selected,\\r\\n:host ::ng-deep .k-grid tr.k-state-selected>td {\\r\\n background-color: rgba(1, 69, 142, 0.25);\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-pager-numbers .k-state-selected,\\r\\n:host ::ng-deep .k-checkbox:checked+.k-checkbox-label::before {\\r\\n border-color: #006CB7;\\r\\n background-color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .n-bg input .k-textbox-focused,\\r\\n:host ::ng-deep .n-bg .k-dateinput.k-state-disabled>.k-textbox:hover,\\r\\n:host ::ng-deep .n-bg .k-maskedtextbox.k-state-disabled>.k-textbox:hover,\\r\\n:host ::ng-deep .n-bg .k-multiselect-wrap,\\r\\n:host ::ng-deep .n-bg input.k-textbox,\\r\\n:host ::ng-deep .n-bg textarea.k-textbox,\\r\\n:host ::ng-deep .n-bg .k-input,\\r\\n:host ::ng-deep .n-bg .k-textbox>input,\\r\\n:host ::ng-deep .n-bg input.k-textbox:hover,\\r\\n:host ::ng-deep .n-bg textarea.k-textbox,\\r\\n:host ::ng-deep .n-bg textarea.k-textbox:hover,\\r\\n:host ::ng-deep .n-bg .input-group span :host ::ng-deep .n-bg .k-autocomplete,\\r\\n:host ::ng-deep .n-bg .k-flatcolorpicker .k-color-value,\\r\\n:host ::ng-deep .n-bg .k-combobox .k-dropdown-wrap,\\r\\n:host ::ng-deep .n-bg .k-datepicker .k-picker-wrap,\\r\\n:host ::ng-deep .n-bg .k-timepicker .k-picker-wrap,\\r\\n:host ::ng-deep .n-bg .k-datetimepicker .k-picker-wrap,\\r\\n:host ::ng-deep .n-bg .k-dateinput .k-dateinput-wrap,\\r\\n:host ::ng-deep .n-bg .k-textbox,\\r\\n:host ::ng-deep .n-bg .k-textarea,\\r\\n:host ::ng-deep .n-bg .k-input.k-textbox,\\r\\n:host ::ng-deep .n-bg .k-multiselect-wrap,\\r\\n:host ::ng-deep .n-bg .k-numerictextbox .k-numeric-wrap,\\r\\n:host ::ng-deep .n-bg .k-dropdown-wrap,\\r\\n:host ::ng-deep .n-bg .k-dropdown-wrap:hover,\\r\\n:host ::ng-deep .n-bg .k-dateinput {\\r\\n border-left: none !important;\\r\\n border-top: none !important;\\r\\n border-right: none !important;\\r\\n border-radius: 0 !important;\\r\\n background-color: inherit !important;\\r\\n background-image: none;\\r\\n box-shadow: none !important;\\r\\n color: inherit;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-notification-wrap {\\r\\n font-size: 19px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-notification-success {\\r\\n background-color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .n-bg .k-dropdown-wrap .k-input,\\r\\n:host ::ng-deep .n-bg .k-dateinput-wrap,\\r\\n:host ::ng-deep .n-bg .k-dateinput-wrap .k-input {\\r\\n border: none !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-button-list .k-item {\\r\\n padding: 10px 20px !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .n-b .k-button {\\r\\n border: none !important;\\r\\n color: #000000 !important;\\r\\n box-shadow: none !important;\\r\\n background-color: inherit !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-toolbar .k-button {\\r\\n background-color: #0067b2;\\r\\n color: white;\\r\\n background: #0067b2;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .n-b .k-button:hover {\\r\\n background-color: inherit !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .btn-cf .k-button {\\r\\n color: white;\\r\\n}\\r\\n\\r\\n:host ::ng-deep a:hover {\\r\\n cursor: pointer;\\r\\n /* background-color: turquoise; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .btn {\\r\\n background-image: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .floating-label {\\r\\n font-size: 12px;\\r\\n margin-bottom: 1px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .nav-item button {\\r\\n width: 100%;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-filtercell-operator {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-notification-group {\\r\\n z-index: 99999;\\r\\n}\\r\\n\\r\\n/* :host ::ng-deep ::-webkit-scrollbar {\\r\\n width: 5px;\\r\\n height: 5px;\\r\\n } */\\r\\n\\r\\n/* Handle */\\r\\n\\r\\n:host ::ng-deep ::-webkit-scrollbar-thumb {\\r\\n background: #006CB7;\\r\\n}\\r\\n\\r\\n/* Handle on hover */\\r\\n\\r\\n:host ::ng-deep ::-webkit-scrollbar-thumb:hover {\\r\\n background: #ff6358;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-grid td.checkbox {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n:host ::ng-deep td input[type=\\\"checkbox\\\"] {\\r\\n width: 17px;\\r\\n height: 17px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .closed {\\r\\n color: yellow;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .required {\\r\\n color: #ff6358 !important;\\r\\n padding-left: 3px;\\r\\n}\\r\\n\\r\\n.loading {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\n.loading img {\\r\\n margin: auto;\\r\\n left: 0;\\r\\n right: 0;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n position: absolute;\\r\\n z-index: 2;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-notification {\\r\\n min-width: 300px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-notification {\\r\\n width: 100%;\\r\\n padding: 10px 20px;\\r\\n border: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-notification .k-icon {\\r\\n font-size: 30px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-tabstrip>.k-content {\\r\\n background-color: #ffffff !important;\\r\\n overflow-x: hidden;\\r\\n padding: 0px !important;\\r\\n /* padding-left: 20px;\\r\\n padding-right: 20px; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-tabstrip-items .k-item {\\r\\n color: #000000;\\r\\n background-color: #ffffff;\\r\\n font-weight: bold;\\r\\n font-size: 20px;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-tabstrip-items .k-item:hover {\\r\\n color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-tabstrip-items .k-item.k-state-active,\\r\\n:host ::ng-deep .k-tabstrip-items .k-item.k-state-selected {\\r\\n border-color: #006CB7;\\r\\n border-top: 0;\\r\\n border-right: 0;\\r\\n border-bottom-width: 3px;\\r\\n border-left: 0;\\r\\n color: #006CB7;\\r\\n /* background-color: #006CB7; */\\r\\n /* font-weight: bold; */\\r\\n /* font-size: 20px; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link,\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link.k-state-selected:hover,\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link.k-state-selected.k-state-hover {\\r\\n background-color: #e7e7e7;\\r\\n color: #000;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-grid-header,\\r\\n.k-grid-toolbar,\\r\\n:host ::ng-deep .k-grouping-header,\\r\\n.k-grid-add-row,\\r\\n:host ::ng-deep .k-grid-footer {\\r\\n color: #fff;\\r\\n background-color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .commentgrid .k-grid-toolbar {\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .officegrid .k-grid-toolbar {\\r\\n border: 1px solid #707070;\\r\\n margin-top: 23px;\\r\\n padding: 20px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-grid .tr {\\r\\n background: white !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .officegrid .k-grid-aria-root {\\r\\n border: 1px solid #707070;\\r\\n margin-top: 30px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-filter-row td,\\r\\n:host ::ng-deep .k-filter-row th {\\r\\n padding: 3px 3px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-filter-row .k-textbox {\\r\\n background-color: #e7e7e7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-btn-success {\\r\\n background-color: #5cb85c;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-btn-danger {\\r\\n background-color: #d9534f;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .g-col-checked {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control label {\\r\\n color: #656565;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control-search input {\\r\\n float: left;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control-search .btn-search {\\r\\n width: 35px;\\r\\n height: 34px;\\r\\n float: right;\\r\\n border-radius: 0;\\r\\n margin-top: -34px;\\r\\n border: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control-search .btn-search-advance {\\r\\n width: 35px;\\r\\n height: 34px;\\r\\n float: right;\\r\\n right: 35px;\\r\\n border-radius: 0;\\r\\n margin-top: -34px;\\r\\n border: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control-search .btn-check {\\r\\n width: 35px;\\r\\n height: 34px;\\r\\n float: right;\\r\\n border-radius: 0;\\r\\n margin-top: -34px;\\r\\n border: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control-search .btn-remove {\\r\\n background-color: transparent !important;\\r\\n right: 40px;\\r\\n color: black !important;\\r\\n width: 30px;\\r\\n height: 32px;\\r\\n float: right;\\r\\n border-radius: 0;\\r\\n margin-top: -33px;\\r\\n border: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .btn-remove.k-button.k-primary:hover {\\r\\n border: 0 !important;\\r\\n background-color: transparent !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .btn-remove.k-button.k-primary.k-outline:focus,\\r\\n:host ::ng-deep .btn-remove.k-button.k-primary.k-outline.k-state-focused {\\r\\n box-shadow: none !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-toolbar {\\r\\n border: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-panelbar>.k-item>.k-link {\\r\\n color: white !important;\\r\\n background-color: #006CB7 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .vnpt-upload-img {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .vnpt-upload-img .k-upload {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-editor .k-toolbar .k-button {\\r\\n border-color: rgba(0, 0, 0, 0.08);\\r\\n color: #656565;\\r\\n background-color: #4b4141;\\r\\n background: #f6f6f6;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-editor .k-content {\\r\\n background-color: white !important;\\r\\n height: 100% !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .xdialogchat .k-dialog {\\r\\n height: inherit !important;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-grid th {\\r\\n white-space: normal !important;\\r\\n vertical-align: top;\\r\\n /* padding-top: 15px; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal {\\r\\n max-width: 1140px;\\r\\n margin: auto;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid {\\r\\n border: none !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid .k-grid-content {\\r\\n overflow-y: hidden;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid .k-pager-wrap {\\r\\n border-color: #ebebeb;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid .k-pager-wrap {\\r\\n background-color: inherit;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-tabstrip .k-content {\\r\\n background-color: inherit;\\r\\n border: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-tabstrip-top>.k-tabstrip-items {\\r\\n border: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .tableRow {\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .rowTitle {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n font-size: 16px;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .rowTitleAccount {\\r\\n align-items: center;\\r\\n font-size: 16px;\\r\\n color: navy;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .container {\\r\\n padding: 20px;\\r\\n background-color: #f5f5f5;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group {\\r\\n margin-top: 20px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group-header {\\r\\n padding-top: 10px;\\r\\n border-bottom: 2px solid #006CB7;\\r\\n padding-left: 0px;\\r\\n font-size: 15px;\\r\\n color: white;\\r\\n font-weight: 500;\\r\\n background-color: white;\\r\\n /* text-transform: capitalize; */\\r\\n padding-bottom: 0.12%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-tabstrip-items .k-link {\\r\\n padding: 6px 12px;\\r\\n color: inherit;\\r\\n cursor: pointer;\\r\\n display: inline-flex;\\r\\n vertical-align: middle;\\r\\n flex: 1 1 auto;\\r\\n flex-direction: row;\\r\\n align-content: center;\\r\\n align-items: center;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group-header>span:first-child {\\r\\n background-color: #006CB7;\\r\\n padding: 9px 10px 4px 10px\\r\\n}\\r\\n\\r\\n/* :host ::ng-deep .portal .k-grid-content {\\r\\n margin-bottom: 30px;\\r\\n} */\\r\\n\\r\\n:host ::ng-deep .k-pager-nav,\\r\\n:host ::ng-deep .k-pager-info,\\r\\n:host ::ng-deep .portal .k-grid tbody tr,\\r\\n:host ::ng-deep .portal .k-grid tbody tr:hover,\\r\\n:host ::ng-deep .portal .k-grid tbody tr.k-state-hover {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group-body {\\r\\n margin-top: 20px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group-body-border {\\r\\n margin-top: 20px;\\r\\n /* background-color: #f5f5f5; */\\r\\n padding: 15px;\\r\\n border: 1px solid #cacaca\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group-body .group-body-item {\\r\\n margin-bottom: 20px;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group-body .group-body-item:hover {\\r\\n color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .group-body-item i {\\r\\n color: #989898;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .btn-send {\\r\\n color: white;\\r\\n background-color: #006CB7;\\r\\n padding: 7px 12px;\\r\\n float: right;\\r\\n border: none !important;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid td {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid-border td {\\r\\n border-width: 1px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid.k-grid tr.k-alt {\\r\\n background-color: inherit;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid td.k-state-selected,\\r\\n:host ::ng-deep .portal-grid tr.k-state-selected>td {\\r\\n background-color: inherit !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .group2 {\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .input-row {\\r\\n width: 100%;\\r\\n font-size: 16px !important;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .group-header-2 {\\r\\n padding-top: 13px;\\r\\n padding-bottom: 13px;\\r\\n padding-left: 14px;\\r\\n font-size: 20px;\\r\\n color: black;\\r\\n font-weight: bold;\\r\\n /* background-color: #006CB7; */\\r\\n width: 50%;\\r\\n text-transform: capitalize;\\r\\n border-bottom: crimson;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .post-container {\\r\\n width: 750px;\\r\\n /* max-width: 750px; */\\r\\n float: left;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .icon {\\r\\n width: 7px;\\r\\n float: left;\\r\\n font-size: 17px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .icon-title {\\r\\n overflow: hidden;\\r\\n padding-left: 10px;\\r\\n text-align: left;\\r\\n font-weight: 400;\\r\\n padding-bottom: 10px;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .icon-title:hover {\\r\\n color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .item-img {\\r\\n width: 100%;\\r\\n height: 140px;\\r\\n -o-object-fit: cover;\\r\\n object-fit: cover;\\r\\n /* height: 80%; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .item-title {\\r\\n overflow: hidden;\\r\\n text-align: left;\\r\\n padding-top: 10px;\\r\\n max-height: 104px;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n/* :host ::ng-deep .text:hover {\\r\\n cursor: pointer;\\r\\n color: yellow;\\r\\n} */\\r\\n\\r\\n:host ::ng-deep .item-img-2 {\\r\\n width: 160px;\\r\\n height: 110px;\\r\\n float: left;\\r\\n -o-object-fit: cover;\\r\\n object-fit: cover;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .item-title-2 {\\r\\n overflow: hidden;\\r\\n padding-left: 10px;\\r\\n text-align: left;\\r\\n font-weight: 500;\\r\\n height: 95px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .post-right {\\r\\n /* max-width: 360px; */\\r\\n width: 360px;\\r\\n float: right;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-pager-numeric-buttons {\\r\\n z-index: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .admin .group {\\r\\n margin-top: 10px;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .admin .group-header {\\r\\n padding-top: 13px;\\r\\n padding-bottom: 13px;\\r\\n border-left: 5px solid #006CB7;\\r\\n padding-left: 14px;\\r\\n font-size: 20px;\\r\\n color: #006CB7;\\r\\n font-weight: 500;\\r\\n background-color: #f5f5f5;\\r\\n /* text-transform: capitalize; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-window {\\r\\n background-color: #f6f6f6;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n /* width: 57%;\\r\\n height: 500px; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .dialog-info {\\r\\n width: 75% !important;\\r\\n height: 90% !important;\\r\\n z-index: 1060 !important;\\r\\n /* max-width: 800px !important;\\r\\n max-height: 600px !important; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .group-search {\\r\\n color: #006CB7;\\r\\n background-color: #f5f5f5;\\r\\n /* text-transform: capitalize; */\\r\\n padding: 10px 8px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-event {\\r\\n color: #000000;\\r\\n background-color: #63ddff;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scheduler .k-event .k-resize-s,\\r\\n.k-event .k-resize-s {\\r\\n height: .5em;\\r\\n bottom: 0;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scheduler .k-event .k-resize-n,\\r\\n.k-event .k-resize-n {\\r\\n height: .5em;\\r\\n bottom: 0;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scheduler .k-event>div,\\r\\n.k-event>div {\\r\\n height: 100%;\\r\\n position: absolute;\\r\\n width: 100%;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scheduler .k-scheduler-footer {\\r\\n border-color: rgba(0, 0, 0, 0.08);\\r\\n color: #656565;\\r\\n background-color: #f6f6f6;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-dialog-wrapper {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n flex-direction: column;\\r\\n outline: 0;\\r\\n position: fixed;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n z-index: 10001;\\r\\n left: 0 !important;\\r\\n right: 0;\\r\\n top: 0 !important;\\r\\n bottom: 0;\\r\\n margin: auto;\\r\\n width: 75% !important;\\r\\n height: 90% !important;\\r\\n z-index: 1060 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .admin .btn-search {\\r\\n color: white;\\r\\n background-color: #006CB7;\\r\\n padding: 7px 12 px;\\r\\n float: right;\\r\\n border: none !important;\\r\\n font-size: 16px;\\r\\n font-weight: bold;\\r\\n margin-top: 10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .w-b {\\r\\n width: 150px;\\r\\n text-transform: capitalize;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .btn-mg-t {\\r\\n margin-top: 10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .progress {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .volume-control[_ngcontent-c10] {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .playtime[_ngcontent-c11] {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .visible[_ngcontent-c5] {\\r\\n padding-bottom: 35px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .visible[_ngcontent-c5] {\\r\\n padding-bottom: 35px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .left {\\r\\n padding-left: 90px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .k-grid tr {\\r\\n border-color: inherit;\\r\\n /* float: left; */\\r\\n /* max-width: 25%; */\\r\\n /* height: 290px; */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-grid td {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .col,\\r\\n:host ::ng-deep .portal .col-1,\\r\\n:host ::ng-deep .portal .col-10,\\r\\n:host ::ng-deep .portal .col-11,\\r\\n:host ::ng-deep .portal .col-12,\\r\\n:host ::ng-deep .portal .col-2,\\r\\n:host ::ng-deep .portal .col-3,\\r\\n:host ::ng-deep .portal .col-4,\\r\\n:host ::ng-deep .portal .col-5,\\r\\n:host ::ng-deep .portal .col-6,\\r\\n:host ::ng-deep .portal .col-7,\\r\\n:host ::ng-deep .portal .col-8,\\r\\n:host ::ng-deep .portal .col-9,\\r\\n:host ::ng-deep .portal .col-auto,\\r\\n:host ::ng-deep .portal .col-lg,\\r\\n:host ::ng-deep .portal .col-lg-1,\\r\\n:host ::ng-deep .portal .col-lg-10,\\r\\n:host ::ng-deep .portal .col-lg-11,\\r\\n:host ::ng-deep .portal .col-lg-12,\\r\\n:host ::ng-deep .portal .col-lg-2,\\r\\n:host ::ng-deep .portal .col-lg-3,\\r\\n:host ::ng-deep .portal .col-lg-4,\\r\\n:host ::ng-deep .portal .col-lg-5,\\r\\n:host ::ng-deep .portal .col-lg-6,\\r\\n:host ::ng-deep .portal .col-lg-7,\\r\\n:host ::ng-deep .portal .col-lg-8,\\r\\n:host ::ng-deep .portal .col-lg-9,\\r\\n:host ::ng-deep .portal .col-lg-auto,\\r\\n:host ::ng-deep .portal .col-md,\\r\\n:host ::ng-deep .portal .col-md-1,\\r\\n:host ::ng-deep .portal .col-md-10,\\r\\n:host ::ng-deep .portal .col-md-11,\\r\\n:host ::ng-deep .portal .col-md-12,\\r\\n:host ::ng-deep .portal .col-md-2,\\r\\n:host ::ng-deep .portal .col-md-3,\\r\\n:host ::ng-deep .portal .col-md-4,\\r\\n:host ::ng-deep .portal .col-md-5,\\r\\n:host ::ng-deep .portal .col-md-6,\\r\\n:host ::ng-deep .portal .col-md-7,\\r\\n:host ::ng-deep .portal .col-md-8,\\r\\n:host ::ng-deep .portal .col-md-9,\\r\\n:host ::ng-deep .portal .col-md-auto,\\r\\n:host ::ng-deep .portal .col-sm,\\r\\n:host ::ng-deep .portal .col-sm-1,\\r\\n:host ::ng-deep .portal .col-sm-10,\\r\\n:host ::ng-deep .portal .col-sm-11,\\r\\n:host ::ng-deep .portal .col-sm-12,\\r\\n:host ::ng-deep .portal .col-sm-2,\\r\\n:host ::ng-deep .portal .col-sm-3,\\r\\n:host ::ng-deep .portal .col-sm-4,\\r\\n:host ::ng-deep .portal .col-sm-5,\\r\\n:host ::ng-deep .portal .col-sm-6,\\r\\n:host ::ng-deep .portal .col-sm-7,\\r\\n:host ::ng-deep .portal .col-sm-8,\\r\\n:host ::ng-deep .portal .col-sm-9,\\r\\n:host ::ng-deep .portal .col-sm-auto,\\r\\n:host ::ng-deep .portal .col-xl,\\r\\n:host ::ng-deep .portal .col-xl-1,\\r\\n:host ::ng-deep .portal .col-xl-10,\\r\\n:host ::ng-deep .portal .col-xl-11,\\r\\n:host ::ng-deep .portal .col-xl-12,\\r\\n:host ::ng-deep .portal .col-xl-2,\\r\\n:host ::ng-deep .portal .col-xl-3,\\r\\n:host ::ng-deep .portal .col-xl-4,\\r\\n:host ::ng-deep .portal .col-xl-5,\\r\\n:host ::ng-deep .portal .col-xl-6,\\r\\n:host ::ng-deep .portal .col-xl-7,\\r\\n:host ::ng-deep .portal .col-xl-8,\\r\\n:host ::ng-deep .portal .col-xl-9,\\r\\n:host ::ng-deep .portal .col-xl-auto {\\r\\n padding-right: 10px;\\r\\n padding-left: 10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .row {\\r\\n margin-right: 0px;\\r\\n margin-left: 0px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .col-md-20p {\\r\\n position: relative;\\r\\n width: 100%;\\r\\n padding-right: 10px;\\r\\n padding-left: 10px;\\r\\n background-color: #f0f0f0;\\r\\n border: 2px solid white;\\r\\n margin-top: 5px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-scheduler-toolbar {\\r\\n border-width: 0;\\r\\n border-bottom-width: 1px;\\r\\n white-space: nowrap;\\r\\n flex-shrink: 0;\\r\\n position: relative;\\r\\n z-index: 0;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scheduler .k-event .k-event-actions .k-icon,\\r\\n.k-event .k-event-actions .k-icon {\\r\\n line-height: normal;\\r\\n font-size: inherit;\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-scheduler-toolbar .k-nav-current .k-lg-date-format {\\r\\n max-width: 400px;\\r\\n}\\r\\n\\r\\n@media (min-width: 768px) {\\r\\n :host ::ng-deep .col-md-20p {\\r\\n flex: 0 0 20%;\\r\\n max-width: 20%;\\r\\n }\\r\\n}\\r\\n\\r\\n:host ::ng-deep .org-chart-style {\\r\\n background-color: #FFCB08;\\r\\n box-shadow: 7px 7px #c1c1c1;\\r\\n text-transform: uppercase;\\r\\n padding: 5px;\\r\\n font-size: 14px;\\r\\n min-width: 65px;\\r\\n color: navy\\r\\n}\\r\\n\\r\\n:host ::ng-deep .org-chart {\\r\\n overflow-x: scroll;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .org-chart-style1 {\\r\\n background-color: #ffffff;\\r\\n box-shadow: 2px 2px 2px 2px #c1c1c1;\\r\\n padding: 10px;\\r\\n font-size: 16px;\\r\\n min-width: 180px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .carousel-control-next,\\r\\n:host ::ng-deep .carousel-control-prev {\\r\\n background: #006CB7;\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n margin: auto;\\r\\n opacity: 1;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .carousel-control-next {\\r\\n margin-left: -10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .carousel-control-prev {\\r\\n margin-right: -10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .text:hover {\\r\\n cursor: pointer;\\r\\n color: #006CB7 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .text:hover>.summaray {\\r\\n cursor: pointer;\\r\\n color: #006CB7 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .google-visualization-orgchart-nodesel {\\r\\n border: none;\\r\\n /* background-color: #fff7ae;\\r\\n background: -webkit-gradient(linear, left top, left bottom, from(#fff7ae), to(#eee79e)); */\\r\\n}\\r\\n\\r\\n:host ::ng-deep .org-chart {\\r\\n width: initial;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .account-avatar {\\r\\n width: 100px;\\r\\n height: 125px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .account-name {\\r\\n font-weight: 500;\\r\\n font-size: 13px;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .account-part {\\r\\n font-size: 15px;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .border-bt-cus {\\r\\n width: 40px;\\r\\n height: 3px;\\r\\n background-color: #006CB7;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scrollview.k-scrollview-wrap .k-scrollview-prev span,\\r\\ndiv.k-scrollview .k-scrollview-prev span {\\r\\n margin: 0;\\r\\n padding: 6px;\\r\\n vertical-align: middle;\\r\\n font-size: 18px;\\r\\n font-weight: normal;\\r\\n /* background: url(http://localhost:8080/assets/images/arrowL.png); */\\r\\n /* background: url(http://123.30.158.155:8003/assets/images/arrowL.png); */\\r\\n background: url(https://api.congdoantphochiminh.org.vn/assets/images/arrowL.png);\\r\\n background-repeat: no-repeat;\\r\\n background-size: contain;\\r\\n /* background-color: #006cb7; */\\r\\n margin-top: 20px;\\r\\n opacity: .9;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scrollview.k-scrollview-wrap {\\r\\n border: hidden;\\r\\n width: 101.75% !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scrollview.k-scrollview-wrap ul.k-scrollview li>img {\\r\\n padding-left: 10px;\\r\\n padding-right: 10px;\\r\\n min-height: 100%;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scrollview.k-scrollview-wrap .k-scrollview-next span,\\r\\ndiv.k-scrollview .k-scrollview-next span {\\r\\n margin: 0;\\r\\n padding: 6px;\\r\\n vertical-align: middle;\\r\\n font-size: 18px;\\r\\n font-weight: normal;\\r\\n /* background: url(http://localhost:8080/assets/images/arrowR.png); */\\r\\n /* background: url(http://123.30.158.155:8003/assets/images/arrowR.png); */\\r\\n background: url(https://api.congdoantphochiminh.org.vn/assets/images/arrowR.png);\\r\\n background-repeat: no-repeat;\\r\\n background-size: contain;\\r\\n /* background-color: #006cb7; */\\r\\n margin-top: 20px;\\r\\n opacity: .9;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scrollview.k-scrollview-wrap a {\\r\\n top: 40% !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep kendo-scrollview.k-scrollview-wrap .k-scrollview-next,\\r\\ndiv.k-scrollview .k-scrollview-next,\\r\\n:host ::ng-deep kendo-scrollview.k-scrollview-wrap .k-scrollview-prev,\\r\\ndiv.k-scrollview .k-scrollview-prev {\\r\\n color: inherit;\\r\\n background: rgba(0, 0, 0, 0);\\r\\n text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px;\\r\\n opacity: 1;\\r\\n outline-width: 0;\\r\\n height: 20%;\\r\\n top: 35%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .row {\\r\\n margin-top: 10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .italicStyle {\\r\\n font-style: italic;\\r\\n}\\r\\n\\r\\n/* //banner bottom */\\r\\n\\r\\n:host ::ng-deep .p-grid {\\r\\n border: 1px solid #e7e9ec;\\r\\n box-shadow: 2.5px 2.5px 2.5px 2.5px #e7e9ec;\\r\\n border-radius: 3px;\\r\\n text-align: center;\\r\\n /* padding: 2em 0 2.25em 0; */\\r\\n margin-top: 40px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .p-grid img {\\r\\n width: 160px;\\r\\n height: 180px;\\r\\n padding: 10px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .carousel-demo .ui-carousel.custom-carousel .ui-carousel-dot-icon {\\r\\n /* width: 16px !important;\\r\\n height: 16px !important;\\r\\n border-radius: 50%; */\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon {\\r\\n /* background-color: #007ad9;\\r\\n width: 10px !important;\\r\\n height: 10px !important;\\r\\n border-radius: 50%; */\\r\\n display: none;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon {\\r\\n /* background-color: #b2c1cd;\\r\\n width: 10px !important;\\r\\n height: 10px !important;\\r\\n border-radius: 50%;\\r\\n margin: 0 0.2em; */\\r\\n display: none;\\r\\n}\\r\\n\\r\\n/* :host ::ng-deep .pi-chevron-left:before {\\r\\n content: \\\"\\\\e919\\\";\\r\\n font-size: medium;\\r\\n transform: rotate(90deg);\\r\\n color: #707070;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .pi-chevron-right:before {\\r\\n content: \\\"\\\\e919\\\";\\r\\n font-size: medium;\\r\\n transform: rotate(270deg);\\r\\n color: #707070;\\r\\n}\\r\\n*/\\r\\n\\r\\n:host ::ng-deep .ui-carousel .ui-carousel-content .ui-carousel-prev {\\r\\n border: solid 0px rgba(178, 193, 205, 0.64);\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel .ui-carousel-content .ui-carousel-next {\\r\\n border: solid 0px rgba(178, 193, 205, 0.64);\\r\\n}\\r\\n\\r\\n/* :host ::ng-deep .ui-carousel-item:nth-child(5n +3) img {\\r\\n height: 235px;\\r\\n width: 220px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel-item:nth-child(5n +3) .p-grid {\\r\\n margin: 10px 3px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel-item:not(:nth-child(5n +3)):hover img {\\r\\n opacity: 1;\\r\\n height: 210px;\\r\\n width: 189px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel-item:not(:nth-child(5n+3)):hover .p-grid {\\r\\n margin: 10px 6px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel-items-container .ui-carousel-item {\\r\\n z-index: -1;\\r\\n margin-right: 10.35px;\\r\\n background-color: white;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel-items-container .ui-carousel-item:nth-child(5n +2) {\\r\\n margin-right: -27px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel-items-container .ui-carousel-item:nth-child(5n +4) {\\r\\n margin-left: -23px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel-items-container .ui-carousel-item:nth-child(5n +3) {\\r\\n z-index: 1 !important;\\r\\n margin-left: -15px;\\r\\n margin-right: -15px;\\r\\n background-color: white;\\r\\n} */\\r\\n\\r\\n:host ::ng-deep .img-item-content {\\r\\n /* border: 1px solid #b3c2ca; */\\r\\n border-radius: 3px;\\r\\n margin: .3rem;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .banner-bottom button {\\r\\n font-size: 14px !important;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n /* :host ::ng-deep .ui-carousel-item {\\r\\n flex: 1 0 50% !important;\\r\\n } */\\r\\n :host ::ng-deep .p-grid {\\r\\n border: 1px solid #e7e9ec;\\r\\n box-shadow: 2.5px 2.5px 2.5px 2.5px #e7e9ec;\\r\\n border-radius: 3px;\\r\\n text-align: center;\\r\\n margin-top: 0px;\\r\\n }\\r\\n :host ::ng-deep .p-grid img {\\r\\n width: 100% !important;\\r\\n height: 120px !important;\\r\\n padding: 10px;\\r\\n }\\r\\n /* :host ::ng-deep .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data .car-title {\\r\\n font-weight: 700;\\r\\n font-size: 20px;\\r\\n margin-top: 24px;\\r\\n }\\r\\n :host ::ng-deep .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data .car-subtitle {\\r\\n margin: 0.25em 0 2em 0;\\r\\n }\\r\\n :host ::ng-deep .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data button {\\r\\n margin-left: 0.5em;\\r\\n }\\r\\n :host ::ng-deep .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data button:first-child {\\r\\n margin-left: 0;\\r\\n } */\\r\\n :host ::ng-deep .carousel-demo .ui-carousel.custom-carousel .ui-carousel-dot-icon {\\r\\n /* width: 16px !important;\\r\\n height: 16px !important;\\r\\n border-radius: 50%; */\\r\\n display: none;\\r\\n }\\r\\n /* :host ::ng-deep .carousel-demo .ui-carousel.ui-carousel-horizontal .ui-carousel-content .ui-carousel-item.ui-carousel-item-start .car-details>.p-grid {\\r\\n margin-left: 0.6em;\\r\\n }\\r\\n :host ::ng-deep .carousel-demo .ui-carousel.ui-carousel-horizontal .ui-carousel-content .ui-carousel-item.ui-carousel-item-end .car-details>.p-grid {\\r\\n margin-right: 0.6em;\\r\\n } */\\r\\n :host ::ng-deep .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon {\\r\\n /* background-color: #007ad9;\\r\\n width: 10px !important;\\r\\n height: 10px !important;\\r\\n border-radius: 50%; */\\r\\n display: none;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon {\\r\\n /* background-color: #b2c1cd;\\r\\n width: 10px !important;\\r\\n height: 10px !important;\\r\\n border-radius: 50%;\\r\\n margin: 0 0.2em; */\\r\\n display: none;\\r\\n }\\r\\n /* :host ::ng-deep .pi-chevron-left:before {\\r\\n content: \\\"\\\\e919\\\";\\r\\n font-size: medium;\\r\\n transform: rotate(90deg);\\r\\n color: #707070;\\r\\n }\\r\\n :host ::ng-deep .pi-chevron-right:before {\\r\\n content: \\\"\\\\e919\\\";\\r\\n font-size: medium;\\r\\n transform: rotate(270deg);\\r\\n color: #707070;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel .ui-carousel-content .ui-carousel-prev {\\r\\n background-color: #ffffff;\\r\\n height: auto;\\r\\n border: solid 1px rgba(178, 193, 205, 0.64);\\r\\n border-radius: 0;\\r\\n z-index: 1;\\r\\n margin-top: 0px;\\r\\n margin-right: -29px;\\r\\n padding: 3.5px;\\r\\n color: #333333;\\r\\n transition: color 0.2s;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel .ui-carousel-content .ui-carousel-next {\\r\\n background-color: #ffffff;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n padding: 3.5px;\\r\\n margin-top: 0px;\\r\\n margin-left: -29px;\\r\\n border: solid 1px rgba(178, 193, 205, 0.64);\\r\\n border-radius: 0;\\r\\n color: #333333;\\r\\n transition: color 0.2s;\\r\\n } */\\r\\n /* :host ::ng-deep .ui-carousel-item:nth-child(5n +3) .p-grid {\\r\\n margin: 0px;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel-item:not(:nth-child(5n +3)):hover img {\\r\\n opacity: 1;\\r\\n height: auto;\\r\\n width: auto;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel-item:not(:nth-child(5n+3)):hover .p-grid {\\r\\n margin: 0px;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel-items-container .ui-carousel-item {\\r\\n z-index: -1;\\r\\n margin-right: 0px;\\r\\n background-color: white;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel-items-container .ui-carousel-item:nth-child(5n +2) {\\r\\n margin-right: 0px;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel-items-container .ui-carousel-item:nth-child(5n +4) {\\r\\n margin-left: 0px;\\r\\n }\\r\\n :host ::ng-deep .ui-carousel-items-container .ui-carousel-item:nth-child(5n +3) {\\r\\n z-index: 1 !important;\\r\\n margin-left: 0px;\\r\\n margin-right: 0px;\\r\\n background-color: white;\\r\\n } */\\r\\n :host ::ng-deep kendo-scrollview.k-scrollview-wrap a {\\r\\n top: 27% !important;\\r\\n }\\r\\n :host ::ng-deep kendo-scrollview.k-scrollview-wrap ul.k-scrollview li>img {\\r\\n padding-left: 9px;\\r\\n padding-right: 13px;\\r\\n min-height: 100%;\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:767px) {\\r\\n :host ::ng-deep .item-img {\\r\\n width: 100%;\\r\\n height: 100px;\\r\\n }\\r\\n :host ::ng-deep .item-title {\\r\\n overflow: hidden;\\r\\n text-align: inherit !important;\\r\\n padding-top: 10px;\\r\\n max-height: 120px;\\r\\n margin-bottom: 15px;\\r\\n font-size: 14px;\\r\\n padding-left: 5px;\\r\\n padding-right: 5px;\\r\\n }\\r\\n :host ::ng-deep .col-md-20p {\\r\\n padding: 0px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media only screen and (width:768px) {\\r\\n :host ::ng-deep .item-img {\\r\\n width: 100%;\\r\\n height: 115px;\\r\\n }\\r\\n :host ::ng-deep .item-title {\\r\\n overflow: hidden;\\r\\n text-align: inherit !important;\\r\\n padding-top: 10px;\\r\\n max-height: 120px;\\r\\n margin-bottom: 15px;\\r\\n font-size: 14px;\\r\\n padding-left: 5px;\\r\\n padding-right: 5px;\\r\\n }\\r\\n :host ::ng-deep .col-md-20p {\\r\\n padding: 0px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media only screen and (min-width:768px) {\\r\\n :host ::ng-deep .unit-item-active .img {\\r\\n margin: 2px 0px 0px 1px !important;\\r\\n width: 213px !important;\\r\\n height: 222px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n:host ::ng-deep .post-detail .description img {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .border-after {\\r\\n width: 40px;\\r\\n height: 3px;\\r\\n background-color: #006CB7;\\r\\n margin-top: 7px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep ::-moz-placeholder {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep ::-ms-input-placeholder {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep ::placeholder {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal .control label {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week table {\\r\\n border-collapse: collapse !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week .k-grid {\\r\\n border-color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .portal-meeting-week .k-grid {\\r\\n width: 93%;\\r\\n}\\r\\n\\r\\n/* :host ::ng-deep .meeting-week .k-grid tr {\\r\\n border-top: 1px solid navy;\\r\\n} */\\r\\n\\r\\n:host ::ng-deep .meeting-week .k-grid td,\\r\\n:host ::ng-deep .meeting-week .k-grid th {\\r\\n vertical-align: top !important;\\r\\n background-color: white;\\r\\n border-color: navy !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week .k-grid th {\\r\\n border-bottom: 0 !important;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week .k-grid td {\\r\\n padding: 0 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week .k-grid td>div {\\r\\n padding: 8px 12px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week .k-grid .k-grid-header {\\r\\n background-color: white;\\r\\n color: navy;\\r\\n font-weight: bold;\\r\\n padding: 0 !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week .k-grid .k-grid-content {\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n/* bắt đầu scroll lich tuân */\\r\\n\\r\\n:host ::ng-deep .meeting-week .meeting-week-display .k-grid .k-grid-content {\\r\\n overflow-y: scroll;\\r\\n height: -webkit-fit-content;\\r\\n height: -moz-fit-content;\\r\\n height: fit-content;\\r\\n max-height: 300px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .meeting-week .meeting-week-display .k-grid .k-grid-content::-webkit-scrollbar {\\r\\n width: 1px;\\r\\n}\\r\\n\\r\\n/* Track */\\r\\n\\r\\n:host ::ng-deep .meeting-week .meeting-week-display .k-grid .k-grid-content::-webkit-scrollbar-track {\\r\\n background: #f1f1f1;\\r\\n}\\r\\n\\r\\n/* Handle */\\r\\n\\r\\n:host ::ng-deep .meeting-week .meeting-week-display .k-grid .k-grid-content::-webkit-scrollbar-thumb {\\r\\n background: #888;\\r\\n}\\r\\n\\r\\n/* Handle on hover */\\r\\n\\r\\n:host ::ng-deep .meeting-week .meeting-week-display .k-grid .k-grid-content::-webkit-scrollbar-thumb:hover {\\r\\n background: #555;\\r\\n}\\r\\n\\r\\n/* kết thúc scroll lich tuân */\\r\\n\\r\\n:host ::ng-deep .home-page .ui-carousel-item {\\r\\n overflow: hidden !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .control-search input,\\r\\n:host ::ng-deep .k-dateinput .k-dateinput-wrap,\\r\\n:host ::ng-deep .k-grid-norecords,\\r\\n:host ::ng-deep .k-dialog-wrapper label,\\r\\n:host ::ng-deep .group-search label,\\r\\n:host ::ng-deep .k-grid .k-grid-container,\\r\\n:host ::ng-deep .k-grid .k-grouping-row td,\\r\\n:host ::ng-deep .k-treeview,\\r\\n:host ::ng-deep .k-combobox.k-combobox-clearable .k-input,\\r\\n:host ::ng-deep .k-dropdown .k-dropdown-wrap .k-input,\\r\\n:host ::ng-deep .k-textbox:hover,\\r\\n:host ::ng-deep .k-textbox.k-state-hover,\\r\\n:host ::ng-deep .k-textarea:hover,\\r\\n:host ::ng-deep .k-textarea.k-state-hover {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ck-editor__editable_inline {\\r\\n height: 550px;\\r\\n min-height: 550px;\\r\\n background: white;\\r\\n border: 1px solid gray;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .carousel-caption {\\r\\n position: absolute;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n color: #fff;\\r\\n text-align: left;\\r\\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .9) 100%);\\r\\n padding: 15px;\\r\\n z-index: 1;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .carousel-caption a {\\r\\n color: #fff;\\r\\n font-size: 16px;\\r\\n font-family: 'RobotoSlab-Bold';\\r\\n}\\r\\n\\r\\n:host ::ng-deep .carousel-caption a:hover {\\r\\n text-decoration: none;\\r\\n color: yellow;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .ui-carousel .ui-carousel-dots-container {\\r\\n display: none !important;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .editor-height .ck-editor__editable_inline {\\r\\n min-height: 300px;\\r\\n background: white;\\r\\n border: 1px solid gray;\\r\\n}\\r\\n\\r\\n/* bắt đầu post-summary */\\r\\n\\r\\n:host ::ng-deep .post-summary .ck-editor__editable_inline {\\r\\n height: 150px !important;\\r\\n min-height: 150px !important;\\r\\n background: white;\\r\\n border: 1px solid gray;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .text-tiny {\\r\\n font-size: 0.7em;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .text-small {\\r\\n font-size: 0.85em;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .text-big {\\r\\n font-size: 1.4em;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .text-huge {\\r\\n font-size: 1.8em;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .post-detail .description figcaption {\\r\\n display: block;\\r\\n caption-side: bottom;\\r\\n word-break: break-word;\\r\\n color: hsl(0, 0%, 20%);\\r\\n background-color: hsl(0, 0%, 97%);\\r\\n padding: .6em;\\r\\n font-size: .75em;\\r\\n outline-offset: -1px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n/* kết thúc post-summary */\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 258px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYXBwLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsc0VBQXNFOztBQUV0RSxRQUFROztBQUNKLHFEQUFxRDs7QUFDckQsNkNBQTZDOztBQUNqRCxNQUFNOztBQUVOOzs7SUFHSSxXQUFXO0lBQ1gsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixrQkFBa0I7SUFDbEIsb0NBQW9DO0lBQ3BDLCtDQUErQztBQUNuRDs7QUFFQTtJQUNJLDRCQUE0QjtJQUM1QiwwQkFBMEI7SUFDMUIsV0FBVztJQUNYLFlBQVk7SUFDWixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsV0FBVztJQUNYLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWixnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCLDhCQUE4QjtJQUM5QixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksY0FBYztJQUNkLDBCQUEwQjtJQUMxQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGNBQWM7SUFDZCxlQUFlO0FBQ25COztBQUVBO0lBQ0ksa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksa0JBQWtCO0FBQ3RCOztBQUVBOzs7SUFHSSxXQUFXO0lBQ1gseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksV0FBVztJQUNYLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7O0lBRUksMEJBQTBCO0FBQzlCOztBQUVBO0lBQ0ksV0FBVztBQUNmOztBQUVBOzs7SUFHSSxzQkFBc0I7SUFDdEIsbUJBQW1CO0lBQ25CLGdDQUFnQztJQUNoQyxvQ0FBb0M7QUFDeEM7O0FBRUE7SUFDSSwwQkFBMEI7QUFDOUI7O0FBRUE7O0lBRUksZ0NBQWdDO0lBQ2hDLG9DQUFvQztBQUN4Qzs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixRQUFRO0lBQ1IsaUJBQWlCO0lBQ2pCLFNBQVM7SUFDVCxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksbURBQW1EO0FBQ3ZEOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUZBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLG1CQUFtQjtJQUNuQix1QkFBdUI7SUFDdkIsc0JBQXNCO0lBQ3RCLFVBQVU7SUFDVixlQUFlO0lBQ2YsTUFBTTtJQUNOLE9BQU87SUFDUCxXQUFXO0lBQ1gsWUFBWTtJQUNaLGNBQWM7SUFDZDs7O3lCQUdxQjtBQUN6Qjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7Ozs7Ozs7Ozs7SUFVSSxXQUFXO0lBQ1gseUJBQXlCO0FBQzdCOztBQUVBOztJQUVJLHdDQUF3QztBQUM1Qzs7QUFFQTs7SUFFSSxxQkFBcUI7SUFDckIseUJBQXlCO0FBQzdCOztBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQTBCSSw0QkFBNEI7SUFDNUIsMkJBQTJCO0lBQzNCLDZCQUE2QjtJQUM3QiwyQkFBMkI7SUFDM0Isb0NBQW9DO0lBQ3BDLHNCQUFzQjtJQUN0QiwyQkFBMkI7SUFDM0IsY0FBYztBQUNsQjs7QUFFQTtJQUNJLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSx5QkFBeUI7QUFDN0I7O0FBRUE7OztJQUdJLHVCQUF1QjtBQUMzQjs7QUFFQTtJQUNJLDZCQUE2QjtBQUNqQzs7QUFFQTtJQUNJLHVCQUF1QjtJQUN2Qix5QkFBeUI7SUFDekIsMkJBQTJCO0lBQzNCLG9DQUFvQztBQUN4Qzs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixZQUFZO0lBQ1osbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksb0NBQW9DO0FBQ3hDOztBQUVBO0lBQ0ksWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGVBQWU7SUFDZixpQ0FBaUM7QUFDckM7O0FBRUE7SUFDSSxzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxlQUFlO0lBQ2Ysa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksV0FBVztJQUNYLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxjQUFjO0FBQ2xCOztBQUdBOzs7S0FHSzs7QUFHTCxXQUFXOztBQUVYO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUdBLG9CQUFvQjs7QUFFcEI7SUFDSSxtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksV0FBVztJQUNYLFlBQVk7SUFDWixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osT0FBTztJQUNQLFFBQVE7SUFDUixNQUFNO0lBQ04sU0FBUztJQUNULGtCQUFrQjtJQUNsQixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsa0JBQWtCO0lBQ2xCLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksb0NBQW9DO0lBQ3BDLGtCQUFrQjtJQUNsQix1QkFBdUI7SUFDdkI7MEJBQ3NCO0FBQzFCOztBQUVBO0lBQ0ksY0FBYztJQUNkLHlCQUF5QjtJQUN6QixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLDBCQUEwQjtBQUM5Qjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7O0lBRUkscUJBQXFCO0lBQ3JCLGFBQWE7SUFDYixlQUFlO0lBQ2Ysd0JBQXdCO0lBQ3hCLGNBQWM7SUFDZCxjQUFjO0lBQ2QsK0JBQStCO0lBQy9CLHVCQUF1QjtJQUN2QixxQkFBcUI7QUFDekI7O0FBRUE7OztJQUdJLHlCQUF5QjtJQUN6QixXQUFXO0FBQ2Y7O0FBRUE7Ozs7O0lBS0ksV0FBVztJQUNYLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLGtDQUFrQztJQUNsQyx1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsZ0JBQWdCO0lBQ2hCLGFBQWE7QUFDakI7O0FBRUE7SUFDSSw0QkFBNEI7QUFDaEM7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsZ0JBQWdCO0FBQ3BCOztBQUVBOztJQUVJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsWUFBWTtJQUNaLFlBQVk7SUFDWixnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCLFNBQVM7QUFDYjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0lBQ1osWUFBWTtJQUNaLFdBQVc7SUFDWCxnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCLFNBQVM7QUFDYjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0lBQ1osWUFBWTtJQUNaLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsU0FBUztBQUNiOztBQUVBO0lBQ0ksd0NBQXdDO0lBQ3hDLFdBQVc7SUFDWCx1QkFBdUI7SUFDdkIsV0FBVztJQUNYLFlBQVk7SUFDWixZQUFZO0lBQ1osZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQixTQUFTO0FBQ2I7O0FBRUE7SUFDSSxvQkFBb0I7SUFDcEIsd0NBQXdDO0FBQzVDOztBQUVBOztJQUVJLDJCQUEyQjtBQUMvQjs7QUFFQTtJQUNJLFNBQVM7QUFDYjs7QUFFQTtJQUNJLHVCQUF1QjtJQUN2QixvQ0FBb0M7QUFDeEM7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGlDQUFpQztJQUNqQyxjQUFjO0lBQ2QseUJBQXlCO0lBQ3pCLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGtDQUFrQztJQUNsQyx1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSwwQkFBMEI7SUFDMUIsV0FBVztBQUNmOztBQUVBO0lBQ0ksOEJBQThCO0lBQzlCLG1CQUFtQjtJQUNuQix1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLHVCQUF1QjtBQUMzQjs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLHFCQUFxQjtBQUN6Qjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksWUFBWTtBQUNoQjs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsZUFBZTtJQUNmLFdBQVc7QUFDZjs7QUFFQTtJQUNJLG1CQUFtQjtJQUNuQixlQUFlO0lBQ2YsV0FBVztJQUNYLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGFBQWE7SUFDYix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsZ0NBQWdDO0lBQ2hDLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsWUFBWTtJQUNaLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsZ0NBQWdDO0lBQ2hDLHFCQUFxQjtBQUN6Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixjQUFjO0lBQ2QsZUFBZTtJQUNmLG9CQUFvQjtJQUNwQixzQkFBc0I7SUFDdEIsY0FBYztJQUNkLG1CQUFtQjtJQUNuQixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLFdBQVc7QUFDZjs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QjtBQUNKOztBQUdBOztHQUVHOztBQUVIOzs7OztJQUtJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQiwrQkFBK0I7SUFDL0IsYUFBYTtJQUNiO0FBQ0o7O0FBRUE7SUFDSSxtQkFBbUI7SUFDbkIsV0FBVztBQUNmOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLGlCQUFpQjtJQUNqQixZQUFZO0lBQ1osdUJBQXVCO0lBQ3ZCLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSx5QkFBeUI7QUFDN0I7O0FBRUE7O0lBRUksb0NBQW9DO0FBQ3hDOztBQUVBO0lBQ0ksbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksV0FBVztJQUNYLDBCQUEwQjtJQUMxQixXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsb0JBQW9CO0lBQ3BCLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQiwrQkFBK0I7SUFDL0IsVUFBVTtJQUNWLDBCQUEwQjtJQUMxQixzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osc0JBQXNCO0lBQ3RCLFdBQVc7QUFDZjs7QUFFQTtJQUNJLFVBQVU7SUFDVixXQUFXO0lBQ1gsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtJQUNoQixvQkFBb0I7SUFDcEIsV0FBVztBQUNmOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxhQUFhO0lBQ2Isb0JBQWlCO09BQWpCLGlCQUFpQjtJQUNqQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQixpQkFBaUI7SUFDakIsbUJBQW1CO0FBQ3ZCOztBQUdBOzs7R0FHRzs7QUFFSDtJQUNJLFlBQVk7SUFDWixhQUFhO0lBQ2IsV0FBVztJQUNYLG9CQUFpQjtPQUFqQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0lBQ2xCLGdCQUFnQjtJQUNoQixnQkFBZ0I7SUFDaEIsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLHNCQUFzQjtJQUN0QixZQUFZO0lBQ1osWUFBWTtBQUNoQjs7QUFFQTtJQUNJLFVBQVU7QUFDZDs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsb0JBQW9CO0lBQ3BCLDhCQUE4QjtJQUM5QixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGNBQWM7SUFDZCxnQkFBZ0I7SUFDaEIseUJBQXlCO0lBQ3pCLGdDQUFnQztBQUNwQzs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsWUFBWTtJQUNaO29CQUNnQjtBQUNwQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixzQkFBc0I7SUFDdEIsd0JBQXdCO0lBQ3hCO21DQUMrQjtBQUNuQzs7QUFFQTtJQUNJLGNBQWM7SUFDZCx5QkFBeUI7SUFDekIsZ0NBQWdDO0lBQ2hDLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGNBQWM7SUFDZCx5QkFBeUI7SUFDekIsZUFBZTtBQUNuQjs7QUFFQTs7SUFFSSxZQUFZO0lBQ1osU0FBUztJQUNULGFBQWE7QUFDakI7O0FBRUE7O0lBRUksWUFBWTtJQUNaLFNBQVM7SUFDVCxhQUFhO0FBQ2pCOztBQUVBOztJQUVJLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsV0FBVztJQUNYLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxpQ0FBaUM7SUFDakMsY0FBYztJQUNkLHlCQUF5QjtJQUN6QixhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLG1CQUFtQjtJQUNuQix1QkFBdUI7SUFDdkIsc0JBQXNCO0lBQ3RCLFVBQVU7SUFDVixlQUFlO0lBQ2YsTUFBTTtJQUNOLE9BQU87SUFDUCxXQUFXO0lBQ1gsWUFBWTtJQUNaLGNBQWM7SUFDZCxrQkFBa0I7SUFDbEIsUUFBUTtJQUNSLGlCQUFpQjtJQUNqQixTQUFTO0lBQ1QsWUFBWTtJQUNaLHFCQUFxQjtJQUNyQixzQkFBc0I7SUFDdEIsd0JBQXdCO0FBQzVCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLHVCQUF1QjtJQUN2QixlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFlBQVk7SUFDWiwwQkFBMEI7QUFDOUI7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSxvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsaUJBQWlCO0lBQ2pCLG9CQUFvQjtJQUNwQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxVQUFVO0FBQ2Q7O0FBRUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFzRUksbUJBQW1CO0lBQ25CLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLG1CQUFtQjtJQUNuQixrQkFBa0I7SUFDbEIseUJBQXlCO0lBQ3pCLHVCQUF1QjtJQUN2QixlQUFlO0FBQ25COztBQUVBO0lBQ0ksZUFBZTtJQUNmLHdCQUF3QjtJQUN4QixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLGtCQUFrQjtJQUNsQixVQUFVO0FBQ2Q7O0FBRUE7O0lBRUksbUJBQW1CO0lBQ25CLGtCQUFrQjtJQUNsQixhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0tBQ0s7UUFDRyxhQUFhO1FBQ2IsY0FBYztJQUNsQjtBQUNKOztBQUVBO0lBQ0kseUJBQXlCO0lBQ3pCLDJCQUEyQjtJQUMzQix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGVBQWU7SUFDZixlQUFlO0lBQ2Y7QUFDSjs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixtQ0FBbUM7SUFDbkMsYUFBYTtJQUNiLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7O0FBRUE7O0lBRUksbUJBQW1CO0lBQ25CLFdBQVc7SUFDWCxZQUFZO0lBQ1osWUFBWTtJQUNaLFVBQVU7QUFDZDs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGVBQWU7SUFDZix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxlQUFlO0lBQ2YseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksWUFBWTtJQUNaOzhGQUMwRjtBQUM5Rjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsV0FBVztBQUNmOztBQUVBO0lBQ0ksZUFBZTtJQUNmLFdBQVc7QUFDZjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxXQUFXO0lBQ1gseUJBQXlCO0FBQzdCOztBQUVBOztJQUVJLFNBQVM7SUFDVCxZQUFZO0lBQ1osc0JBQXNCO0lBQ3RCLGVBQWU7SUFDZixtQkFBbUI7SUFDbkIscUVBQXFFO0lBQ3JFLDBFQUEwRTtJQUMxRSxnRkFBZ0Y7SUFDaEYsNEJBQTRCO0lBQzVCLHdCQUF3QjtJQUN4QiwrQkFBK0I7SUFDL0IsZ0JBQWdCO0lBQ2hCLFdBQVc7SUFDWCxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksY0FBYztJQUNkLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLFdBQVc7QUFDZjs7QUFFQTs7SUFFSSxTQUFTO0lBQ1QsWUFBWTtJQUNaLHNCQUFzQjtJQUN0QixlQUFlO0lBQ2YsbUJBQW1CO0lBQ25CLHFFQUFxRTtJQUNyRSwwRUFBMEU7SUFDMUUsZ0ZBQWdGO0lBQ2hGLDRCQUE0QjtJQUM1Qix3QkFBd0I7SUFDeEIsK0JBQStCO0lBQy9CLGdCQUFnQjtJQUNoQixXQUFXO0lBQ1gsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTs7OztJQUlJLGNBQWM7SUFDZCw0QkFBNEI7SUFDNUIsd0NBQXdDO0lBQ3hDLFVBQVU7SUFDVixnQkFBZ0I7SUFDaEIsV0FBVztJQUNYLFFBQVE7QUFDWjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFHQSxvQkFBb0I7O0FBRXBCO0lBQ0kseUJBQXlCO0lBQ3pCLDJDQUEyQztJQUMzQyxrQkFBa0I7SUFDbEIsa0JBQWtCO0lBQ2xCLDZCQUE2QjtJQUM3QixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osYUFBYTtJQUNiLGFBQWE7QUFDakI7O0FBRUE7SUFDSTs7eUJBRXFCO0lBQ3JCLGFBQWE7QUFDakI7O0FBRUE7SUFDSTs7O3lCQUdxQjtJQUNyQixhQUFhO0FBQ2pCOztBQUVBO0lBQ0k7Ozs7c0JBSWtCO0lBQ2xCLGFBQWE7QUFDakI7O0FBR0E7Ozs7Ozs7Ozs7Ozs7Q0FhQzs7QUFFRDtJQUNJLDJDQUEyQztBQUMvQzs7QUFFQTtJQUNJLDJDQUEyQztBQUMvQzs7QUFHQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQ0c7O0FBRUg7SUFDSSwrQkFBK0I7SUFDL0Isa0JBQWtCO0lBQ2xCLGFBQWE7SUFDYixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSwwQkFBMEI7QUFDOUI7O0FBRUE7SUFDSTs7T0FFRztLQUNGO1FBQ0cseUJBQXlCO1FBQ3pCLDJDQUEyQztRQUMzQyxrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGVBQWU7SUFDbkI7S0FDQztRQUNHLHNCQUFzQjtRQUN0Qix3QkFBd0I7UUFDeEIsYUFBYTtJQUNqQjtJQUNBOzs7Ozs7Ozs7Ozs7O09BYUc7S0FDRjtRQUNHOzs2QkFFcUI7UUFDckIsYUFBYTtJQUNqQjtJQUNBOzs7OztPQUtHO0tBQ0Y7UUFDRzs7OzZCQUdxQjtRQUNyQixhQUFhO0lBQ2pCO0tBQ0M7UUFDRzs7OzswQkFJa0I7UUFDbEIsYUFBYTtJQUNqQjtJQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztPQW1DRztJQUNIOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7T0EyQkc7S0FDRjtRQUNHLG1CQUFtQjtJQUN2QjtLQUNDO1FBQ0csaUJBQWlCO1FBQ2pCLG1CQUFtQjtRQUNuQixnQkFBZ0I7UUFDaEIsV0FBVztJQUNmO0FBQ0o7O0FBRUE7S0FDSztRQUNHLFdBQVc7UUFDWCxhQUFhO0lBQ2pCO0tBQ0M7UUFDRyxnQkFBZ0I7UUFDaEIsOEJBQThCO1FBQzlCLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixpQkFBaUI7UUFDakIsa0JBQWtCO0lBQ3RCO0tBQ0M7UUFDRyx1QkFBdUI7SUFDM0I7QUFDSjs7QUFFQTtLQUNLO1FBQ0csV0FBVztRQUNYLGFBQWE7SUFDakI7S0FDQztRQUNHLGdCQUFnQjtRQUNoQiw4QkFBOEI7UUFDOUIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQixtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLGlCQUFpQjtRQUNqQixrQkFBa0I7SUFDdEI7S0FDQztRQUNHLHVCQUF1QjtJQUMzQjtBQUNKOztBQUVBO0tBQ0s7UUFDRyxrQ0FBa0M7UUFDbEMsdUJBQXVCO1FBQ3ZCLHdCQUF3QjtJQUM1QjtBQUNKOztBQUVBO0lBQ0ksV0FBVztBQUNmOztBQUVBO0lBQ0ksV0FBVztJQUNYLFdBQVc7SUFDWCx5QkFBeUI7SUFDekIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7QUFGQTtJQUNJLFdBQVc7QUFDZjs7QUFGQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLG9DQUFvQztBQUN4Qzs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLFVBQVU7QUFDZDs7QUFFQTs7R0FFRzs7QUFFSDs7SUFFSSw4QkFBOEI7SUFDOUIsdUJBQXVCO0lBQ3ZCLDZCQUE2QjtBQUNqQzs7QUFFQTtJQUNJLDJCQUEyQjtJQUMzQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSx1QkFBdUI7SUFDdkIsV0FBVztJQUNYLGlCQUFpQjtJQUNqQixxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBR0EsNkJBQTZCOztBQUU3QjtJQUNJLGtCQUFrQjtJQUNsQiwyQkFBbUI7SUFBbkIsd0JBQW1CO0lBQW5CLG1CQUFtQjtJQUNuQixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxVQUFVO0FBQ2Q7O0FBR0EsVUFBVTs7QUFFVjtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFHQSxXQUFXOztBQUVYO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUdBLG9CQUFvQjs7QUFFcEI7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBR0EsOEJBQThCOztBQUU5QjtJQUNJLDJCQUEyQjtBQUMvQjs7QUFFQTs7Ozs7Ozs7Ozs7Ozs7SUFjSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxhQUFhO0lBQ2IsaUJBQWlCO0lBQ2pCLGlCQUFpQjtJQUNqQixzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsUUFBUTtJQUNSLFNBQVM7SUFDVCxPQUFPO0lBQ1AsV0FBVztJQUNYLGdCQUFnQjtJQUNoQix5RkFBeUY7SUFDekYsYUFBYTtJQUNiLFVBQVU7SUFDVixXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsZUFBZTtJQUNmLDhCQUE4QjtBQUNsQzs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGlCQUFpQjtJQUNqQixzQkFBc0I7QUFDMUI7O0FBR0EseUJBQXlCOztBQUV6QjtJQUNJLHdCQUF3QjtJQUN4Qiw0QkFBNEI7SUFDNUIsaUJBQWlCO0lBQ2pCLHNCQUFzQjtBQUMxQjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxvQkFBb0I7SUFDcEIsc0JBQXNCO0lBQ3RCLHNCQUFzQjtJQUN0QixpQ0FBaUM7SUFDakMsYUFBYTtJQUNiLGdCQUFnQjtJQUNoQixvQkFBb0I7SUFDcEIsa0JBQWtCO0FBQ3RCOztBQUNBLDBCQUEwQjs7QUFHMUI7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakIiLCJmaWxlIjoic3JjL2FwcC9hcHAuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEBpbXBvcnQgJ0Bhbmd1bGFyL21hdGVyaWFsL3ByZWJ1aWx0LXRoZW1lcy9kZWVwcHVycGxlLWFtYmVyLmNzcyc7ICovXHJcblxyXG4vKiAqIHsgKi9cclxuICAgIC8qIGZvbnQtZmFtaWx5OiBcIk9wZW4gU2Fuc1wiLCBzYW5zLXNlcmlmICFpbXBvcnRhbnQ7ICovXHJcbiAgICAvKiBBZGQgIWltcG9ydGFudCB0byBvdmVyd3JpdGUgYWxsIGVsZW1lbnRzICovXHJcbi8qIH0gKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCBodG1sLFxyXG46aG9zdCA6Om5nLWRlZXAgYm9keSxcclxuOmhvc3QgOjpuZy1kZWVwIC5kYXNoYm9hcmQtbWFpbi13cmFwcGVyIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xyXG4gICAgZm9udC1mYW1pbHk6IFwiT3BlbiBTYW5zXCIsIHNhbnMtc2VyaWYgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5iZyB7XHJcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xyXG4gICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogMTAwJTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLXRvb2xiYXIgLmstYnV0dG9uLWljb24ge1xyXG4gICAgYm9yZGVyLXJhZGl1czogMjUlO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstZGlhbG9nLXRpdGxlYmFyIHtcclxuICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNkNCNztcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5yb3V0ZXItb3V0bGV0LWNvbnRlbnQge1xyXG4gICAgcGFkZGluZzogOHB4O1xyXG4gICAgbWFyZ2luLXRvcDogNTdweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgLyogYmFja2dyb3VuZC1jb2xvcjogI2VmZjBmMCAqL1xyXG4gICAgLyogcGhvbmcgKi9cclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5yb3V0ZXItb3V0bGV0LWNvbnRlbnQ+aGVhZGVyPmkge1xyXG4gICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICBtYXJnaW4tdG9wOiA4cHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XHJcbiAgICBjb2xvcjogIzAwNkNCNztcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5yb3V0ZXItb3V0bGV0LWNvbnRlbnQ+aGVhZGVyPmg0IHtcclxuICAgIGNvbG9yOiAjMDA2Q0I3O1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29udHJvbCB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiA3cHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29udHJvbD4qIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNvbnRyb2wgbGFiZWwge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29udHJvbCAudGV4dCB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDdweDtcclxuICAgIGNvbG9yOiAjMDA2N2IyO1xyXG4gICAgZm9udC1zaXplOiAxN3B4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnN0aWNreS10b29sYmFyLWJ0bi11c2VyIC5rLXRvb2xiYXIge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstdG9vbGJhciB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1wYW5lbGJhcj4uay1pdGVtPi5rLWxpbmssXHJcbjpob3N0IDo6bmctZGVlcCAuay1wYW5lbGJhcj4uay1pdGVtPi5rLWxpbmsuay1zdGF0ZS1zZWxlY3RlZDpob3ZlcixcclxuOmhvc3QgOjpuZy1kZWVwIC5rLXBhbmVsYmFyPi5rLWl0ZW0+LmstbGluay5rLXN0YXRlLXNlbGVjdGVkLmstc3RhdGUtaG92ZXIge1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTdlN2U3O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstcGFuZWxiYXI+LmstaXRlbT4uay1saW5rLmstc3RhdGUtc2VsZWN0ZWQge1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTdlN2U3O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstcGFuZWxiYXIgLmstY29udGVudCB7XHJcbiAgICBwYWRkaW5nOiA3cHg7XHJcbiAgICBiYWNrZ3JvdW5kOiAjZjFmMWYxO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstcGFuZWxiYXIgLmstY29udGVudCAuZnVuYyB7XHJcbiAgICBtYXJnaW4tdG9wOiAxNXB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstYnV0dG9uLWljb250ZXh0IHNwYW4ge1xyXG4gICAgcGFkZGluZy1sZWZ0OiAycHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCBpbnB1dCxcclxuOmhvc3QgOjpuZy1kZWVwIGJ1dHRvbiB7XHJcbiAgICBmb250LXNpemU6IDE3cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIGtlbmRvLXRleHRib3gtY29udGFpbmVyIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstYnV0dG9uLmstcHJpbWFyeSxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLWJ1dHRvbi5rLXByaW1hcnksXHJcbjpob3N0IDo6bmctZGVlcCAuay1zbGlkZXIgLmstZHJhZ2hhbmRsZSB7XHJcbiAgICBjb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuICAgIGJvcmRlci1jb2xvcjogIzM4OTdmMCAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzM4OTdmMCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstdGV4dGJveC1jb250YWluZXIge1xyXG4gICAgZm9udC1zaXplOiAyMXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1idXR0b24uay1wcmltYXJ5OmhvdmVyLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstc2xpZGVyIC5rLWRyYWdoYW5kbGU6aG92ZXIge1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjMWI2ZGI5ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWI2ZGI5ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAud2luZG93LWNlbnRlciB7XHJcbiAgICBsZWZ0OiAwICFpbXBvcnRhbnQ7XHJcbiAgICByaWdodDogMDtcclxuICAgIHRvcDogMCAhaW1wb3J0YW50O1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG59XHJcblxyXG4uc3dhbC13YXJuaW5nIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAxOTMsIDcsIDAuOCkgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwICo6OnNlbGVjdGlvbiB7XHJcbiAgICBiYWNrZ3JvdW5kOiAjMDA2Q0I3O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstZGlhbG9nLXdyYXBwZXIge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBvdXRsaW5lOiAwO1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgei1pbmRleDogMTAwMDE7XHJcbiAgICAvKiB3aWR0aDogNzAlO1xyXG4gICAgaGVpZ2h0OiA5MCU7XHJcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDIyN3B4OyAqL1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstZGlhbG9nLWJ1dHRvbmdyb3VwIHtcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1saXN0IC5rLWl0ZW0uay1zdGF0ZS1zZWxlY3RlZCxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLWxpc3Qtb3B0aW9ubGFiZWwuay1zdGF0ZS1zZWxlY3RlZCxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLWxpc3QtY29udGFpbmVyIC5rLWJ1dHRvbjphY3RpdmUsXHJcbjpob3N0IDo6bmctZGVlcCAuay1saXN0LWNvbnRhaW5lciAuay1idXR0b24uay1zdGF0ZS1hY3RpdmUsXHJcbjpob3N0IDo6bmctZGVlcCAuay1jb2x1bW4tbWVudSAuay1tZW51Om5vdCguay1jb250ZXh0LW1lbnUpIC5rLWl0ZW0uay1zdGF0ZS1zZWxlY3RlZCxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLXNwcmVhZHNoZWV0LXBvcHVwIC5rLWJ1dHRvbjphY3RpdmUsXHJcbjpob3N0IDo6bmctZGVlcCAuay1zcHJlYWRzaGVldC1wb3B1cCAuay1idXR0b24uay1zdGF0ZS1hY3RpdmUsXHJcbjpob3N0IDo6bmctZGVlcCAuay1zcHJlYWRzaGVldC1wb3B1cCAuay1idXR0b24uay1zdGF0ZS1zZWxlY3RlZCxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLW1lbnUtZ3JvdXAgLmstaXRlbS5rLXN0YXRlLXNlbGVjdGVkLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstbWVudS5rLWNvbnRleHQtbWVudSAuay1pdGVtLmstc3RhdGUtc2VsZWN0ZWQge1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2Q0I3O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstZ3JpZCB0ZC5rLXN0YXRlLXNlbGVjdGVkLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstZ3JpZCB0ci5rLXN0YXRlLXNlbGVjdGVkPnRkIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMSwgNjksIDE0MiwgMC4yNSk7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1wYWdlci1udW1iZXJzIC5rLXN0YXRlLXNlbGVjdGVkLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstY2hlY2tib3g6Y2hlY2tlZCsuay1jaGVja2JveC1sYWJlbDo6YmVmb3JlIHtcclxuICAgIGJvcmRlci1jb2xvcjogIzAwNkNCNztcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDZDQjc7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyBpbnB1dCAuay10ZXh0Ym94LWZvY3VzZWQsXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyAuay1kYXRlaW5wdXQuay1zdGF0ZS1kaXNhYmxlZD4uay10ZXh0Ym94OmhvdmVyLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstbWFza2VkdGV4dGJveC5rLXN0YXRlLWRpc2FibGVkPi5rLXRleHRib3g6aG92ZXIsXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyAuay1tdWx0aXNlbGVjdC13cmFwLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgaW5wdXQuay10ZXh0Ym94LFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgdGV4dGFyZWEuay10ZXh0Ym94LFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstaW5wdXQsXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyAuay10ZXh0Ym94PmlucHV0LFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgaW5wdXQuay10ZXh0Ym94OmhvdmVyLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgdGV4dGFyZWEuay10ZXh0Ym94LFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgdGV4dGFyZWEuay10ZXh0Ym94OmhvdmVyLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmlucHV0LWdyb3VwIHNwYW4gOmhvc3QgOjpuZy1kZWVwIC5uLWJnIC5rLWF1dG9jb21wbGV0ZSxcclxuOmhvc3QgOjpuZy1kZWVwIC5uLWJnIC5rLWZsYXRjb2xvcnBpY2tlciAuay1jb2xvci12YWx1ZSxcclxuOmhvc3QgOjpuZy1kZWVwIC5uLWJnIC5rLWNvbWJvYm94IC5rLWRyb3Bkb3duLXdyYXAsXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyAuay1kYXRlcGlja2VyIC5rLXBpY2tlci13cmFwLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstdGltZXBpY2tlciAuay1waWNrZXItd3JhcCxcclxuOmhvc3QgOjpuZy1kZWVwIC5uLWJnIC5rLWRhdGV0aW1lcGlja2VyIC5rLXBpY2tlci13cmFwLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstZGF0ZWlucHV0IC5rLWRhdGVpbnB1dC13cmFwLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstdGV4dGJveCxcclxuOmhvc3QgOjpuZy1kZWVwIC5uLWJnIC5rLXRleHRhcmVhLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstaW5wdXQuay10ZXh0Ym94LFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstbXVsdGlzZWxlY3Qtd3JhcCxcclxuOmhvc3QgOjpuZy1kZWVwIC5uLWJnIC5rLW51bWVyaWN0ZXh0Ym94IC5rLW51bWVyaWMtd3JhcCxcclxuOmhvc3QgOjpuZy1kZWVwIC5uLWJnIC5rLWRyb3Bkb3duLXdyYXAsXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyAuay1kcm9wZG93bi13cmFwOmhvdmVyLFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstZGF0ZWlucHV0IHtcclxuICAgIGJvcmRlci1sZWZ0OiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItdG9wOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItcmlnaHQ6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtaW1hZ2U6IG5vbmU7XHJcbiAgICBib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogaW5oZXJpdDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLW5vdGlmaWNhdGlvbi13cmFwIHtcclxuICAgIGZvbnQtc2l6ZTogMTlweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLW5vdGlmaWNhdGlvbi1zdWNjZXNzIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDZDQjc7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyAuay1kcm9wZG93bi13cmFwIC5rLWlucHV0LFxyXG46aG9zdCA6Om5nLWRlZXAgLm4tYmcgLmstZGF0ZWlucHV0LXdyYXAsXHJcbjpob3N0IDo6bmctZGVlcCAubi1iZyAuay1kYXRlaW5wdXQtd3JhcCAuay1pbnB1dCB7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIGtlbmRvLWJ1dHRvbi1saXN0IC5rLWl0ZW0ge1xyXG4gICAgcGFkZGluZzogMTBweCAyMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAubi1iIC5rLWJ1dHRvbiB7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGNvbG9yOiAjMDAwMDAwICFpbXBvcnRhbnQ7XHJcbiAgICBib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay10b29sYmFyIC5rLWJ1dHRvbiB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2N2IyO1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYmFja2dyb3VuZDogIzAwNjdiMjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5uLWIgLmstYnV0dG9uOmhvdmVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5idG4tY2YgLmstYnV0dG9uIHtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIGE6aG92ZXIge1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgLyogYmFja2dyb3VuZC1jb2xvcjogdHVycXVvaXNlOyAqL1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmJ0biB7XHJcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBub25lO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmZsb2F0aW5nLWxhYmVsIHtcclxuICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDFweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5uYXYtaXRlbSBidXR0b24ge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstZmlsdGVyY2VsbC1vcGVyYXRvciB7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstbm90aWZpY2F0aW9uLWdyb3VwIHtcclxuICAgIHotaW5kZXg6IDk5OTk5O1xyXG59XHJcblxyXG5cclxuLyogOmhvc3QgOjpuZy1kZWVwIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xyXG4gICAgd2lkdGg6IDVweDtcclxuICAgIGhlaWdodDogNXB4O1xyXG4gIH0gKi9cclxuXHJcblxyXG4vKiBIYW5kbGUgKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcclxuICAgIGJhY2tncm91bmQ6ICMwMDZDQjc7XHJcbn1cclxuXHJcblxyXG4vKiBIYW5kbGUgb24gaG92ZXIgKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcclxuICAgIGJhY2tncm91bmQ6ICNmZjYzNTg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1ncmlkIHRkLmNoZWNrYm94IHtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIHRkIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXSB7XHJcbiAgICB3aWR0aDogMTdweDtcclxuICAgIGhlaWdodDogMTdweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5jbG9zZWQge1xyXG4gICAgY29sb3I6IHllbGxvdztcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5yZXF1aXJlZCB7XHJcbiAgICBjb2xvcjogI2ZmNjM1OCAhaW1wb3J0YW50O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAzcHg7XHJcbn1cclxuXHJcbi5sb2FkaW5nIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG59XHJcblxyXG4ubG9hZGluZyBpbWcge1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgei1pbmRleDogMjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIGtlbmRvLW5vdGlmaWNhdGlvbiB7XHJcbiAgICBtaW4td2lkdGg6IDMwMHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstbm90aWZpY2F0aW9uIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgcGFkZGluZzogMTBweCAyMHB4O1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstbm90aWZpY2F0aW9uIC5rLWljb24ge1xyXG4gICAgZm9udC1zaXplOiAzMHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstdGFic3RyaXA+LmstY29udGVudCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XHJcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XHJcbiAgICBwYWRkaW5nOiAwcHggIWltcG9ydGFudDtcclxuICAgIC8qIHBhZGRpbmctbGVmdDogMjBweDtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDIwcHg7ICovXHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay10YWJzdHJpcC1pdGVtcyAuay1pdGVtIHtcclxuICAgIGNvbG9yOiAjMDAwMDAwO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay10YWJzdHJpcC1pdGVtcyAuay1pdGVtOmhvdmVyIHtcclxuICAgIGNvbG9yOiAjMDA2Q0I3O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstdGFic3RyaXAtaXRlbXMgLmstaXRlbS5rLXN0YXRlLWFjdGl2ZSxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLXRhYnN0cmlwLWl0ZW1zIC5rLWl0ZW0uay1zdGF0ZS1zZWxlY3RlZCB7XHJcbiAgICBib3JkZXItY29sb3I6ICMwMDZDQjc7XHJcbiAgICBib3JkZXItdG9wOiAwO1xyXG4gICAgYm9yZGVyLXJpZ2h0OiAwO1xyXG4gICAgYm9yZGVyLWJvdHRvbS13aWR0aDogM3B4O1xyXG4gICAgYm9yZGVyLWxlZnQ6IDA7XHJcbiAgICBjb2xvcjogIzAwNkNCNztcclxuICAgIC8qIGJhY2tncm91bmQtY29sb3I6ICMwMDZDQjc7ICovXHJcbiAgICAvKiBmb250LXdlaWdodDogYm9sZDsgKi9cclxuICAgIC8qIGZvbnQtc2l6ZTogMjBweDsgKi9cclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLXBhbmVsYmFyPi5rLWl0ZW0+LmstbGluayxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLXBhbmVsYmFyPi5rLWl0ZW0+LmstbGluay5rLXN0YXRlLXNlbGVjdGVkOmhvdmVyLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstcGFuZWxiYXI+LmstaXRlbT4uay1saW5rLmstc3RhdGUtc2VsZWN0ZWQuay1zdGF0ZS1ob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTdlN2U3O1xyXG4gICAgY29sb3I6ICMwMDA7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1ncmlkLWhlYWRlcixcclxuLmstZ3JpZC10b29sYmFyLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstZ3JvdXBpbmctaGVhZGVyLFxyXG4uay1ncmlkLWFkZC1yb3csXHJcbjpob3N0IDo6bmctZGVlcCAuay1ncmlkLWZvb3RlciB7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDZDQjc7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29tbWVudGdyaWQgLmstZ3JpZC10b29sYmFyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5vZmZpY2VncmlkIC5rLWdyaWQtdG9vbGJhciB7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjNzA3MDcwO1xyXG4gICAgbWFyZ2luLXRvcDogMjNweDtcclxuICAgIHBhZGRpbmc6IDIwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1ncmlkIC50ciB7XHJcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLm9mZmljZWdyaWQgLmstZ3JpZC1hcmlhLXJvb3Qge1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgIzcwNzA3MDtcclxuICAgIG1hcmdpbi10b3A6IDMwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1maWx0ZXItcm93IHRkLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstZmlsdGVyLXJvdyB0aCB7XHJcbiAgICBwYWRkaW5nOiAzcHggM3B4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstZmlsdGVyLXJvdyAuay10ZXh0Ym94IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNlN2U3ZTc7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1idG4tc3VjY2VzcyB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWNiODVjO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstYnRuLWRhbmdlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDk1MzRmO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmctY29sLWNoZWNrZWQge1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNvbnRyb2wgbGFiZWwge1xyXG4gICAgY29sb3I6ICM2NTY1NjU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29udHJvbC1zZWFyY2ggaW5wdXQge1xyXG4gICAgZmxvYXQ6IGxlZnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29udHJvbC1zZWFyY2ggLmJ0bi1zZWFyY2gge1xyXG4gICAgd2lkdGg6IDM1cHg7XHJcbiAgICBoZWlnaHQ6IDM0cHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBib3JkZXItcmFkaXVzOiAwO1xyXG4gICAgbWFyZ2luLXRvcDogLTM0cHg7XHJcbiAgICBib3JkZXI6IDA7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29udHJvbC1zZWFyY2ggLmJ0bi1zZWFyY2gtYWR2YW5jZSB7XHJcbiAgICB3aWR0aDogMzVweDtcclxuICAgIGhlaWdodDogMzRweDtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIHJpZ2h0OiAzNXB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMDtcclxuICAgIG1hcmdpbi10b3A6IC0zNHB4O1xyXG4gICAgYm9yZGVyOiAwO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNvbnRyb2wtc2VhcmNoIC5idG4tY2hlY2sge1xyXG4gICAgd2lkdGg6IDM1cHg7XHJcbiAgICBoZWlnaHQ6IDM0cHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBib3JkZXItcmFkaXVzOiAwO1xyXG4gICAgbWFyZ2luLXRvcDogLTM0cHg7XHJcbiAgICBib3JkZXI6IDA7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29udHJvbC1zZWFyY2ggLmJ0bi1yZW1vdmUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcclxuICAgIHJpZ2h0OiA0MHB4O1xyXG4gICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbiAgICB3aWR0aDogMzBweDtcclxuICAgIGhlaWdodDogMzJweDtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDA7XHJcbiAgICBtYXJnaW4tdG9wOiAtMzNweDtcclxuICAgIGJvcmRlcjogMDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5idG4tcmVtb3ZlLmstYnV0dG9uLmstcHJpbWFyeTpob3ZlciB7XHJcbiAgICBib3JkZXI6IDAgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuYnRuLXJlbW92ZS5rLWJ1dHRvbi5rLXByaW1hcnkuay1vdXRsaW5lOmZvY3VzLFxyXG46aG9zdCA6Om5nLWRlZXAgLmJ0bi1yZW1vdmUuay1idXR0b24uay1wcmltYXJ5Lmstb3V0bGluZS5rLXN0YXRlLWZvY3VzZWQge1xyXG4gICAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAga2VuZG8tdG9vbGJhciB7XHJcbiAgICBib3JkZXI6IDA7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1wYW5lbGJhcj4uay1pdGVtPi5rLWxpbmsge1xyXG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2Q0I3ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAudm5wdC11cGxvYWQtaW1nIHtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC52bnB0LXVwbG9hZC1pbWcgLmstdXBsb2FkIHtcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1lZGl0b3IgLmstdG9vbGJhciAuay1idXR0b24ge1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDgpO1xyXG4gICAgY29sb3I6ICM2NTY1NjU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGI0MTQxO1xyXG4gICAgYmFja2dyb3VuZDogI2Y2ZjZmNjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLWVkaXRvciAuay1jb250ZW50IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC54ZGlhbG9nY2hhdCAuay1kaWFsb2cge1xyXG4gICAgaGVpZ2h0OiBpbmhlcml0ICFpbXBvcnRhbnQ7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLWdyaWQgdGgge1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vcm1hbCAhaW1wb3J0YW50O1xyXG4gICAgdmVydGljYWwtYWxpZ246IHRvcDtcclxuICAgIC8qIHBhZGRpbmctdG9wOiAxNXB4OyAqL1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCB7XHJcbiAgICBtYXgtd2lkdGg6IDExNDBweDtcclxuICAgIG1hcmdpbjogYXV0bztcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwtZ3JpZCB7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwtZ3JpZCAuay1ncmlkLWNvbnRlbnQge1xyXG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbC1ncmlkIC5rLXBhZ2VyLXdyYXAge1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjZWJlYmViO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbC1ncmlkIC5rLXBhZ2VyLXdyYXAge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogaW5oZXJpdDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwtdGFic3RyaXAgLmstY29udGVudCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstdGFic3RyaXAtdG9wPi5rLXRhYnN0cmlwLWl0ZW1zIHtcclxuICAgIGJvcmRlcjogbm9uZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLnRhYmxlUm93IHtcclxuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5yb3dUaXRsZSB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGNvbG9yOiBuYXZ5O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAucm93VGl0bGVBY2NvdW50IHtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBjb2xvcjogbmF2eTtcclxuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb250YWluZXIge1xyXG4gICAgcGFkZGluZzogMjBweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5ncm91cCB7XHJcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuZ3JvdXAtaGVhZGVyIHtcclxuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xyXG4gICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMwMDZDQjc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDBweDtcclxuICAgIGZvbnQtc2l6ZTogMTVweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIC8qIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplOyAqL1xyXG4gICAgcGFkZGluZy1ib3R0b206IDAuMTIlO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstdGFic3RyaXAtaXRlbXMgLmstbGluayB7XHJcbiAgICBwYWRkaW5nOiA2cHggMTJweDtcclxuICAgIGNvbG9yOiBpbmhlcml0O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG4gICAgZmxleDogMSAxIGF1dG87XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGNvbG9yOiBuYXZ5O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuZ3JvdXAtaGVhZGVyPnNwYW46Zmlyc3QtY2hpbGQge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNkNCNztcclxuICAgIHBhZGRpbmc6IDlweCAxMHB4IDRweCAxMHB4XHJcbn1cclxuXHJcblxyXG4vKiA6aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuay1ncmlkLWNvbnRlbnQge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMzBweDtcclxufSAqL1xyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLXBhZ2VyLW5hdixcclxuOmhvc3QgOjpuZy1kZWVwIC5rLXBhZ2VyLWluZm8sXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5rLWdyaWQgdGJvZHkgdHIsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5rLWdyaWQgdGJvZHkgdHI6aG92ZXIsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5rLWdyaWQgdGJvZHkgdHIuay1zdGF0ZS1ob3ZlciB7XHJcbiAgICBjb2xvcjogbmF2eTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmdyb3VwLWJvZHkge1xyXG4gICAgbWFyZ2luLXRvcDogMjBweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmdyb3VwLWJvZHktYm9yZGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDIwcHg7XHJcbiAgICAvKiBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1OyAqL1xyXG4gICAgcGFkZGluZzogMTVweDtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNjYWNhY2FcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmdyb3VwLWJvZHkgLmdyb3VwLWJvZHktaXRlbSB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xyXG4gICAgY29sb3I6IG5hdnk7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5ncm91cC1ib2R5IC5ncm91cC1ib2R5LWl0ZW06aG92ZXIge1xyXG4gICAgY29sb3I6ICMwMDZDQjc7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuZ3JvdXAtYm9keS1pdGVtIGkge1xyXG4gICAgY29sb3I6ICM5ODk4OTg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuYnRuLXNlbmQge1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwNkNCNztcclxuICAgIHBhZGRpbmc6IDdweCAxMnB4O1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsLWdyaWQgdGQge1xyXG4gICAgcGFkZGluZzogMDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwtZ3JpZC1ib3JkZXIgdGQge1xyXG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsLWdyaWQuay1ncmlkIHRyLmstYWx0IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsLWdyaWQgdGQuay1zdGF0ZS1zZWxlY3RlZCxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwtZ3JpZCB0ci5rLXN0YXRlLXNlbGVjdGVkPnRkIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5ncm91cDIge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjBweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5pbnB1dC1yb3cge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBmb250LXNpemU6IDE2cHggIWltcG9ydGFudDtcclxuICAgIGNvbG9yOiBuYXZ5O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuZ3JvdXAtaGVhZGVyLTIge1xyXG4gICAgcGFkZGluZy10b3A6IDEzcHg7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMTNweDtcclxuICAgIHBhZGRpbmctbGVmdDogMTRweDtcclxuICAgIGZvbnQtc2l6ZTogMjBweDtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgLyogYmFja2dyb3VuZC1jb2xvcjogIzAwNkNCNzsgKi9cclxuICAgIHdpZHRoOiA1MCU7XHJcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICAgIGJvcmRlci1ib3R0b206IGNyaW1zb247XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9zdC1jb250YWluZXIge1xyXG4gICAgd2lkdGg6IDc1MHB4O1xyXG4gICAgLyogbWF4LXdpZHRoOiA3NTBweDsgKi9cclxuICAgIGZsb2F0OiBsZWZ0O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmljb24ge1xyXG4gICAgd2lkdGg6IDdweDtcclxuICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgZm9udC1zaXplOiAxN3B4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmljb24tdGl0bGUge1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHBhZGRpbmctbGVmdDogMTBweDtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgICBmb250LXdlaWdodDogNDAwO1xyXG4gICAgcGFkZGluZy1ib3R0b206IDEwcHg7XHJcbiAgICBjb2xvcjogbmF2eTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5pY29uLXRpdGxlOmhvdmVyIHtcclxuICAgIGNvbG9yOiAjMDA2Q0I3O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLml0ZW0taW1nIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxNDBweDtcclxuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xyXG4gICAgLyogaGVpZ2h0OiA4MCU7ICovXHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuaXRlbS10aXRsZSB7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xyXG4gICAgbWF4LWhlaWdodDogMTA0cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xyXG59XHJcblxyXG5cclxuLyogOmhvc3QgOjpuZy1kZWVwIC50ZXh0OmhvdmVyIHtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGNvbG9yOiB5ZWxsb3c7XHJcbn0gKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuaXRlbS1pbWctMiB7XHJcbiAgICB3aWR0aDogMTYwcHg7XHJcbiAgICBoZWlnaHQ6IDExMHB4O1xyXG4gICAgZmxvYXQ6IGxlZnQ7XHJcbiAgICBvYmplY3QtZml0OiBjb3ZlcjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5pdGVtLXRpdGxlLTIge1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHBhZGRpbmctbGVmdDogMTBweDtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgaGVpZ2h0OiA5NXB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvc3QtcmlnaHQge1xyXG4gICAgLyogbWF4LXdpZHRoOiAzNjBweDsgKi9cclxuICAgIHdpZHRoOiAzNjBweDtcclxuICAgIGZsb2F0OiByaWdodDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIGtlbmRvLXBhZ2VyLW51bWVyaWMtYnV0dG9ucyB7XHJcbiAgICB6LWluZGV4OiAwO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmFkbWluIC5ncm91cCB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5hZG1pbiAuZ3JvdXAtaGVhZGVyIHtcclxuICAgIHBhZGRpbmctdG9wOiAxM3B4O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDEzcHg7XHJcbiAgICBib3JkZXItbGVmdDogNXB4IHNvbGlkICMwMDZDQjc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE0cHg7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBjb2xvcjogIzAwNkNCNztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1O1xyXG4gICAgLyogdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7ICovXHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay13aW5kb3cge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjZmNjtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgLyogd2lkdGg6IDU3JTtcclxuICAgIGhlaWdodDogNTAwcHg7ICovXHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuZGlhbG9nLWluZm8ge1xyXG4gICAgd2lkdGg6IDc1JSAhaW1wb3J0YW50O1xyXG4gICAgaGVpZ2h0OiA5MCUgIWltcG9ydGFudDtcclxuICAgIHotaW5kZXg6IDEwNjAgIWltcG9ydGFudDtcclxuICAgIC8qIG1heC13aWR0aDogODAwcHggIWltcG9ydGFudDtcclxuICAgIG1heC1oZWlnaHQ6IDYwMHB4ICFpbXBvcnRhbnQ7ICovXHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuZ3JvdXAtc2VhcmNoIHtcclxuICAgIGNvbG9yOiAjMDA2Q0I3O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcclxuICAgIC8qIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplOyAqL1xyXG4gICAgcGFkZGluZzogMTBweCA4cHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1ldmVudCB7XHJcbiAgICBjb2xvcjogIzAwMDAwMDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM2M2RkZmY7XHJcbiAgICBmb250LXNpemU6IDEzcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCBrZW5kby1zY2hlZHVsZXIgLmstZXZlbnQgLmstcmVzaXplLXMsXHJcbi5rLWV2ZW50IC5rLXJlc2l6ZS1zIHtcclxuICAgIGhlaWdodDogLjVlbTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCBrZW5kby1zY2hlZHVsZXIgLmstZXZlbnQgLmstcmVzaXplLW4sXHJcbi5rLWV2ZW50IC5rLXJlc2l6ZS1uIHtcclxuICAgIGhlaWdodDogLjVlbTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCBrZW5kby1zY2hlZHVsZXIgLmstZXZlbnQ+ZGl2LFxyXG4uay1ldmVudD5kaXYge1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCBrZW5kby1zY2hlZHVsZXIgLmstc2NoZWR1bGVyLWZvb3RlciB7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wOCk7XHJcbiAgICBjb2xvcjogIzY1NjU2NTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmNmY2ZjY7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstZGlhbG9nLXdyYXBwZXIge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBvdXRsaW5lOiAwO1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgei1pbmRleDogMTAwMDE7XHJcbiAgICBsZWZ0OiAwICFpbXBvcnRhbnQ7XHJcbiAgICByaWdodDogMDtcclxuICAgIHRvcDogMCAhaW1wb3J0YW50O1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgd2lkdGg6IDc1JSAhaW1wb3J0YW50O1xyXG4gICAgaGVpZ2h0OiA5MCUgIWltcG9ydGFudDtcclxuICAgIHotaW5kZXg6IDEwNjAgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5hZG1pbiAuYnRuLXNlYXJjaCB7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2Q0I3O1xyXG4gICAgcGFkZGluZzogN3B4IDEyIHB4O1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAudy1iIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmJ0bi1tZy10IHtcclxuICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucHJvZ3Jlc3Mge1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC52b2x1bWUtY29udHJvbFtfbmdjb250ZW50LWMxMF0ge1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wbGF5dGltZVtfbmdjb250ZW50LWMxMV0ge1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC52aXNpYmxlW19uZ2NvbnRlbnQtYzVdIHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAzNXB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnZpc2libGVbX25nY29udGVudC1jNV0ge1xyXG4gICAgcGFkZGluZy1ib3R0b206IDM1cHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAubGVmdCB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDkwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5rLWdyaWQgdHIge1xyXG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xyXG4gICAgLyogZmxvYXQ6IGxlZnQ7ICovXHJcbiAgICAvKiBtYXgtd2lkdGg6IDI1JTsgKi9cclxuICAgIC8qIGhlaWdodDogMjkwcHg7ICovXHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsLWdyaWQgdGQge1xyXG4gICAgcGFkZGluZzogMDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbCxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC0xLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLTEwLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLTExLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLTEyLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLTIsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtMyxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC00LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLTUsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtNixcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC03LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLTgsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtOSxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1hdXRvLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLWxnLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLWxnLTEsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbGctMTAsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbGctMTEsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbGctMTIsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbGctMixcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1sZy0zLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLWxnLTQsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbGctNSxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1sZy02LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLWxnLTcsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbGctOCxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1sZy05LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLWxnLWF1dG8sXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbWQsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbWQtMSxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1tZC0xMCxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1tZC0xMSxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1tZC0xMixcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1tZC0yLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLW1kLTMsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbWQtNCxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1tZC01LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLW1kLTYsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbWQtNyxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1tZC04LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLW1kLTksXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtbWQtYXV0byxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1zbSxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1zbS0xLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXNtLTEwLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXNtLTExLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXNtLTEyLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXNtLTIsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtc20tMyxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1zbS00LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXNtLTUsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtc20tNixcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1zbS03LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXNtLTgsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wtc20tOSxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC1zbS1hdXRvLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXhsLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXhsLTEsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wteGwtMTAsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wteGwtMTEsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wteGwtMTIsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wteGwtMixcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC14bC0zLFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXhsLTQsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wteGwtNSxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC14bC02LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXhsLTcsXHJcbjpob3N0IDo6bmctZGVlcCAucG9ydGFsIC5jb2wteGwtOCxcclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLmNvbC14bC05LFxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29sLXhsLWF1dG8ge1xyXG4gICAgcGFkZGluZy1yaWdodDogMTBweDtcclxuICAgIHBhZGRpbmctbGVmdDogMTBweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwgLnJvdyB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDBweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY29sLW1kLTIwcCB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDEwcHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjBmMGYwO1xyXG4gICAgYm9yZGVyOiAycHggc29saWQgd2hpdGU7XHJcbiAgICBtYXJnaW4tdG9wOiA1cHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuay1zY2hlZHVsZXItdG9vbGJhciB7XHJcbiAgICBib3JkZXItd2lkdGg6IDA7XHJcbiAgICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgZmxleC1zaHJpbms6IDA7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICB6LWluZGV4OiAwO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAga2VuZG8tc2NoZWR1bGVyIC5rLWV2ZW50IC5rLWV2ZW50LWFjdGlvbnMgLmstaWNvbixcclxuLmstZXZlbnQgLmstZXZlbnQtYWN0aW9ucyAuay1pY29uIHtcclxuICAgIGxpbmUtaGVpZ2h0OiBub3JtYWw7XHJcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmstc2NoZWR1bGVyLXRvb2xiYXIgLmstbmF2LWN1cnJlbnQgLmstbGctZGF0ZS1mb3JtYXQge1xyXG4gICAgbWF4LXdpZHRoOiA0MDBweDtcclxufVxyXG5cclxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC5jb2wtbWQtMjBwIHtcclxuICAgICAgICBmbGV4OiAwIDAgMjAlO1xyXG4gICAgICAgIG1heC13aWR0aDogMjAlO1xyXG4gICAgfVxyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLm9yZy1jaGFydC1zdHlsZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRkZDQjA4O1xyXG4gICAgYm94LXNoYWRvdzogN3B4IDdweCAjYzFjMWMxO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuICAgIHBhZGRpbmc6IDVweDtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIG1pbi13aWR0aDogNjVweDtcclxuICAgIGNvbG9yOiBuYXZ5XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAub3JnLWNoYXJ0IHtcclxuICAgIG92ZXJmbG93LXg6IHNjcm9sbDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5vcmctY2hhcnQtc3R5bGUxIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XHJcbiAgICBib3gtc2hhZG93OiAycHggMnB4IDJweCAycHggI2MxYzFjMTtcclxuICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBtaW4td2lkdGg6IDE4MHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNhcm91c2VsLWNvbnRyb2wtbmV4dCxcclxuOmhvc3QgOjpuZy1kZWVwIC5jYXJvdXNlbC1jb250cm9sLXByZXYge1xyXG4gICAgYmFja2dyb3VuZDogIzAwNkNCNztcclxuICAgIHdpZHRoOiAzNXB4O1xyXG4gICAgaGVpZ2h0OiAzNXB4O1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgb3BhY2l0eTogMTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5jYXJvdXNlbC1jb250cm9sLW5leHQge1xyXG4gICAgbWFyZ2luLWxlZnQ6IC0xMHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNhcm91c2VsLWNvbnRyb2wtcHJldiB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IC0xMHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnRleHQ6aG92ZXIge1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgY29sb3I6ICMwMDZDQjcgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC50ZXh0OmhvdmVyPi5zdW1tYXJheSB7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBjb2xvcjogIzAwNkNCNyAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmdvb2dsZS12aXN1YWxpemF0aW9uLW9yZ2NoYXJ0LW5vZGVzZWwge1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gICAgLyogYmFja2dyb3VuZC1jb2xvcjogI2ZmZjdhZTtcclxuICAgIGJhY2tncm91bmQ6IC13ZWJraXQtZ3JhZGllbnQobGluZWFyLCBsZWZ0IHRvcCwgbGVmdCBib3R0b20sIGZyb20oI2ZmZjdhZSksIHRvKCNlZWU3OWUpKTsgKi9cclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5vcmctY2hhcnQge1xyXG4gICAgd2lkdGg6IGluaXRpYWw7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuYWNjb3VudC1hdmF0YXIge1xyXG4gICAgd2lkdGg6IDEwMHB4O1xyXG4gICAgaGVpZ2h0OiAxMjVweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5hY2NvdW50LW5hbWUge1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIGNvbG9yOiBuYXZ5O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmFjY291bnQtcGFydCB7XHJcbiAgICBmb250LXNpemU6IDE1cHg7XHJcbiAgICBjb2xvcjogbmF2eTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5ib3JkZXItYnQtY3VzIHtcclxuICAgIHdpZHRoOiA0MHB4O1xyXG4gICAgaGVpZ2h0OiAzcHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2Q0I3O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAga2VuZG8tc2Nyb2xsdmlldy5rLXNjcm9sbHZpZXctd3JhcCAuay1zY3JvbGx2aWV3LXByZXYgc3BhbixcclxuZGl2Lmstc2Nyb2xsdmlldyAuay1zY3JvbGx2aWV3LXByZXYgc3BhbiB7XHJcbiAgICBtYXJnaW46IDA7XHJcbiAgICBwYWRkaW5nOiA2cHg7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG4gICAgZm9udC1zaXplOiAxOHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuICAgIC8qIGJhY2tncm91bmQ6IHVybChodHRwOi8vbG9jYWxob3N0OjgwODAvYXNzZXRzL2ltYWdlcy9hcnJvd0wucG5nKTsgKi9cclxuICAgIC8qIGJhY2tncm91bmQ6IHVybChodHRwOi8vMTIzLjMwLjE1OC4xNTU6ODAwMy9hc3NldHMvaW1hZ2VzL2Fycm93TC5wbmcpOyAqL1xyXG4gICAgYmFja2dyb3VuZDogdXJsKGh0dHBzOi8vYXBpLmNvbmdkb2FudHBob2NoaW1pbmgub3JnLnZuL2Fzc2V0cy9pbWFnZXMvYXJyb3dMLnBuZyk7XHJcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xyXG4gICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xyXG4gICAgLyogYmFja2dyb3VuZC1jb2xvcjogIzAwNmNiNzsgKi9cclxuICAgIG1hcmdpbi10b3A6IDIwcHg7XHJcbiAgICBvcGFjaXR5OiAuOTtcclxuICAgIGhlaWdodDogMTAwJTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIGtlbmRvLXNjcm9sbHZpZXcuay1zY3JvbGx2aWV3LXdyYXAge1xyXG4gICAgYm9yZGVyOiBoaWRkZW47XHJcbiAgICB3aWR0aDogMTAxLjc1JSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAga2VuZG8tc2Nyb2xsdmlldy5rLXNjcm9sbHZpZXctd3JhcCB1bC5rLXNjcm9sbHZpZXcgbGk+aW1nIHtcclxuICAgIHBhZGRpbmctbGVmdDogMTBweDtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDEwcHg7XHJcbiAgICBtaW4taGVpZ2h0OiAxMDAlO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCBrZW5kby1zY3JvbGx2aWV3Lmstc2Nyb2xsdmlldy13cmFwIC5rLXNjcm9sbHZpZXctbmV4dCBzcGFuLFxyXG5kaXYuay1zY3JvbGx2aWV3IC5rLXNjcm9sbHZpZXctbmV4dCBzcGFuIHtcclxuICAgIG1hcmdpbjogMDtcclxuICAgIHBhZGRpbmc6IDZweDtcclxuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xyXG4gICAgLyogYmFja2dyb3VuZDogdXJsKGh0dHA6Ly9sb2NhbGhvc3Q6ODA4MC9hc3NldHMvaW1hZ2VzL2Fycm93Ui5wbmcpOyAqL1xyXG4gICAgLyogYmFja2dyb3VuZDogdXJsKGh0dHA6Ly8xMjMuMzAuMTU4LjE1NTo4MDAzL2Fzc2V0cy9pbWFnZXMvYXJyb3dSLnBuZyk7ICovXHJcbiAgICBiYWNrZ3JvdW5kOiB1cmwoaHR0cHM6Ly9hcGkuY29uZ2RvYW50cGhvY2hpbWluaC5vcmcudm4vYXNzZXRzL2ltYWdlcy9hcnJvd1IucG5nKTtcclxuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XHJcbiAgICAvKiBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2Y2I3OyAqL1xyXG4gICAgbWFyZ2luLXRvcDogMjBweDtcclxuICAgIG9wYWNpdHk6IC45O1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAga2VuZG8tc2Nyb2xsdmlldy5rLXNjcm9sbHZpZXctd3JhcCBhIHtcclxuICAgIHRvcDogNDAlICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCBrZW5kby1zY3JvbGx2aWV3Lmstc2Nyb2xsdmlldy13cmFwIC5rLXNjcm9sbHZpZXctbmV4dCxcclxuZGl2Lmstc2Nyb2xsdmlldyAuay1zY3JvbGx2aWV3LW5leHQsXHJcbjpob3N0IDo6bmctZGVlcCBrZW5kby1zY3JvbGx2aWV3Lmstc2Nyb2xsdmlldy13cmFwIC5rLXNjcm9sbHZpZXctcHJldixcclxuZGl2Lmstc2Nyb2xsdmlldyAuay1zY3JvbGx2aWV3LXByZXYge1xyXG4gICAgY29sb3I6IGluaGVyaXQ7XHJcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDApO1xyXG4gICAgdGV4dC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC4zKSAwIDAgMTVweDtcclxuICAgIG9wYWNpdHk6IDE7XHJcbiAgICBvdXRsaW5lLXdpZHRoOiAwO1xyXG4gICAgaGVpZ2h0OiAyMCU7XHJcbiAgICB0b3A6IDM1JTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5yb3cge1xyXG4gICAgbWFyZ2luLXRvcDogMTBweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5pdGFsaWNTdHlsZSB7XHJcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XHJcbn1cclxuXHJcblxyXG4vKiAvL2Jhbm5lciBib3R0b20gKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucC1ncmlkIHtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlN2U5ZWM7XHJcbiAgICBib3gtc2hhZG93OiAyLjVweCAyLjVweCAyLjVweCAyLjVweCAjZTdlOWVjO1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgLyogcGFkZGluZzogMmVtIDAgMi4yNWVtIDA7ICovXHJcbiAgICBtYXJnaW4tdG9wOiA0MHB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnAtZ3JpZCBpbWcge1xyXG4gICAgd2lkdGg6IDE2MHB4O1xyXG4gICAgaGVpZ2h0OiAxODBweDtcclxuICAgIHBhZGRpbmc6IDEwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY2Fyb3VzZWwtZGVtbyAudWktY2Fyb3VzZWwuY3VzdG9tLWNhcm91c2VsIC51aS1jYXJvdXNlbC1kb3QtaWNvbiB7XHJcbiAgICAvKiB3aWR0aDogMTZweCAhaW1wb3J0YW50O1xyXG4gICAgaGVpZ2h0OiAxNnB4ICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7ICovXHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnVpLWNhcm91c2VsIC51aS1jYXJvdXNlbC1kb3RzLWNvbnRhaW5lciAudWktY2Fyb3VzZWwtZG90LWl0ZW0udWktc3RhdGUtaGlnaGxpZ2h0IC51aS1jYXJvdXNlbC1kb3QtaWNvbiB7XHJcbiAgICAvKiBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA3YWQ5O1xyXG4gICAgd2lkdGg6IDEwcHggIWltcG9ydGFudDtcclxuICAgIGhlaWdodDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlOyAqL1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbCAudWktY2Fyb3VzZWwtZG90cy1jb250YWluZXIgLnVpLWNhcm91c2VsLWRvdC1pdGVtIC51aS1jYXJvdXNlbC1kb3QtaWNvbiB7XHJcbiAgICAvKiBiYWNrZ3JvdW5kLWNvbG9yOiAjYjJjMWNkO1xyXG4gICAgd2lkdGg6IDEwcHggIWltcG9ydGFudDtcclxuICAgIGhlaWdodDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgbWFyZ2luOiAwIDAuMmVtOyAqL1xyXG4gICAgZGlzcGxheTogbm9uZTtcclxufVxyXG5cclxuXHJcbi8qIDpob3N0IDo6bmctZGVlcCAucGktY2hldnJvbi1sZWZ0OmJlZm9yZSB7XHJcbiAgICBjb250ZW50OiBcIlxcZTkxOVwiO1xyXG4gICAgZm9udC1zaXplOiBtZWRpdW07XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XHJcbiAgICBjb2xvcjogIzcwNzA3MDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5waS1jaGV2cm9uLXJpZ2h0OmJlZm9yZSB7XHJcbiAgICBjb250ZW50OiBcIlxcZTkxOVwiO1xyXG4gICAgZm9udC1zaXplOiBtZWRpdW07XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgyNzBkZWcpO1xyXG4gICAgY29sb3I6ICM3MDcwNzA7XHJcbn1cclxuKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCAudWktY2Fyb3VzZWwgLnVpLWNhcm91c2VsLWNvbnRlbnQgLnVpLWNhcm91c2VsLXByZXYge1xyXG4gICAgYm9yZGVyOiBzb2xpZCAwcHggcmdiYSgxNzgsIDE5MywgMjA1LCAwLjY0KTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbCAudWktY2Fyb3VzZWwtY29udGVudCAudWktY2Fyb3VzZWwtbmV4dCB7XHJcbiAgICBib3JkZXI6IHNvbGlkIDBweCByZ2JhKDE3OCwgMTkzLCAyMDUsIDAuNjQpO1xyXG59XHJcblxyXG5cclxuLyogOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbC1pdGVtOm50aC1jaGlsZCg1biArMykgaW1nIHtcclxuICAgIGhlaWdodDogMjM1cHg7XHJcbiAgICB3aWR0aDogMjIwcHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAudWktY2Fyb3VzZWwtaXRlbTpudGgtY2hpbGQoNW4gKzMpIC5wLWdyaWQge1xyXG4gICAgbWFyZ2luOiAxMHB4IDNweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbC1pdGVtOm5vdCg6bnRoLWNoaWxkKDVuICszKSk6aG92ZXIgaW1nIHtcclxuICAgIG9wYWNpdHk6IDE7XHJcbiAgICBoZWlnaHQ6IDIxMHB4O1xyXG4gICAgd2lkdGg6IDE4OXB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnVpLWNhcm91c2VsLWl0ZW06bm90KDpudGgtY2hpbGQoNW4rMykpOmhvdmVyIC5wLWdyaWQge1xyXG4gICAgbWFyZ2luOiAxMHB4IDZweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbC1pdGVtcy1jb250YWluZXIgLnVpLWNhcm91c2VsLWl0ZW0ge1xyXG4gICAgei1pbmRleDogLTE7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDEwLjM1cHg7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbC1pdGVtcy1jb250YWluZXIgLnVpLWNhcm91c2VsLWl0ZW06bnRoLWNoaWxkKDVuICsyKSB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IC0yN3B4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnVpLWNhcm91c2VsLWl0ZW1zLWNvbnRhaW5lciAudWktY2Fyb3VzZWwtaXRlbTpudGgtY2hpbGQoNW4gKzQpIHtcclxuICAgIG1hcmdpbi1sZWZ0OiAtMjNweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbC1pdGVtcy1jb250YWluZXIgLnVpLWNhcm91c2VsLWl0ZW06bnRoLWNoaWxkKDVuICszKSB7XHJcbiAgICB6LWluZGV4OiAxICFpbXBvcnRhbnQ7XHJcbiAgICBtYXJnaW4tbGVmdDogLTE1cHg7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IC0xNXB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbn0gKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuaW1nLWl0ZW0tY29udGVudCB7XHJcbiAgICAvKiBib3JkZXI6IDFweCBzb2xpZCAjYjNjMmNhOyAqL1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xyXG4gICAgbWFyZ2luOiAuM3JlbTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5iYW5uZXItYm90dG9tIGJ1dHRvbiB7XHJcbiAgICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjc2OHB4KSB7XHJcbiAgICAvKiA6aG9zdCA6Om5nLWRlZXAgLnVpLWNhcm91c2VsLWl0ZW0ge1xyXG4gICAgICAgIGZsZXg6IDEgMCA1MCUgIWltcG9ydGFudDtcclxuICAgIH0gKi9cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLnAtZ3JpZCB7XHJcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2U3ZTllYztcclxuICAgICAgICBib3gtc2hhZG93OiAyLjVweCAyLjVweCAyLjVweCAyLjVweCAjZTdlOWVjO1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMHB4O1xyXG4gICAgfVxyXG4gICAgIDpob3N0IDo6bmctZGVlcCAucC1ncmlkIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcclxuICAgICAgICBoZWlnaHQ6IDEyMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcGFkZGluZzogMTBweDtcclxuICAgIH1cclxuICAgIC8qIDpob3N0IDo6bmctZGVlcCAuY2Fyb3VzZWwtZGVtbyAudWktY2Fyb3VzZWwgLnVpLWNhcm91c2VsLWNvbnRlbnQgLnVpLWNhcm91c2VsLWl0ZW0gLmNhci1kYXRhIC5jYXItdGl0bGUge1xyXG4gICAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7XHJcbiAgICAgICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDI0cHg7XHJcbiAgICB9XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC5jYXJvdXNlbC1kZW1vIC51aS1jYXJvdXNlbCAudWktY2Fyb3VzZWwtY29udGVudCAudWktY2Fyb3VzZWwtaXRlbSAuY2FyLWRhdGEgLmNhci1zdWJ0aXRsZSB7XHJcbiAgICAgICAgbWFyZ2luOiAwLjI1ZW0gMCAyZW0gMDtcclxuICAgIH1cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLmNhcm91c2VsLWRlbW8gLnVpLWNhcm91c2VsIC51aS1jYXJvdXNlbC1jb250ZW50IC51aS1jYXJvdXNlbC1pdGVtIC5jYXItZGF0YSBidXR0b24ge1xyXG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcclxuICAgIH1cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLmNhcm91c2VsLWRlbW8gLnVpLWNhcm91c2VsIC51aS1jYXJvdXNlbC1jb250ZW50IC51aS1jYXJvdXNlbC1pdGVtIC5jYXItZGF0YSBidXR0b246Zmlyc3QtY2hpbGQge1xyXG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xyXG4gICAgfSAqL1xyXG4gICAgIDpob3N0IDo6bmctZGVlcCAuY2Fyb3VzZWwtZGVtbyAudWktY2Fyb3VzZWwuY3VzdG9tLWNhcm91c2VsIC51aS1jYXJvdXNlbC1kb3QtaWNvbiB7XHJcbiAgICAgICAgLyogd2lkdGg6IDE2cHggIWltcG9ydGFudDtcclxuICAgICAgICBoZWlnaHQ6IDE2cHggIWltcG9ydGFudDtcclxuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7ICovXHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgIH1cclxuICAgIC8qIDpob3N0IDo6bmctZGVlcCAuY2Fyb3VzZWwtZGVtbyAudWktY2Fyb3VzZWwudWktY2Fyb3VzZWwtaG9yaXpvbnRhbCAudWktY2Fyb3VzZWwtY29udGVudCAudWktY2Fyb3VzZWwtaXRlbS51aS1jYXJvdXNlbC1pdGVtLXN0YXJ0IC5jYXItZGV0YWlscz4ucC1ncmlkIHtcclxuICAgICAgICBtYXJnaW4tbGVmdDogMC42ZW07XHJcbiAgICB9XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC5jYXJvdXNlbC1kZW1vIC51aS1jYXJvdXNlbC51aS1jYXJvdXNlbC1ob3Jpem9udGFsIC51aS1jYXJvdXNlbC1jb250ZW50IC51aS1jYXJvdXNlbC1pdGVtLnVpLWNhcm91c2VsLWl0ZW0tZW5kIC5jYXItZGV0YWlscz4ucC1ncmlkIHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNmVtO1xyXG4gICAgfSAqL1xyXG4gICAgIDpob3N0IDo6bmctZGVlcCAudWktY2Fyb3VzZWwgLnVpLWNhcm91c2VsLWRvdHMtY29udGFpbmVyIC51aS1jYXJvdXNlbC1kb3QtaXRlbS51aS1zdGF0ZS1oaWdobGlnaHQgLnVpLWNhcm91c2VsLWRvdC1pY29uIHtcclxuICAgICAgICAvKiBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA3YWQ5O1xyXG4gICAgICAgIHdpZHRoOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgaGVpZ2h0OiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlOyAqL1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICB9XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbCAudWktY2Fyb3VzZWwtZG90cy1jb250YWluZXIgLnVpLWNhcm91c2VsLWRvdC1pdGVtIC51aS1jYXJvdXNlbC1kb3QtaWNvbiB7XHJcbiAgICAgICAgLyogYmFja2dyb3VuZC1jb2xvcjogI2IyYzFjZDtcclxuICAgICAgICB3aWR0aDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIGhlaWdodDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICBtYXJnaW46IDAgMC4yZW07ICovXHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgIH1cclxuICAgIC8qIDpob3N0IDo6bmctZGVlcCAucGktY2hldnJvbi1sZWZ0OmJlZm9yZSB7XHJcbiAgICAgICAgY29udGVudDogXCJcXGU5MTlcIjtcclxuICAgICAgICBmb250LXNpemU6IG1lZGl1bTtcclxuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XHJcbiAgICAgICAgY29sb3I6ICM3MDcwNzA7XHJcbiAgICB9XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC5waS1jaGV2cm9uLXJpZ2h0OmJlZm9yZSB7XHJcbiAgICAgICAgY29udGVudDogXCJcXGU5MTlcIjtcclxuICAgICAgICBmb250LXNpemU6IG1lZGl1bTtcclxuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgyNzBkZWcpO1xyXG4gICAgICAgIGNvbG9yOiAjNzA3MDcwO1xyXG4gICAgfVxyXG4gICAgIDpob3N0IDo6bmctZGVlcCAudWktY2Fyb3VzZWwgLnVpLWNhcm91c2VsLWNvbnRlbnQgLnVpLWNhcm91c2VsLXByZXYge1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIGJvcmRlcjogc29saWQgMXB4IHJnYmEoMTc4LCAxOTMsIDIwNSwgMC42NCk7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDBweDtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IC0yOXB4O1xyXG4gICAgICAgIHBhZGRpbmc6IDMuNXB4O1xyXG4gICAgICAgIGNvbG9yOiAjMzMzMzMzO1xyXG4gICAgICAgIHRyYW5zaXRpb246IGNvbG9yIDAuMnM7XHJcbiAgICB9XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbCAudWktY2Fyb3VzZWwtY29udGVudCAudWktY2Fyb3VzZWwtbmV4dCB7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICBwYWRkaW5nOiAzLjVweDtcclxuICAgICAgICBtYXJnaW4tdG9wOiAwcHg7XHJcbiAgICAgICAgbWFyZ2luLWxlZnQ6IC0yOXB4O1xyXG4gICAgICAgIGJvcmRlcjogc29saWQgMXB4IHJnYmEoMTc4LCAxOTMsIDIwNSwgMC42NCk7XHJcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcclxuICAgICAgICBjb2xvcjogIzMzMzMzMztcclxuICAgICAgICB0cmFuc2l0aW9uOiBjb2xvciAwLjJzO1xyXG4gICAgfSAqL1xyXG4gICAgLyogOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbC1pdGVtOm50aC1jaGlsZCg1biArMykgLnAtZ3JpZCB7XHJcbiAgICAgICAgbWFyZ2luOiAwcHg7XHJcbiAgICB9XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbC1pdGVtOm5vdCg6bnRoLWNoaWxkKDVuICszKSk6aG92ZXIgaW1nIHtcclxuICAgICAgICBvcGFjaXR5OiAxO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB3aWR0aDogYXV0bztcclxuICAgIH1cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLnVpLWNhcm91c2VsLWl0ZW06bm90KDpudGgtY2hpbGQoNW4rMykpOmhvdmVyIC5wLWdyaWQge1xyXG4gICAgICAgIG1hcmdpbjogMHB4O1xyXG4gICAgfVxyXG4gICAgIDpob3N0IDo6bmctZGVlcCAudWktY2Fyb3VzZWwtaXRlbXMtY29udGFpbmVyIC51aS1jYXJvdXNlbC1pdGVtIHtcclxuICAgICAgICB6LWluZGV4OiAtMTtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDBweDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIH1cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLnVpLWNhcm91c2VsLWl0ZW1zLWNvbnRhaW5lciAudWktY2Fyb3VzZWwtaXRlbTpudGgtY2hpbGQoNW4gKzIpIHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDBweDtcclxuICAgIH1cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLnVpLWNhcm91c2VsLWl0ZW1zLWNvbnRhaW5lciAudWktY2Fyb3VzZWwtaXRlbTpudGgtY2hpbGQoNW4gKzQpIHtcclxuICAgICAgICBtYXJnaW4tbGVmdDogMHB4O1xyXG4gICAgfVxyXG4gICAgIDpob3N0IDo6bmctZGVlcCAudWktY2Fyb3VzZWwtaXRlbXMtY29udGFpbmVyIC51aS1jYXJvdXNlbC1pdGVtOm50aC1jaGlsZCg1biArMykge1xyXG4gICAgICAgIHotaW5kZXg6IDEgIWltcG9ydGFudDtcclxuICAgICAgICBtYXJnaW4tbGVmdDogMHB4O1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogMHB4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgfSAqL1xyXG4gICAgIDpob3N0IDo6bmctZGVlcCBrZW5kby1zY3JvbGx2aWV3Lmstc2Nyb2xsdmlldy13cmFwIGEge1xyXG4gICAgICAgIHRvcDogMjclICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIGtlbmRvLXNjcm9sbHZpZXcuay1zY3JvbGx2aWV3LXdyYXAgdWwuay1zY3JvbGx2aWV3IGxpPmltZyB7XHJcbiAgICAgICAgcGFkZGluZy1sZWZ0OiA5cHg7XHJcbiAgICAgICAgcGFkZGluZy1yaWdodDogMTNweDtcclxuICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgfVxyXG59XHJcblxyXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6NzY3cHgpIHtcclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLml0ZW0taW1nIHtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDEwMHB4O1xyXG4gICAgfVxyXG4gICAgIDpob3N0IDo6bmctZGVlcCAuaXRlbS10aXRsZSB7XHJcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgICB0ZXh0LWFsaWduOiBpbmhlcml0ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgcGFkZGluZy10b3A6IDEwcHg7XHJcbiAgICAgICAgbWF4LWhlaWdodDogMTIwcHg7XHJcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMTVweDtcclxuICAgICAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XHJcbiAgICAgICAgcGFkZGluZy1yaWdodDogNXB4O1xyXG4gICAgfVxyXG4gICAgIDpob3N0IDo6bmctZGVlcCAuY29sLW1kLTIwcCB7XHJcbiAgICAgICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKHdpZHRoOjc2OHB4KSB7XHJcbiAgICAgOmhvc3QgOjpuZy1kZWVwIC5pdGVtLWltZyB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMTVweDtcclxuICAgIH1cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLml0ZW0tdGl0bGUge1xyXG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgICAgdGV4dC1hbGlnbjogaW5oZXJpdCAhaW1wb3J0YW50O1xyXG4gICAgICAgIHBhZGRpbmctdG9wOiAxMHB4O1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IDEyMHB4O1xyXG4gICAgICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgICAgIHBhZGRpbmctbGVmdDogNXB4O1xyXG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDVweDtcclxuICAgIH1cclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLmNvbC1tZC0yMHAge1xyXG4gICAgICAgIHBhZGRpbmc6IDBweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG59XHJcblxyXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6NzY4cHgpIHtcclxuICAgICA6aG9zdCA6Om5nLWRlZXAgLnVuaXQtaXRlbS1hY3RpdmUgLmltZyB7XHJcbiAgICAgICAgbWFyZ2luOiAycHggMHB4IDBweCAxcHggIWltcG9ydGFudDtcclxuICAgICAgICB3aWR0aDogMjEzcHggIWltcG9ydGFudDtcclxuICAgICAgICBoZWlnaHQ6IDIyMnB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAucG9zdC1kZXRhaWwgLmRlc2NyaXB0aW9uIGltZyB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5ib3JkZXItYWZ0ZXIge1xyXG4gICAgd2lkdGg6IDQwcHg7XHJcbiAgICBoZWlnaHQ6IDNweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDZDQjc7XHJcbiAgICBtYXJnaW4tdG9wOiA3cHg7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCA6OnBsYWNlaG9sZGVyIHtcclxuICAgIGNvbG9yOiBuYXZ5O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvcnRhbCAuY29udHJvbCBsYWJlbCB7XHJcbiAgICBjb2xvcjogbmF2eTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgdGFibGUge1xyXG4gICAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLm1lZXRpbmctd2VlayAuay1ncmlkIHtcclxuICAgIGJvcmRlci1jb2xvcjogbmF2eTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3J0YWwtbWVldGluZy13ZWVrIC5rLWdyaWQge1xyXG4gICAgd2lkdGg6IDkzJTtcclxufVxyXG5cclxuLyogOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLmstZ3JpZCB0ciB7XHJcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgbmF2eTtcclxufSAqL1xyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLmstZ3JpZCB0ZCxcclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLmstZ3JpZCB0aCB7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIGJvcmRlci1jb2xvcjogbmF2eSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLm1lZXRpbmctd2VlayAuay1ncmlkIHRoIHtcclxuICAgIGJvcmRlci1ib3R0b206IDAgIWltcG9ydGFudDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLmstZ3JpZCB0ZCB7XHJcbiAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAubWVldGluZy13ZWVrIC5rLWdyaWQgdGQ+ZGl2IHtcclxuICAgIHBhZGRpbmc6IDhweCAxMnB4O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLm1lZXRpbmctd2VlayAuay1ncmlkIC5rLWdyaWQtaGVhZGVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgY29sb3I6IG5hdnk7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxuICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLmstZ3JpZCAuay1ncmlkLWNvbnRlbnQge1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuXHJcbi8qIGLhuq90IMSR4bqndSBzY3JvbGwgbGljaCB0dcOibiAqL1xyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLm1lZXRpbmctd2Vlay1kaXNwbGF5IC5rLWdyaWQgLmstZ3JpZC1jb250ZW50IHtcclxuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcclxuICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XHJcbiAgICBtYXgtaGVpZ2h0OiAzMDBweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLm1lZXRpbmctd2Vlay1kaXNwbGF5IC5rLWdyaWQgLmstZ3JpZC1jb250ZW50Ojotd2Via2l0LXNjcm9sbGJhciB7XHJcbiAgICB3aWR0aDogMXB4O1xyXG59XHJcblxyXG5cclxuLyogVHJhY2sgKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCAubWVldGluZy13ZWVrIC5tZWV0aW5nLXdlZWstZGlzcGxheSAuay1ncmlkIC5rLWdyaWQtY29udGVudDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xyXG4gICAgYmFja2dyb3VuZDogI2YxZjFmMTtcclxufVxyXG5cclxuXHJcbi8qIEhhbmRsZSAqL1xyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5tZWV0aW5nLXdlZWsgLm1lZXRpbmctd2Vlay1kaXNwbGF5IC5rLWdyaWQgLmstZ3JpZC1jb250ZW50Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XHJcbiAgICBiYWNrZ3JvdW5kOiAjODg4O1xyXG59XHJcblxyXG5cclxuLyogSGFuZGxlIG9uIGhvdmVyICovXHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLm1lZXRpbmctd2VlayAubWVldGluZy13ZWVrLWRpc3BsYXkgLmstZ3JpZCAuay1ncmlkLWNvbnRlbnQ6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcclxuICAgIGJhY2tncm91bmQ6ICM1NTU7XHJcbn1cclxuXHJcblxyXG4vKiBr4bq/dCB0aMO6YyBzY3JvbGwgbGljaCB0dcOibiAqL1xyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5ob21lLXBhZ2UgLnVpLWNhcm91c2VsLWl0ZW0ge1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbiAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNvbnRyb2wtc2VhcmNoIGlucHV0LFxyXG46aG9zdCA6Om5nLWRlZXAgLmstZGF0ZWlucHV0IC5rLWRhdGVpbnB1dC13cmFwLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstZ3JpZC1ub3JlY29yZHMsXHJcbjpob3N0IDo6bmctZGVlcCAuay1kaWFsb2ctd3JhcHBlciBsYWJlbCxcclxuOmhvc3QgOjpuZy1kZWVwIC5ncm91cC1zZWFyY2ggbGFiZWwsXHJcbjpob3N0IDo6bmctZGVlcCAuay1ncmlkIC5rLWdyaWQtY29udGFpbmVyLFxyXG46aG9zdCA6Om5nLWRlZXAgLmstZ3JpZCAuay1ncm91cGluZy1yb3cgdGQsXHJcbjpob3N0IDo6bmctZGVlcCAuay10cmVldmlldyxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLWNvbWJvYm94LmstY29tYm9ib3gtY2xlYXJhYmxlIC5rLWlucHV0LFxyXG46aG9zdCA6Om5nLWRlZXAgLmstZHJvcGRvd24gLmstZHJvcGRvd24td3JhcCAuay1pbnB1dCxcclxuOmhvc3QgOjpuZy1kZWVwIC5rLXRleHRib3g6aG92ZXIsXHJcbjpob3N0IDo6bmctZGVlcCAuay10ZXh0Ym94Lmstc3RhdGUtaG92ZXIsXHJcbjpob3N0IDo6bmctZGVlcCAuay10ZXh0YXJlYTpob3ZlcixcclxuOmhvc3QgOjpuZy1kZWVwIC5rLXRleHRhcmVhLmstc3RhdGUtaG92ZXIge1xyXG4gICAgY29sb3I6IG5hdnk7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuY2stZWRpdG9yX19lZGl0YWJsZV9pbmxpbmUge1xyXG4gICAgaGVpZ2h0OiA1NTBweDtcclxuICAgIG1pbi1oZWlnaHQ6IDU1MHB4O1xyXG4gICAgYmFja2dyb3VuZDogd2hpdGU7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCBncmF5O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNhcm91c2VsLWNhcHRpb24ge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSAwJSwgcmdiYSgwLCAwLCAwLCAuOSkgMTAwJSk7XHJcbiAgICBwYWRkaW5nOiAxNXB4O1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmNhcm91c2VsLWNhcHRpb24gYSB7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtZmFtaWx5OiAnUm9ib3RvU2xhYi1Cb2xkJztcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5jYXJvdXNlbC1jYXB0aW9uIGE6aG92ZXIge1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gICAgY29sb3I6IHllbGxvdztcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC51aS1jYXJvdXNlbCAudWktY2Fyb3VzZWwtZG90cy1jb250YWluZXIge1xyXG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLmVkaXRvci1oZWlnaHQgLmNrLWVkaXRvcl9fZWRpdGFibGVfaW5saW5lIHtcclxuICAgIG1pbi1oZWlnaHQ6IDMwMHB4O1xyXG4gICAgYmFja2dyb3VuZDogd2hpdGU7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCBncmF5O1xyXG59XHJcblxyXG5cclxuLyogYuG6r3QgxJHhuqd1IHBvc3Qtc3VtbWFyeSAqL1xyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5wb3N0LXN1bW1hcnkgLmNrLWVkaXRvcl9fZWRpdGFibGVfaW5saW5lIHtcclxuICAgIGhlaWdodDogMTUwcHggIWltcG9ydGFudDtcclxuICAgIG1pbi1oZWlnaHQ6IDE1MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkIGdyYXk7XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAudGV4dC10aW55IHtcclxuICAgIGZvbnQtc2l6ZTogMC43ZW07XHJcbn1cclxuXHJcbjpob3N0IDo6bmctZGVlcCAudGV4dC1zbWFsbCB7XHJcbiAgICBmb250LXNpemU6IDAuODVlbTtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC50ZXh0LWJpZyB7XHJcbiAgICBmb250LXNpemU6IDEuNGVtO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnRleHQtaHVnZSB7XHJcbiAgICBmb250LXNpemU6IDEuOGVtO1xyXG59XHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnBvc3QtZGV0YWlsIC5kZXNjcmlwdGlvbiAgZmlnY2FwdGlvbiB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGNhcHRpb24tc2lkZTogYm90dG9tO1xyXG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcclxuICAgIGNvbG9yOiBoc2woMCwgMCUsIDIwJSk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBoc2woMCwgMCUsIDk3JSk7XHJcbiAgICBwYWRkaW5nOiAuNmVtO1xyXG4gICAgZm9udC1zaXplOiAuNzVlbTtcclxuICAgIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcbi8qIGvhur90IHRow7pjIHBvc3Qtc3VtbWFyeSAqL1xyXG5cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuc3RpY2t5LWhlYWRlci1ncmlkIC5rLWdyaWQgLmstZ3JpZC1oZWFkZXIge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAyNThweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5Ny41NSU7XHJcbn1cclxuIl19 */\"","module.exports = \"\\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \"","import { Component, OnInit } from '@angular/core';\r\nimport { AppControls } from '../services/app.controls';\r\nimport { GridDataResult, DataStateChangeEvent, SelectableSettings, PageChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { orderBy, process, SortDescriptor, State } from '@progress/kendo-data-query';\r\nimport 'hammerjs';\r\nimport { AppService } from '../services/app.service';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { AppSwal } from '../services/app.swal';\r\nimport { TranslateService } from '@ngx-translate/core';\r\n\r\n@Component({\r\n selector: 'app-dashboard',\r\n templateUrl: './dashboard.component.html',\r\n styleUrls: ['./dashboard.component.css']\r\n})\r\nexport class DashboardComponent implements OnInit {\r\n searchData = {\r\n FromDate: null,\r\n ToDate: null,\r\n };\r\n infoOpened = false;\r\n dataCommentGridDataResult: GridDataResult;\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataComments = [];\r\n data: any[];\r\n public hot;\r\n public normal;\r\n public all;\r\n dataCommentSelectableSettings: SelectableSettings;\r\n allowMulti = true;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataCommentSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public enabled = false;\r\n public enabledID = false;\r\n dataCommentItem: any;\r\n dataCommentSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n dataCommentSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataCommentPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataCommentSelection: number[] = [];\r\n dataFileUrls: any[];\r\n postItem: any;\r\n public dataCommentState: State = {\r\n skip: this.dataCommentSkip,\r\n take: this.dataCommentSkip + this.dataCommentPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'TypeName' }]\r\n };\r\n FromDate: any;\r\n ToDate: any;\r\n dataUsers: [];\r\n loading = false;\r\n dataPostGridDataResult: GridDataResult;\r\n constructor(\r\n public appControls: AppControls,\r\n public appService: AppService,\r\n public intl: IntlService,\r\n private appSwal: AppSwal,\r\n private translate: TranslateService,\r\n ) { \r\n \r\n this.getPageName();\r\n //this.FromDate = new Date();\r\n //this.ToDate = new Date();\r\n this.getPost();\r\n\r\n }\r\n \r\n pageName: any;\r\n\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n bindComments() {\r\n this.dataCommentGridDataResult = {\r\n data: orderBy(this.dataUsers, this.dataCommentSortByField),\r\n total: this.dataUsers.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataUsers, this.dataCommentState);\r\n }\r\n\r\n bindFileUrls() {\r\n this.dataFileUrlsGridDataResult = {\r\n data: this.dataFileUrls,\r\n total: this.dataFileUrls.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n onCommentsortChange(sort: SortDescriptor[]): void {\r\n this.dataCommentSortByField = sort;\r\n this.bindComments();\r\n }\r\n\r\n public onCommentDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataCommentSelection = [];\r\n this.dataCommentState = state;\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataCommentSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n onCommentPageChange(event: PageChangeEvent) {\r\n this.dataCommentSkip = event.skip;\r\n this.bindComments();\r\n }\r\n\r\n async onCommentselectedKeysChange() {\r\n\r\n if (this.dataCommentSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataCommentSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataCommentSelection[0];\r\n const selectedItem = this.dataComments.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n\r\n this.dataCommentItem = selectedItem;\r\n\r\n this.enabled = false;\r\n this.enabledID = false;\r\n\r\n\r\n const dataRequest = {\r\n id: this.dataCommentItem.PostID\r\n };\r\n\r\n this.postItem = null;\r\n const resultRequestMenu = await this.appService.doGET('api/Post/GetById', dataRequest);\r\n if (resultRequestMenu && resultRequestMenu.Status === 1) {\r\n this.postItem = resultRequestMenu.Data;\r\n }\r\n }\r\n }\r\n\r\n onSearch() {\r\n this.infoOpened = true;\r\n }\r\n onCloseInfo(e) {\r\n this.infoOpened = false;\r\n }\r\n \r\n async getPost() {\r\n const searchData = {\r\n FromDate: this.intl.formatDate(this.FromDate, 'yyyy-MM-dd'),\r\n ToDate: this.intl.formatDate(this.ToDate, 'yyyy-MM-dd')\r\n };\r\n\r\n const result = await this.appService.doPOST('api/Dashboard', searchData);\r\n if(result && result.Status === 1){\r\n this.dataUsers = result.Data.res;\r\n \r\n this.bindComments();\r\n this.hot = result.Data.CountPost[0];\r\n this.normal = result.Data.CountPost[1];\r\n this.all = result.Data.CountPost[2];\r\n this.data = [{\r\n kind: 'Tin nổi bật' + '\\n' + this.hot, share: this.hot\r\n }, {\r\n kind: 'Tin thường' + '\\n' + this.normal, share: this.normal\r\n }];\r\n }\r\n this.loading = false;\r\n this.infoOpened = false;\r\n }\r\n\r\n public labelContent(e: any): string {\r\n return e.category;\r\n }\r\n\r\n}\r\n","module.exports = \":host ::ng-deep .k-tabstrip>.k-content {\\r\\n background-color: #f6f6f6 !important;\\r\\n}\\r\\n\\r\\n.dialog-post {\\r\\n z-index: 1000 !important;\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 300px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9hY2NvdW50L2FjY291bnQuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLG9DQUFvQztBQUN4Qzs7QUFFQTtJQUNJLHdCQUF3QjtBQUM1Qjs7QUFFQSxtQkFBbUI7O0FBQ25CO0lBQ0ksZUFBZTtJQUNmLFNBQVM7SUFDVCxjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakI7O0FBRUE7SUFDSTtRQUNJLGVBQWU7UUFDZixTQUFTO1FBQ1QsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkOztJQUVBO1FBQ0ksZUFBZTtRQUNmLFVBQVU7UUFDVixjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixVQUFVO0lBQ2Q7QUFDSjs7QUFFQSxtQkFBbUI7O0FBR25CO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9hY2NvdW50L2FjY291bnQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IDo6bmctZGVlcCAuay10YWJzdHJpcD4uay1jb250ZW50IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmNmY2ZjYgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmRpYWxvZy1wb3N0IHtcclxuICAgIHotaW5kZXg6IDEwMDAgIWltcG9ydGFudDtcclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiA3NnB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk4JTtcclxufVxyXG5cclxuLnN0aWNreS10b29sYmFyLWJ0bi11c2Vye1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAxOTNweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OS41NSU7XHJcbn1cclxuXHJcbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDo3NjhweCkge1xyXG4gICAgLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDc2cHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk0JTtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnN0aWNreS10b29sYmFyLWJ0bi11c2Vye1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDE5M3B4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIHdpZHRoOiA5OSU7XHJcbiAgICB9XHJcbn1cclxuXHJcbi8qIHN0aWNreSB0b29sYmFyICovXHJcblxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5zdGlja3ktaGVhZGVyLWdyaWQgLmstZ3JpZCAuay1ncmlkLWhlYWRlciB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDMwMHB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk3LjU1JTtcclxufSJdfQ== */\"","module.exports = \" \\r\\n\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, ɵConsole, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport * as DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';\r\n\r\n@Component({\r\n selector: 'app-account',\r\n templateUrl: './account.component.html',\r\n styleUrls: ['./account.component.css']\r\n})\r\nexport class AccountComponent implements OnInit, OnDestroy {\r\n\r\n isStickySearch = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isStickySearch = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataAccounts = [];\r\n dataAccountSelectableSettings: SelectableSettings;\r\n dataAccountSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataAccountFocus = {\r\n Name: true\r\n };\r\n dataAccountSortByField: SortDescriptor[] = [\r\n ];\r\n\r\n public WKS_NUM_PAGING_SKIP = 0;\r\n public WKS_NUM_PAGING_TAKE = 50;\r\n public WKS_NUM_PAGING_BTN = 5;\r\n\r\n dataAccountSkip = this.WKS_NUM_PAGING_SKIP;\r\n dataAccountPageSize = this.WKS_NUM_PAGING_TAKE;\r\n dataAccountSelection: number[] = [];\r\n dataAccountItem: any;\r\n dataAccountItemEnLanguage: any;\r\n myInterval: any;\r\n\r\n public Editor = DecoupledEditor;\r\n config = {\r\n toolbar: ['heading',\r\n '|',\r\n 'bold',\r\n 'italic',\r\n 'link',\r\n 'bulletedList',\r\n 'numberedList',\r\n '|',\r\n 'indent',\r\n 'outdent',\r\n '|',\r\n 'insertTable',\r\n 'mediaEmbed',\r\n 'undo',\r\n 'redo']\r\n }\r\n\r\n public buttonCount = this.WKS_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n infoOpened = false;\r\n\r\n public dataAccountState: State = {\r\n skip: this.dataAccountSkip,\r\n take: this.dataAccountSkip + this.dataAccountPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'RoleName' }]\r\n };\r\n dataAccountGridDataResult: GridDataResult;\r\n\r\n units: Array<{ Name: string, ID: string }>;\r\n unitsFilter: Array<{ Name: string, ID: string }>;\r\n genders: Array<{ Name: string, ID: string }>;\r\n parts: Array<{ Name: string, ID: string }>;\r\n partsFilter: Array<{ Name: string, ID: string }>;\r\n\r\n accountParents: Array<{ Name: string, ID: string }>;\r\n accountParentsFilter: Array<{ Name: string, ID: string }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n pageName: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n InputingFile = false;\r\n dataAccountItemtemp: any;\r\n imgImageDefault: any;\r\n imageDef: any;\r\n public imgSaveUrl: any;\r\n imgImageMain: any;\r\n public uploadFlgDefault = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n uploadFlg = this.uploadFlgDefault;\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n public appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n public appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.imgSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=image`;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n // bind current context(this) of our component instance to [fetchData]\r\n this.allData = this.allData.bind(this);\r\n }\r\n\r\n // used to export all kendo-grid data(not care for paging) to excel file(s)\r\n public allData(): ExcelExportData {\r\n // show loading icon to let user know heavy-export is occurring\r\n this.appComponent.loading = true;\r\n const result: ExcelExportData = {\r\n data: process(this.dataAccounts, { sort: this.dataAccountSortByField }).data\r\n };\r\n // unshow loading icon\r\n this.appComponent.loading = false;\r\n return result;\r\n }\r\n\r\n unitsHandleFilter(value) {\r\n this.unitsFilter = this.units.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n partsHandleFilter(value) {\r\n this.partsFilter = this.parts.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n accountParentsHandleFilter(value) {\r\n this.accountParentsFilter = this.accountParents.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n this.getPageName();\r\n }\r\n\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.allowMulti = !this.allowMulti;\r\n if (this.InputingFile == true) {\r\n this.allowMulti = false;\r\n this.dataAccountSelectableSettings = {\r\n enabled: false,\r\n mode: 'single'\r\n };\r\n } else {\r\n this.dataAccountSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n }\r\n\r\n setSelectableSettingsFile(): void {\r\n this.dataAccountSelectableSettings = {\r\n enabled: true,\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getAccounts() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n this.dataAccountSelection = [];\r\n\r\n const result = await this.appService.doGET('api/Account/Search', dataRequest);\r\n if (result) {\r\n this.dataAccounts = result.Data;\r\n this.bindAccounts();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n\r\n const resultParent = await this.appService.doGET('api/Account', null);\r\n if (resultParent) {\r\n this.accountParents = resultParent.Data;\r\n this.accountParentsFilter = this.accountParents.slice();\r\n }\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataAccountSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataAccounts.find((item) => {\r\n return item.ID === this.dataAccountSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataAccountSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataAccountItem = {\r\n IsAdd: true,\r\n ID: this.guid.empty,\r\n Name: '',\r\n Gender: 0,\r\n Phone: '',\r\n Email: '',\r\n UnitID: null,\r\n LockFlg: false,\r\n DelFlg: false,\r\n BirthDay: null,\r\n AvatarUrl: '',\r\n PartID: null,\r\n ParentID: null,\r\n Description: null,\r\n OrderIdx: null,\r\n DisplayFlg: false\r\n };\r\n this.dataAccountItemEnLanguage = {\r\n ID: null,\r\n AccountID: null,\r\n Description: null,\r\n CreateAt: null,\r\n CreateBy: null,\r\n UpdateAt: null,\r\n UpdateBy: null,\r\n LanguageID: null,\r\n };\r\n\r\n this.dataAccountItemtemp = Object.assign({}, this.dataAccountItem);\r\n this.imageDef = '../../assets/images/default-02.png';\r\n this.imgImageDefault = [\r\n this.imageDef,\r\n ];\r\n this.imgImageMain = [''];\r\n this.uploadFlg = this.uploadFlgDefault;\r\n }\r\n bindtemp(item) {\r\n\r\n this.dataAccountItemtemp = Object.assign({}, item);\r\n }\r\n\r\n onAccountPageChange(event: PageChangeEvent) {\r\n this.dataAccountSkip = event.skip;\r\n this.bindAccounts();\r\n }\r\n\r\n async onAccountSelectedKeysChange() {\r\n\r\n if (this.dataAccountSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataAccountSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n if (this.dataAccounts.length > 0 && this.InputingFile == false) {\r\n const selectedID = this.dataAccountSelection[0];\r\n const selectedItem = this.dataAccounts.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataAccountItem = selectedItem;\r\n this.dataAccountItem.BirthDay = this.dataAccountItem.BirthDay ? new Date(this.dataAccountItem.BirthDay) : null;\r\n\r\n this.imgImageDefault = [];\r\n //call api get base 64 to render image\r\n if (this.dataAccountItem.AvatarUrl) {\r\n const dataRequest = {\r\n imagePath: `${this.dataAccountItem.AvatarUrl}`\r\n };\r\n\r\n const result = await this.appService.doGET('api/Post/GetBase64ImageResult', dataRequest);\r\n\r\n if (result && result.Status === 1) {\r\n if (result.Data != null && result.Data.Base64 != null && result.Data.Base64 !== '') {\r\n const url = result.Data.Base64;\r\n this.imgImageDefault[0] = url;\r\n }\r\n }\r\n } else {\r\n this.imageDef = '../../assets/images/default-02.png';\r\n this.imgImageDefault = [\r\n this.imageDef,\r\n ];\r\n }\r\n\r\n this.bindtemp(this.dataAccountItem);\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.uploadFlg.image = false;\r\n }\r\n }\r\n }\r\n\r\n bindAccounts() {\r\n this.dataAccountGridDataResult = {\r\n data: orderBy(this.dataAccounts, this.dataAccountSortByField),\r\n total: this.dataAccounts.length\r\n };\r\n\r\n this.dataAccountGridDataResult = process(this.dataAccounts, this.dataAccountState);\r\n }\r\n\r\n onAccountSortChange(sort: SortDescriptor[]): void {\r\n this.dataAccountSortByField = sort;\r\n this.bindAccounts();\r\n }\r\n\r\n public onAccountDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataAccountSelection = [];\r\n this.dataAccountState = state;\r\n this.dataAccountGridDataResult = process(this.dataAccounts, this.dataAccountState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n 'Name',\r\n 'Gender',\r\n 'Phone',\r\n 'Email',\r\n 'BirthDay',\r\n 'PartID'\r\n ];\r\n return columns.indexOf(name);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n \r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n\r\n return false;\r\n }\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n this.InputingFile = true;\r\n this.setSelectableSettings();\r\n this.dataAccounts = [];\r\n let part;\r\n let gender;\r\n let brithDay;\r\n for (let i = 1; i < fileData.length; i++) {\r\n\r\n part = this.appUtils.getObjectByList(this.parts, fileData[i][this.getColumnIndex('PartID')]);\r\n gender = this.appUtils.getObjectByList(this.genders, fileData[i][this.getColumnIndex('Gender')]);\r\n brithDay = this.appUtils.getDate(fileData[i][this.getColumnIndex('BirthDay')]);\r\n\r\n this.dataAccounts.push({\r\n IsAdd: false,\r\n ID: this.guid.empty,\r\n Name: fileData[i][this.getColumnIndex('Name')],\r\n Gender: gender ? gender.ID : null,\r\n GenderName: gender ? gender.Name : '',\r\n Phone: fileData[i][this.getColumnIndex('Phone')],\r\n Email: fileData[i][this.getColumnIndex('Email')],\r\n BirthDay: brithDay ? brithDay.Value : null,\r\n PartID: part ? part.ID : null,\r\n PartName: part ? part.Name : null,\r\n LockFlg: false,\r\n DelFlg: false\r\n });\r\n }\r\n this.bindAccounts();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n const resultRole = await this.appService.doGET('api/Unit', null);\r\n if (resultRole && resultRole.Status === 1) {\r\n this.units = resultRole.Data;\r\n this.unitsFilter = this.units.slice();\r\n }\r\n\r\n const resultGender = await this.appService.doGET('api/Enum/GetEGender', null);\r\n if (resultGender && resultGender.Status === 1) {\r\n this.genders = resultGender.Data;\r\n }\r\n\r\n const resultPart = await this.appService.doGET('api/Part', null);\r\n if (resultPart && resultPart.Status === 1) {\r\n this.parts = resultPart.Data;\r\n this.partsFilter = this.parts.slice();\r\n }\r\n }\r\n\r\n onSearch() {\r\n this.getAccounts();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.InputingFile = false;\r\n this.setSelectableSettingsFile();\r\n this.searchOption.SearchText = '';\r\n this.getAccounts();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearAccount() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewAccount() {\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n onSaveAccount() {\r\n if (this.dataAccountItem.IsAdd) { this.addAccount(); } else { this.updateAccount(); }\r\n }\r\n\r\n async onSaveAccounts() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n for (let i = 0; i < this.dataAccounts.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataAccounts[i]));\r\n }\r\n if (dataRequests.length < 1) {\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n this.appComponent.loading = false;\r\n this.appSwal.showWarning(this.translate.instant('Error_NoItem_Save'), false);\r\n return;\r\n }\r\n const result = await this.appService.doPOST('api/Account/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataAccountItemtemp;\r\n const tempEnLanguage = this.dataAccountItemEnLanguage;\r\n return {\r\n Account: {\r\n IsAdd: temp.IsAdd,\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n Gender: temp.Gender,\r\n Phone: temp.Phone,\r\n Email: temp.Email,\r\n UnitID: temp.UnitID,\r\n LockFlg: temp.LockFlg,\r\n DelFlg: temp.DelFlg,\r\n BirthDay: temp.BirthDay ? this.intl.formatDate(new Date(temp.BirthDay), 'yyyy-MM-ddT00:00:00') : null,\r\n AvatarUrl: temp.AvatarUrl,\r\n CreateAt: temp.CreateAt,\r\n UpdateAt: temp.UpdateAt,\r\n PartID: temp.PartID,\r\n ParentID: temp.ParentID,\r\n Description: temp.Description,\r\n OrderIdx: temp.OrderIdx,\r\n DisplayFlg: temp.DisplayFlg\r\n },\r\n EnLanguage: {\r\n ID: tempEnLanguage.ID,\r\n AccountID: tempEnLanguage.AccountID,\r\n Description: tempEnLanguage.Description,\r\n CreateAt: tempEnLanguage.CreateAt,\r\n CreateBy: tempEnLanguage.CreateBy,\r\n UpdateAt: tempEnLanguage.UpdateAt,\r\n UpdateBy: tempEnLanguage.UpdateBy,\r\n LanguageID: 'en-US'\r\n }\r\n \r\n };\r\n }\r\n\r\n onCloseAccount(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n\r\n onEditAccount() {\r\n this.infoOpened = true;\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.getLanguage();\r\n }\r\n\r\n async addAccount() {\r\n this.appComponent.loading = true;\r\n this.dataAccountItemtemp.AvatarUrl = (this.uploadFlg.image === true && this.imgImageMain && this.imgImageMain.length > 0)\r\n ? this.imgImageMain[0] : null;\r\n\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Account', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewAccount();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.infoOpened = false;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateAccount() {\r\n this.appComponent.loading = true;\r\n this.dataAccountItemtemp.AvatarUrl = (this.uploadFlg.image === true && this.imgImageMain && this.imgImageMain.length > 0)\r\n ? this.imgImageMain[0] : this.dataAccountItemtemp.AvatarUrl;\r\n const id = this.dataAccountItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPUT('api/Account', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.infoOpened = false;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteAccount() {\r\n if (this.dataAccountSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataAccountSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Account/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataAccountSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n async onImageUrlSelectEventHandler(e: SelectEvent, index) {\r\n if (!e.files || e.files.length <= 0) {\r\n return false;\r\n }\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n // tslint:disable-next-line: max-line-length\r\n if (e.files[0].extension !== '.jpg' && e.files[0].extension !== '.png' && e.files[0].extension !== '.gif' && e.files[0].extension !== '.jpeg') {\r\n this.appSwal.showWarning(this.translate.instant('MsgImgOnly'), false);\r\n return false;\r\n }\r\n\r\n this.appComponent.loading = true;\r\n const fileData = await this.file.readImage(e.files[0].rawFile);\r\n const base64 = `${fileData}`;\r\n this.imgImageDefault[index] = this.domSanitizer.bypassSecurityTrustResourceUrl(base64);\r\n this.imgImageDefault.push(this.imageDef);\r\n }\r\n\r\n onImageUrlSuccessEventHandle(e: any, index) {\r\n try {\r\n this.appComponent.loading = false;\r\n this.uploadFlg.image = true;\r\n this.imgImageMain[index] = `${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n } catch {\r\n this.uploadFlg.image = false;\r\n }\r\n }\r\n\r\n onImageUrlRemoveEventHandler(index) {\r\n this.imgImageMain[index] = '';\r\n }\r\n\r\n public onTabSelect(e) {\r\n \r\n }\r\n\r\n async getLanguage(){\r\n var k = 0;\r\n if(this.dataAccountItem.ID != null){\r\n const dataRequest = {\r\n id: this.dataAccountItem.ID\r\n }\r\n const result = await this.appService.doGET('api/Account/GetAccountLanguage', dataRequest);\r\n if (result && result.Status == 1) {\r\n for(let i = 0; i < result.Data.length; i++){\r\n if(result.Data[i].LanguageID == \"en-US\"){\r\n this.dataAccountItemEnLanguage = result.Data[i];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","module.exports = \".bra-name {\\r\\n color: blue;\\r\\n}\\r\\n\\r\\n[_nghost-c0] .k-panelbar>.k-item>.k-link.k-state-selected {\\r\\n background-color: #7c9bb7 !important;\\r\\n}\\r\\n\\r\\n.banner-element,\\r\\n.video-element {\\r\\n display: inline-block;\\r\\n vertical-align: top;\\r\\n}\\r\\n\\r\\n.banner-element {\\r\\n width: 100%;\\r\\n height: 156px;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.banner-element img {\\r\\n width: 100%;\\r\\n height: 156px;\\r\\n}\\r\\n\\r\\n.video-element {\\r\\n width: 100%;\\r\\n height: 206px;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.video-element img {\\r\\n width: 100%;\\r\\n height: 206px;\\r\\n}\\r\\n\\r\\n.image-element {\\r\\n width: 210px;\\r\\n height: 140px;\\r\\n padding: 0;\\r\\n margin-left: 17px;\\r\\n margin-right: 17px;\\r\\n}\\r\\n\\r\\n.image-element img {\\r\\n width: 100px;\\r\\n height: 100px;\\r\\n}\\r\\n\\r\\n.custom-list {\\r\\n width: 40%;\\r\\n display: contents;\\r\\n}\\r\\n\\r\\n.custom-list-status {\\r\\n width: 50%;\\r\\n display: contents;\\r\\n}\\r\\n\\r\\n.custom-list-status input {\\r\\n margin-top: 4px;\\r\\n}\\r\\n\\r\\n.custom-list-child {\\r\\n display: block;\\r\\n margin-left: 20px;\\r\\n}\\r\\n\\r\\n.element-search {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.element-search {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.image-upload-cus {\\r\\n display: contents;\\r\\n width: 100%;\\r\\n height: 100px;\\r\\n}\\r\\n\\r\\nagm-map {\\r\\n height: 506px;\\r\\n}\\r\\n\\r\\n.file-uploaded {\\r\\n color: #006CB7 !important;\\r\\n width: 182px;\\r\\n float: right;\\r\\n margin-top: 36px;\\r\\n}\\r\\n\\r\\n.none {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.group-header {\\r\\n padding-top: 13px;\\r\\n padding-bottom: 13px;\\r\\n border-left: 5px solid #006CB7;\\r\\n padding-left: 14px;\\r\\n font-size: 20px;\\r\\n color: #006CB7;\\r\\n font-weight: 500;\\r\\n background-color: #f5f5f5;\\r\\n /* text-transform: capitalize; */\\r\\n}\\r\\n\\r\\n.dialog-post {\\r\\n z-index: 1000 !important;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9hZC1wcm9jZWR1cmUvYWQtcHJvY2VkdXJlLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxvQ0FBb0M7QUFDeEM7O0FBRUE7O0lBRUkscUJBQXFCO0lBQ3JCLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxhQUFhO0lBQ2IsVUFBVTtBQUNkOztBQUVBO0lBQ0ksV0FBVztJQUNYLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsYUFBYTtJQUNiLFVBQVU7QUFDZDs7QUFFQTtJQUNJLFdBQVc7SUFDWCxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGFBQWE7SUFDYixVQUFVO0lBQ1YsaUJBQWlCO0lBQ2pCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLFlBQVk7SUFDWixhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksVUFBVTtJQUNWLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLFVBQVU7SUFDVixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksY0FBYztJQUNkLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGNBQWM7QUFDbEI7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsV0FBVztJQUNYLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxhQUFhO0FBQ2pCOztBQUVBO0lBQ0kseUJBQXlCO0lBQ3pCLFlBQVk7SUFDWixZQUFZO0lBQ1osZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixvQkFBb0I7SUFDcEIsOEJBQThCO0lBQzlCLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsY0FBYztJQUNkLGdCQUFnQjtJQUNoQix5QkFBeUI7SUFDekIsZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9hZC1wcm9jZWR1cmUvYWQtcHJvY2VkdXJlLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYnJhLW5hbWUge1xyXG4gICAgY29sb3I6IGJsdWU7XHJcbn1cclxuXHJcbltfbmdob3N0LWMwXSAuay1wYW5lbGJhcj4uay1pdGVtPi5rLWxpbmsuay1zdGF0ZS1zZWxlY3RlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjN2M5YmI3ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5iYW5uZXItZWxlbWVudCxcclxuLnZpZGVvLWVsZW1lbnQge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgdmVydGljYWwtYWxpZ246IHRvcDtcclxufVxyXG5cclxuLmJhbm5lci1lbGVtZW50IHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxNTZweDtcclxuICAgIHBhZGRpbmc6IDA7XHJcbn1cclxuXHJcbi5iYW5uZXItZWxlbWVudCBpbWcge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDE1NnB4O1xyXG59XHJcblxyXG4udmlkZW8tZWxlbWVudCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogMjA2cHg7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG59XHJcblxyXG4udmlkZW8tZWxlbWVudCBpbWcge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDIwNnB4O1xyXG59XHJcblxyXG4uaW1hZ2UtZWxlbWVudCB7XHJcbiAgICB3aWR0aDogMjEwcHg7XHJcbiAgICBoZWlnaHQ6IDE0MHB4O1xyXG4gICAgcGFkZGluZzogMDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxN3B4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAxN3B4O1xyXG59XHJcblxyXG4uaW1hZ2UtZWxlbWVudCBpbWcge1xyXG4gICAgd2lkdGg6IDEwMHB4O1xyXG4gICAgaGVpZ2h0OiAxMDBweDtcclxufVxyXG5cclxuLmN1c3RvbS1saXN0IHtcclxuICAgIHdpZHRoOiA0MCU7XHJcbiAgICBkaXNwbGF5OiBjb250ZW50cztcclxufVxyXG5cclxuLmN1c3RvbS1saXN0LXN0YXR1cyB7XHJcbiAgICB3aWR0aDogNTAlO1xyXG4gICAgZGlzcGxheTogY29udGVudHM7XHJcbn1cclxuXHJcbi5jdXN0b20tbGlzdC1zdGF0dXMgaW5wdXQge1xyXG4gICAgbWFyZ2luLXRvcDogNHB4O1xyXG59XHJcblxyXG4uY3VzdG9tLWxpc3QtY2hpbGQge1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBtYXJnaW4tbGVmdDogMjBweDtcclxufVxyXG5cclxuLmVsZW1lbnQtc2VhcmNoIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uZWxlbWVudC1zZWFyY2gge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcbi5pbWFnZS11cGxvYWQtY3VzIHtcclxuICAgIGRpc3BsYXk6IGNvbnRlbnRzO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMHB4O1xyXG59XHJcblxyXG5hZ20tbWFwIHtcclxuICAgIGhlaWdodDogNTA2cHg7XHJcbn1cclxuXHJcbi5maWxlLXVwbG9hZGVkIHtcclxuICAgIGNvbG9yOiAjMDA2Q0I3ICFpbXBvcnRhbnQ7XHJcbiAgICB3aWR0aDogMTgycHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBtYXJnaW4tdG9wOiAzNnB4O1xyXG59XHJcblxyXG4ubm9uZSB7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG59XHJcblxyXG4uZ3JvdXAtaGVhZGVyIHtcclxuICAgIHBhZGRpbmctdG9wOiAxM3B4O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDEzcHg7XHJcbiAgICBib3JkZXItbGVmdDogNXB4IHNvbGlkICMwMDZDQjc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE0cHg7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBjb2xvcjogIzAwNkNCNztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1O1xyXG4gICAgLyogdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7ICovXHJcbn1cclxuXHJcbi5kaWFsb2ctcG9zdCB7XHJcbiAgICB6LWluZGV4OiAxMDAwICFpbXBvcnRhbnQ7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \"","\r\nimport { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\n\r\n@Component({\r\n selector: 'app-ad-procedure',\r\n templateUrl: './ad-procedure.component.html',\r\n styleUrls: ['./ad-procedure.component.css']\r\n})\r\nexport class AdProcedureComponent implements OnInit, OnDestroy {\r\n //codeimage\r\n commentInput = null;\r\n\r\n uploadFlag = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n user: any;\r\n loading = false;\r\n dataAdProcedures = [];\r\n adProceduresFilter = [];\r\n dataAdProcedureSelectableSettings: SelectableSettings;\r\n dataAdProcedureSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataAdProcedureFocus = {\r\n Name: true\r\n };\r\n dataAdProcedureSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n //imagesUploadName = \"\";\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataAdProcedureSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataAdProcedurePageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataAdProcedureSelection: number[] = [];\r\n dataAdProcedureItem: any;\r\n myInterval: any;\r\n isRight100p = false;\r\n pageName: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataAdProcedureState: State = {\r\n skip: this.dataAdProcedureSkip,\r\n take: this.dataAdProcedureSkip + this.dataAdProcedurePageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'TypeName' }]\r\n };\r\n dataAdProcedureGridDataResult: GridDataResult;\r\n\r\n dataTemplateFileUrlsGridDataResult: GridDataResult;\r\n dataTemplateFileUrlsSelectableSettings: SelectableSettings;\r\n dataTemplateFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataTemplateFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataTemplateFileUrlsSelection: number[] = [];\r\n\r\n fieldTypes: Array<{ Name: string, ID: string }>;\r\n fieldTypesFilter: Array<{ Name: string, ID: string }>;\r\n fieldTypesSearch: Array<{ Name: string, ID: string }>;\r\n\r\n templateTypes: Array<{ Name: string, ID: string }> = [];\r\n templateTypesFilter: Array<{ Name: string, ID: string }> = [];\r\n\r\n baseJuridicalTypes: Array<{ Name: string, ID: string }> = [];\r\n baseJuridicalTypesFilter: Array<{ Name: string, ID: string }> = [];\r\n\r\n dataTemplateTypeID = [];\r\n dataBaseJuridicalTypeID = [];\r\n dataAdProcedure = [];\r\n\r\n filesUpload: Array;\r\n dataTemplateFileUrls: any[];\r\n public fileSaveUrl: any;\r\n\r\n placeActives: Array<{ Name: string, ID: number }>;\r\n publicServices: Array<{ Name: string, ID: number }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n allowInsertFile = true;\r\n\r\n searchOption = {\r\n SearchText: '',\r\n FieldTypeID: null,\r\n PlaceActive: -1,\r\n PublicService: -1,\r\n PostalServiceFlg: null\r\n };\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataAdProcedureSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataTemplateFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n\r\n onFieldTypeHandleFilter(value) {\r\n this.fieldTypesFilter = this.fieldTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onFieldTypeSearchHandleFilter(value) {\r\n this.fieldTypesSearch = this.fieldTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onTemplateTypesHandleFilter(value) {\r\n this.templateTypesFilter = this.templateTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onBaseJuridicalTypesHandleFilter(value) {\r\n this.baseJuridicalTypesFilter = this.baseJuridicalTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onAdProceduresHandleFilter(value) {\r\n this.adProceduresFilter = this.dataAdProcedures.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onTypeSearchHandleFilter(value) {\r\n this.onReload();\r\n }\r\n\r\n\r\n onSearchKeyPress(e: any) {\r\n // if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n // this.onSearch();\r\n // }\r\n }\r\n\r\n async getAdProcedures() {\r\n this.loading = true;\r\n const dataRequest = {\r\n SearchText: this.searchOption.SearchText,\r\n FieldTypeID: this.searchOption.FieldTypeID,\r\n PlaceActive: this.searchOption.PlaceActive,\r\n PublicService: this.searchOption.PublicService,\r\n PostalServiceFlg: this.searchOption.PostalServiceFlg\r\n };\r\n\r\n const result = await this.appService.doPOST('api/AdProcedure/Search', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.dataAdProcedures = result.Data;\r\n this.adProceduresFilter = this.dataAdProcedures.slice();\r\n this.bindAdProcedures();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataAdProcedureSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataAdProcedures.find((item) => {\r\n return item.ID === this.dataAdProcedureSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataAdProcedureSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataAdProcedureItem = {\r\n IsAdd: true,\r\n Name: null,\r\n OrderActive: null,\r\n MethodActive: null,\r\n FileInfo: null,\r\n ResolveDate: null,\r\n ObjectActive: null,\r\n PlaceActive: 0,\r\n ResultActive: null,\r\n TemplateTypeID: null,\r\n TemplateFileUrl: null,\r\n Fees: null,\r\n ConditionAtive: null,\r\n BaseJuridicalTypeID: null,\r\n BaseJuridicalFileUrl: null,\r\n AdProcedure: null,\r\n PublicService: null,\r\n PublicServiceLink: null,\r\n FieldTypeID: null,\r\n PostalServiceFlg: null,\r\n CreateAt: new Date(),\r\n UpdateAt: new Date(),\r\n DelFlg: null,\r\n Code: null\r\n };\r\n\r\n this.dataTemplateTypeID = [];\r\n this.dataBaseJuridicalTypeID = [];\r\n this.dataAdProcedure = [];\r\n this.dataAdProcedureSelection = [];\r\n this.filesUpload = [];\r\n this.dataTemplateFileUrls = [];\r\n this.bindTemplateFileUrls();\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n }\r\n\r\n onPostPageChange(event: PageChangeEvent) {\r\n this.dataAdProcedureSkip = event.skip;\r\n this.bindAdProcedures();\r\n }\r\n\r\n async onAdProcedureselectedKeysChange() {\r\n\r\n if (this.dataAdProcedureSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataAdProcedureSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataAdProcedureSelection[0];\r\n const selectedItem = this.dataAdProcedures.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n selectedItem.PublishAt = selectedItem.PublishAt ? new Date(selectedItem.PublishAt) : null;\r\n\r\n this.dataAdProcedureItem = selectedItem;\r\n\r\n const TemplateFileUrl = selectedItem.TemplateFileUrl;\r\n this.dataTemplateFileUrls = [];\r\n if (TemplateFileUrl) {\r\n this.dataTemplateFileUrls.push({\r\n Name: this.getNameByUrl(selectedItem.TemplateFileUrl),\r\n Url: selectedItem.TemplateFileUrl\r\n });\r\n }\r\n this.bindTemplateFileUrls();\r\n\r\n let temp = [];\r\n if (selectedItem.TemplateTypeID) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.templateTypes.length; i++) {\r\n if (selectedItem.TemplateTypeID.indexOf(this.templateTypes[i].ID) >= 0) {\r\n temp.push(this.templateTypes[i]);\r\n }\r\n }\r\n }\r\n this.dataTemplateTypeID = temp;\r\n\r\n temp = [];\r\n if (selectedItem.BaseJuridicalTypeID) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.baseJuridicalTypes.length; i++) {\r\n if (selectedItem.BaseJuridicalTypeID.indexOf(this.baseJuridicalTypes[i].ID) >= 0) {\r\n temp.push(this.templateTypes[i]);\r\n }\r\n }\r\n }\r\n this.dataBaseJuridicalTypeID = temp;\r\n\r\n temp = [];\r\n if (selectedItem.AdProcedure) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataAdProcedures.length; i++) {\r\n if (selectedItem.AdProcedure.indexOf(this.dataAdProcedures[i].ID) >= 0) {\r\n temp.push(this.dataAdProcedures[i]);\r\n }\r\n }\r\n }\r\n this.dataAdProcedure = temp;\r\n\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindAdProcedures() {\r\n this.dataAdProcedureGridDataResult = {\r\n data: orderBy(this.dataAdProcedures, this.dataAdProcedureSortByField),\r\n total: this.dataAdProcedures.length\r\n };\r\n\r\n this.dataAdProcedureGridDataResult = process(this.dataAdProcedures, this.dataAdProcedureState);\r\n }\r\n\r\n bindTemplateFileUrls() {\r\n this.dataTemplateFileUrlsGridDataResult = {\r\n data: this.dataTemplateFileUrls,\r\n total: this.dataTemplateFileUrls.length\r\n };\r\n\r\n this.dataAdProcedureGridDataResult = process(this.dataAdProcedures, this.dataAdProcedureState);\r\n }\r\n\r\n onAdProceduresortChange(sort: SortDescriptor[]): void {\r\n this.dataAdProcedureSortByField = sort;\r\n this.bindAdProcedures();\r\n }\r\n\r\n public onPostDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataAdProcedureSelection = [];\r\n this.dataAdProcedureState = state;\r\n this.dataAdProcedureGridDataResult = process(this.dataAdProcedures, this.dataAdProcedureState);\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n // this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n // this.onReload();\r\n // });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n\r\n // mau don, to khai\r\n const resultTemplateType = await this.appService.doGET('api/AdProcedure/GetTemplateType', null);\r\n if (resultTemplateType && resultTemplateType.Status === 1) {\r\n this.templateTypes = resultTemplateType.Data;\r\n this.templateTypesFilter = this.templateTypes.slice();\r\n }\r\n\r\n // can cu phap ly\r\n const resultBaseJuridicalType = await this.appService.doGET('api/AdProcedure/GetBaseJuridicalType', null);\r\n if (resultBaseJuridicalType && resultBaseJuridicalType.Status === 1) {\r\n this.baseJuridicalTypes = resultBaseJuridicalType.Data;\r\n this.baseJuridicalTypesFilter = this.baseJuridicalTypes.slice();\r\n }\r\n\r\n // linh vuc\r\n const resultFieldType = await this.appService.doGET('api/AdProcedure/GetFieldType', null);\r\n if (resultFieldType && resultFieldType.Status === 1) {\r\n this.fieldTypes = resultFieldType.Data;\r\n this.fieldTypesFilter = this.fieldTypes.slice();\r\n this.fieldTypesSearch = this.fieldTypes.slice();\r\n }\r\n\r\n this.placeActives = [\r\n { Name: 'Tất cả', ID: -1 },\r\n { Name: 'UBND quận', ID: 0 },\r\n { Name: 'UBND phường', ID: 1 }\r\n ];\r\n\r\n this.publicServices = [\r\n { Name: 'Tất cả', ID: -1 },\r\n { Name: 'Mức độ 2', ID: 2 },\r\n { Name: 'Mức độ 3', ID: 3 },\r\n { Name: 'Mức độ 4', ID: 4 }\r\n ];\r\n }\r\n\r\n onSearch() {\r\n this.getAdProcedures();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n //this.searchOption.SearchText = '';\r\n this.getAdProcedures();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearPost() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewPost() {\r\n \r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n async onSavePost() {\r\n if (this.dataAdProcedureItem.IsAdd) { this.addPost(); } else { this.updatePost(); }\r\n }\r\n\r\n async onSaveAdProcedures() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataAdProcedures.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataAdProcedures[i]));\r\n }\r\n const result = await this.appService.doPOST('api/AdProcedure/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataAdProcedureItem;\r\n\r\n let templateFileUrl = '';\r\n if (this.dataTemplateFileUrls.length > 0) {\r\n templateFileUrl = this.dataTemplateFileUrls[0].Url;\r\n }\r\n\r\n const templateTypeIDJSON: any[] = [];\r\n if (this.dataTemplateTypeID.length > 0) {\r\n for (let i = 0; i < this.dataTemplateTypeID.length; i++) {\r\n templateTypeIDJSON.push(this.dataTemplateTypeID[i].ID);\r\n }\r\n }\r\n\r\n const baseJuridicalTypeIDJSON: any[] = [];\r\n if (this.dataBaseJuridicalTypeID.length > 0) {\r\n for (let i = 0; i < this.dataBaseJuridicalTypeID.length; i++) {\r\n baseJuridicalTypeIDJSON.push(this.dataBaseJuridicalTypeID[i].ID);\r\n }\r\n }\r\n\r\n const adProcedureJSON: any[] = [];\r\n if (this.dataAdProcedure.length > 0) {\r\n for (let i = 0; i < this.dataAdProcedure.length; i++) {\r\n adProcedureJSON.push(this.dataAdProcedure[i].ID);\r\n }\r\n }\r\n\r\n //\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n OrderActive: temp.OrderActive,\r\n MethodActive: temp.MethodActive,\r\n FileInfo: temp.FileInfo,\r\n ResolveDate: temp.ResolveDate,\r\n ObjectActive: temp.ObjectActive,\r\n PlaceActive: temp.PlaceActive,\r\n ResultActive: temp.ResultActive,\r\n TemplateTypeID: templateTypeIDJSON.length > 0 ? JSON.stringify(templateTypeIDJSON) : null,\r\n TemplateFileUrl: templateFileUrl,\r\n Fees: temp.Fees,\r\n ConditionAtive: temp.ConditionAtive,\r\n BaseJuridicalTypeID: baseJuridicalTypeIDJSON.length > 0 ? JSON.stringify(baseJuridicalTypeIDJSON) : null,\r\n BaseJuridicalFileUrl: temp.BaseJuridicalFileUrl,\r\n AdProcedure: adProcedureJSON.length > 0 ? JSON.stringify(adProcedureJSON) : null,\r\n PublicService: temp.PublicService,\r\n PublicServiceLink: temp.PublicServiceLink,\r\n FieldTypeID: temp.FieldTypeID,\r\n PostalServiceFlg: temp.PostalServiceFlg,\r\n CreateAt: temp.CreateAt,\r\n UpdateAt: temp.UpdateAt,\r\n DelFlg: temp.DelFlg,\r\n Code: temp.Code\r\n };\r\n }\r\n\r\n onClosePost(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n onEditPost() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n async addPost() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPOST('api/AdProcedure', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updatePost() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataAdProcedureItem.ID;\r\n const dataRequest = this.createDataRequest(this.dataAdProcedureItem);\r\n\r\n const result = await this.appService.doPUT('api/AdProcedure', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeletePost() {\r\n if (this.dataAdProcedureSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataAdProcedureSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/AdProcedure/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewPost();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataAdProcedureSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n getNameByUrl(TemplateFileUrl) {\r\n const nameFile = TemplateFileUrl.replace(/^.*[\\\\\\/]/, '');\r\n\r\n return nameFile;\r\n }\r\n\r\n async onDownloadFile(dataItem: any) {\r\n\r\n const dataRequest = {\r\n url: dataItem.Url\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, dataItem.Name);\r\n }\r\n }\r\n\r\n onDeleteFile(dataItem: any) {\r\n\r\n for (let i = this.dataTemplateFileUrls.length - 1; i >= 0; i--) {\r\n if (this.dataTemplateFileUrls[i].Url === dataItem.Url) {\r\n this.dataTemplateFileUrls.splice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n this.bindTemplateFileUrls();\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataAdProcedures, {}).data\r\n };\r\n\r\n return result;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n\r\n if (!e.files || e.files.length <= 0) {\r\n return;\r\n }\r\n\r\n const extension = e.files[0].extension.toLowerCase();\r\n\r\n this.allowInsertFile = true;\r\n\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n\r\n const maxMB = 30;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.allowInsertFile = false;\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n // this.dataTemplateFileUrls = [];\r\n // this.bindTemplateFileUrls();\r\n }\r\n } catch {\r\n }\r\n\r\n // tslint:disable-next-line: max-line-length\r\n if (!extension || (extension.toLowerCase() !== '.doc' && extension.toLowerCase() !== '.docx' && extension.toLowerCase() !== '.pdf')) {\r\n this.allowInsertFile = false;\r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .doc, .docx, .pdf', false);\r\n // this.dataTemplateFileUrls = [];\r\n // this.bindTemplateFileUrls();\r\n\r\n return false;\r\n }\r\n\r\n\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n\r\n if (!this.allowInsertFile) {\r\n return;\r\n }\r\n try {\r\n this.dataTemplateFileUrls = [];\r\n const k = `${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n this.dataTemplateFileUrls.push({\r\n Name: this.getNameByUrl(k),\r\n Url: k\r\n });\r\n\r\n this.bindTemplateFileUrls();\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n\r\n }\r\n\r\n onFullScreen() {\r\n this.isRight100p = !this.isRight100p;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n}\r\n\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2RhdGEvYXNrLWFuZC1yZXBseS1mZWVkYmFjay9hc2stYW5kLXJlcGx5LWZlZWRiYWNrLmNvbXBvbmVudC5jc3MifQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-ask-and-reply-feedback',\r\n templateUrl: './ask-and-reply-feedback.component.html',\r\n styleUrls: ['./ask-and-reply-feedback.component.css']\r\n})\r\nexport class AskAndReplyFeedbackComponent implements OnInit, OnDestroy {\r\n //codeimage\r\n commentInput = null;\r\n\r\n uploadFlag = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n user: any;\r\n loading = false;\r\n dataComments = [];\r\n dataCommentSelectableSettings: SelectableSettings;\r\n dataCommentSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataCommentFocus = {\r\n Name: true\r\n };\r\n dataCommentSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n //imagesUploadName = \"\";\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataCommentSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataCommentPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataCommentSelection: number[] = [];\r\n dataCommentItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n\r\n postItem: any;\r\n infoOpened = false;\r\n unitOpened = false;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public commentFlg = false;\r\n\r\n public dataCommentState: State = {\r\n skip: this.dataCommentSkip,\r\n take: this.dataCommentSkip + this.dataCommentPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'TypeName' }]\r\n };\r\n dataCommentGridDataResult: GridDataResult;\r\n\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataFileUrlsSelection: number[] = [];\r\n\r\n filesUpload: Array;\r\n dataFileUrls: any[];\r\n public fileSaveUrl: any;\r\n\r\n menuIDs: Array<{ Name: string, ID: number }>;\r\n statuss: Array<{ Name: string, ID: number }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: '',\r\n FromDate: null,\r\n ToDate: null,\r\n MenuID: 0,\r\n Status: 0\r\n };\r\n\r\n units: Array<{ Name: string, ID: string }>;\r\n unitFilters: Array<{ Name: string, ID: string }>;\r\n dataSendItem = {\r\n UnitID: null\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n public appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private activatedRoute: ActivatedRoute,\r\n ) {\r\n\r\n this.activatedRoute.queryParams.subscribe((params: any) => {\r\n if (params && params.menuID) {\r\n this.searchOption.MenuID = params.menuID;\r\n }\r\n this.initDisplay();\r\n });\r\n\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataCommentSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n\r\n onMenuIDSearchHandleFilter(value) {\r\n this.onReload();\r\n }\r\n\r\n\r\n onSearchKeyPress(e: any) {\r\n // if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n // this.onSearch();\r\n // }\r\n }\r\n\r\n async getComments() {\r\n this.loading = true;\r\n const dataRequest = {\r\n SearchText: this.searchOption.SearchText,\r\n FromDate: this.searchOption.FromDate ? this.intl.formatDate(new Date(this.searchOption.FromDate), 'yyyy-MM-ddT00:00:00') : null,\r\n ToDate: this.searchOption.ToDate ? this.intl.formatDate(new Date(this.searchOption.ToDate), 'yyyy-MM-ddT00:00:00') : null,\r\n MenuID: this.searchOption.MenuID,\r\n Status: this.searchOption.Status\r\n };\r\n\r\n const result = await this.appService.doPOST('api/Comment/SearchByReplyUnit', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.dataComments = result.Data;\r\n this.bindComments();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataCommentSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataComments.find((item) => {\r\n return item.ID === this.dataCommentSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataCommentSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n onClickNotify(e: any) {\r\n const menuID = e;\r\n this.searchOption.MenuID = menuID;\r\n this.onReload();\r\n }\r\n\r\n setDefault() {\r\n this.dataCommentItem = {\r\n IsAdd: true,\r\n MenuID: this.searchOption.MenuID,\r\n FullName: null,\r\n Address: null,\r\n Phone: null,\r\n Phone1: null,\r\n Email: null,\r\n Title: null,\r\n PostID: null,\r\n Description: null,\r\n ApprovedFlg: null,\r\n Type: null,\r\n CreateAt: null,\r\n FeedbackContent: null,\r\n FeedbackBy: null,\r\n FeedbackAt: null,\r\n OftenFlg: false,\r\n SendAt: null,\r\n ReplyUnitID: null,\r\n ReplyFlg: null,\r\n ReplyAt: null,\r\n Note: null,\r\n };\r\n this.enabled = true;\r\n this.enabledID = true;\r\n\r\n this.dataSendItem = {\r\n UnitID: null\r\n };\r\n this.dataCommentSelection = [];\r\n this.filesUpload = [];\r\n this.dataFileUrls = [];\r\n this.bindFileUrls();\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n }\r\n\r\n onCommentPageChange(event: PageChangeEvent) {\r\n this.dataCommentSkip = event.skip;\r\n this.bindComments();\r\n }\r\n\r\n async onCommentselectedKeysChange() {\r\n\r\n if (this.dataCommentSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataCommentSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataCommentSelection[0];\r\n const selectedItem = this.dataComments.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n //selectedItem.PublishAt = selectedItem.PublishAt ? new Date(selectedItem.PublishAt) : null;\r\n\r\n this.dataCommentItem = selectedItem;\r\n\r\n // const fileUrl = selectedItem.FileUrl;\r\n // this.dataFileUrls = [];\r\n // if (fileUrl) {\r\n // this.dataFileUrls.push({\r\n // Name: this.getNameByUrl(selectedItem.FileUrl),\r\n // Url: selectedItem.FileUrl\r\n // });\r\n // }\r\n // this.bindFileUrls();\r\n\r\n this.enabled = false;\r\n this.enabledID = false;\r\n\r\n\r\n const dataRequest = {\r\n id: this.dataCommentItem.PostID\r\n };\r\n\r\n this.postItem = null;\r\n // const resultRequestMenu = await this.appService.doGET('api/Post/GetById', dataRequest);\r\n // if (resultRequestMenu && resultRequestMenu.Status === 1) {\r\n // this.postItem = resultRequestMenu.Data;\r\n // }\r\n }\r\n }\r\n\r\n bindComments() {\r\n this.dataCommentGridDataResult = {\r\n data: orderBy(this.dataComments, this.dataCommentSortByField),\r\n total: this.dataComments.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n bindFileUrls() {\r\n this.dataFileUrlsGridDataResult = {\r\n data: this.dataFileUrls,\r\n total: this.dataFileUrls.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n onCommentsortChange(sort: SortDescriptor[]): void {\r\n this.dataCommentSortByField = sort;\r\n this.bindComments();\r\n }\r\n\r\n public onCommentDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataCommentSelection = [];\r\n this.dataCommentState = state;\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n // this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n // this.onReload();\r\n // });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n // binh luan,hoi dap, kien nghi\r\n const resultRequestMenu = await this.appService.doGET('api/Comment/GetRequestMenu', null);\r\n if (resultRequestMenu && resultRequestMenu.Status === 1) {\r\n this.menuIDs = resultRequestMenu.Data;\r\n if (this.menuIDs.length > 0) {\r\n if (!this.searchOption.MenuID) {\r\n this.searchOption.MenuID = this.menuIDs[0].ID;\r\n } else {\r\n this.onReload();\r\n }\r\n }\r\n }\r\n\r\n const resultUnit = await this.appService.doGET('api/Unit', null);\r\n if (resultUnit && resultUnit.Status === 1) {\r\n this.units = resultUnit.Data;\r\n this.unitFilters = this.units.slice();\r\n }\r\n\r\n this.statuss = [\r\n //{ Name: 'Tất cả', ID: -1 },\r\n { Name: 'Chưa trả lời', ID: 0 },\r\n { Name: 'Đã trả lời', ID: 1 }\r\n ];\r\n }\r\n\r\n onSearch() {\r\n this.getComments();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.setDefault();\r\n //this.searchOption.SearchText = '';\r\n this.getComments();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearComment() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewComment() {\r\n\r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n async onSaveComment() {\r\n this.updateComment();\r\n }\r\n\r\n async onSaveComments() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataComments.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataComments[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Comment/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataCommentItem;\r\n\r\n // let fileName = '';\r\n // if (this.dataFileUrls.length > 0) {\r\n // fileName = this.dataFileUrls[0].Url;\r\n // }\r\n\r\n //\r\n return {\r\n ID: temp.ID,\r\n //PublishAt: temp.PublishAt ? this.intl.formatDate(new Date(temp.PublishAt), 'yyyy-MM-ddT00:00:00') : null,\r\n\r\n MenuID: temp.MenuID,\r\n FullName: temp.FullName,\r\n Address: temp.Address,\r\n Phone: temp.Phone,\r\n Phone1: temp.Phone1,\r\n Email: temp.Email,\r\n Title: temp.Title,\r\n PostID: temp.PostID,\r\n Description: temp.Description,\r\n ApprovedFlg: temp.ApprovedFlg,\r\n Type: temp.Type,\r\n CreateAt: temp.CreateAt,\r\n FeedbackContent: temp.FeedbackContent,\r\n FeedbackBy: temp.FeedbackBy,\r\n FeedbackAt: temp.FeedbackAt,\r\n OftenFlg: temp.OftenFlg,\r\n SendAt: temp.SendAt,\r\n ReplyUnitID: temp.ReplyUnitID,\r\n ReplyFlg: true,\r\n ReplyAt: this.intl.formatDate(new Date(), 'yyyy-MM-ddTHH:mm:ss'),\r\n Note: temp.Note\r\n };\r\n }\r\n\r\n onCloseComment(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n\r\n onEditComment() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n\r\n this.infoOpened = true;\r\n }\r\n\r\n async addComment() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPOST('api/Comment', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateComment() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataCommentItem.ID;\r\n const dataRequest = this.createDataRequest(this.dataCommentItem);\r\n\r\n const result = await this.appService.doPUT('api/Comment', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteComment() {\r\n if (this.dataCommentSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataCommentSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Comment/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewComment();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataCommentSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onSend() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataCommentItem.ID;\r\n const dataRequest = this.createDataRequest(this.dataCommentItem);\r\n\r\n const result = await this.appService.doPOST('api/Comment/SendUnit', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.unitOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onOpenSendUnit() {\r\n this.unitOpened = true;\r\n }\r\n\r\n getNameByUrl(fileUrl) {\r\n const nameFile = fileUrl.replace(/^.*[\\\\\\/]/, '');\r\n\r\n return nameFile;\r\n }\r\n\r\n async onDownloadFile(dataItem: any) {\r\n\r\n const dataRequest = {\r\n url: dataItem.Url\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, dataItem.Name);\r\n }\r\n }\r\n\r\n onDeleteFile(dataItem: any) {\r\n\r\n for (let i = this.dataFileUrls.length - 1; i >= 0; i--) {\r\n if (this.dataFileUrls[i].Url === dataItem.Url) {\r\n this.dataFileUrls.slice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n this.bindFileUrls();\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataComments, {}).data\r\n };\r\n\r\n return result;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return false;\r\n }\r\n try {\r\n const fileData = await this.file.readFile(e.files[0].rawFile);\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n try {\r\n this.dataFileUrls = [];\r\n const k = `${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n this.dataFileUrls.push({\r\n Name: this.getNameByUrl(k),\r\n Url: k\r\n });\r\n\r\n this.bindFileUrls();\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n\r\n }\r\n\r\n onUnitsHandleFilter(value) {\r\n this.unitFilters = this.units.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n\r\n onCloseInfo(e) {\r\n this.infoOpened = false;\r\n this.setDefault();\r\n }\r\n\r\n onCloseUnit(e) {\r\n this.unitOpened = false;\r\n this.setDefault();\r\n }\r\n}\r\n\r\n","module.exports = \".group-header {\\r\\n padding-top: 13px;\\r\\n padding-bottom: 13px;\\r\\n border-left: 5px solid #006CB7;\\r\\n padding-left: 14px;\\r\\n font-size: 20px;\\r\\n color: #006CB7;\\r\\n font-weight: 500;\\r\\n background-color: #f5f5f5;\\r\\n /* text-transform: capitalize; */\\r\\n}\\r\\n\\r\\n.xdiv {\\r\\n border: 0.1px solid rgb(184, 184, 184);\\r\\n background-color: white;\\r\\n margin-top: 0px;\\r\\n}\\r\\n\\r\\n.xdivcol11 {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.xdivcol12 {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n height: 46px;\\r\\n}\\r\\n\\r\\n.xdivcol1 {\\r\\n padding-left: 0px;\\r\\n padding-right: 0px;\\r\\n}\\r\\n\\r\\n.link:hover {\\r\\n cursor: pointer;\\r\\n color: #006CB7;\\r\\n}\\r\\n\\r\\n.xbutton {\\r\\n background-color: red;\\r\\n color: white !important;\\r\\n background: red;\\r\\n width: 100%;\\r\\n font-size: 25px !important;\\r\\n}\\r\\n\\r\\n.dialog-post {\\r\\n z-index: 1000 !important;\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 220px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 220px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 278px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9hc2stYW5kLXJlcGx5L2Fzay1hbmQtcmVwbHkuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGlCQUFpQjtJQUNqQixvQkFBb0I7SUFDcEIsOEJBQThCO0lBQzlCLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsY0FBYztJQUNkLGdCQUFnQjtJQUNoQix5QkFBeUI7SUFDekIsZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0ksc0NBQXNDO0lBQ3RDLHVCQUF1QjtJQUN2QixlQUFlO0FBQ25COztBQUVBO0lBQ0ksYUFBYTtJQUNiLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsY0FBYztBQUNsQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQix1QkFBdUI7SUFDdkIsZUFBZTtJQUNmLFdBQVc7SUFDWCwwQkFBMEI7QUFDOUI7O0FBRUE7SUFDSSx3QkFBd0I7QUFDNUI7O0FBRUEsbUJBQW1COztBQUNuQjtJQUNJLGVBQWU7SUFDZixTQUFTO0lBQ1QsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsVUFBVTtBQUNkOztBQUVBO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCOztBQUVBO0lBQ0k7UUFDSSxlQUFlO1FBQ2YsU0FBUztRQUNULGNBQWM7UUFDZCxZQUFZO1FBQ1osVUFBVTtRQUNWLFVBQVU7SUFDZDs7SUFFQTtRQUNJLGVBQWU7UUFDZixVQUFVO1FBQ1YsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkO0FBQ0o7O0FBRUEsbUJBQW1COztBQUVuQjtJQUNJLGVBQWU7SUFDZixVQUFVO0lBQ1YsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsYUFBYTtBQUNqQiIsImZpbGUiOiJzcmMvYXBwL2RhdGEvYXNrLWFuZC1yZXBseS9hc2stYW5kLXJlcGx5LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZ3JvdXAtaGVhZGVyIHtcclxuICAgIHBhZGRpbmctdG9wOiAxM3B4O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDEzcHg7XHJcbiAgICBib3JkZXItbGVmdDogNXB4IHNvbGlkICMwMDZDQjc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE0cHg7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBjb2xvcjogIzAwNkNCNztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1O1xyXG4gICAgLyogdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7ICovXHJcbn1cclxuXHJcbi54ZGl2IHtcclxuICAgIGJvcmRlcjogMC4xcHggc29saWQgcmdiKDE4NCwgMTg0LCAxODQpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHg7XHJcbn1cclxuXHJcbi54ZGl2Y29sMTEge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbn1cclxuXHJcbi54ZGl2Y29sMTIge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDQ2cHg7XHJcbn1cclxuXHJcbi54ZGl2Y29sMSB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDBweDtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcclxufVxyXG5cclxuLmxpbms6aG92ZXIge1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgY29sb3I6ICMwMDZDQjc7XHJcbn1cclxuXHJcbi54YnV0dG9uIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHJlZDtcclxuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZDogcmVkO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBmb250LXNpemU6IDI1cHggIWltcG9ydGFudDtcclxufVxyXG5cclxuLmRpYWxvZy1wb3N0IHtcclxuICAgIHotaW5kZXg6IDEwMDAgIWltcG9ydGFudDtcclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiA3NnB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk4JTtcclxufVxyXG5cclxuLnN0aWNreS10b29sYmFyLWJ0bntcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMjIwcHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTkuNTUlO1xyXG59XHJcblxyXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6NzY4cHgpIHtcclxuICAgIC5zdGlja3ktZ3JvdXAtc2VhcmNoIHtcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiA3NnB4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIHdpZHRoOiA5NCU7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC5zdGlja3ktdG9vbGJhci1idG57XHJcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgICAgIHRvcDogMjIwcHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk5JTtcclxuICAgIH1cclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuc3RpY2t5LWhlYWRlci1ncmlkIC5rLWdyaWQgLmstZ3JpZC1oZWFkZXIge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAyNzhweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5Ny41NSU7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport * as DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';\r\nimport { UploadAdapter } from 'src/app/s/post/post.component';\r\n// import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder';\r\ndeclare var CKEDITOR: any;\r\n\r\n@Component({\r\n selector: 'app-ask-and-reply',\r\n templateUrl: './ask-and-reply.component.html',\r\n styleUrls: ['./ask-and-reply.component.css']\r\n})\r\nexport class AskAndReplyComponent implements OnInit, OnDestroy {\r\n\r\n isSticky = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset >= 140;\r\n }\r\n\r\n //codeimage\r\n commentInput = null;\r\n\r\n uploadFlag = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n user: any;\r\n loading = false;\r\n dataComments = [];\r\n dataCommentSelectableSettings: SelectableSettings;\r\n dataCommentSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataCommentFocus = {\r\n Name: true\r\n };\r\n dataCommentSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n //imagesUploadName = \"\";\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataCommentSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataCommentPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataCommentSelection: number[] = [];\r\n dataCommentItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n\r\n postItem: any;\r\n infoOpened = false;\r\n unitOpened = false;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n public commentArr = [];\r\n public commentFlg = false;\r\n\r\n public dataCommentState: State = {\r\n skip: this.dataCommentSkip,\r\n take: this.dataCommentSkip + this.dataCommentPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'TypeName' }]\r\n };\r\n dataCommentGridDataResult: GridDataResult;\r\n\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataFileUrlsSelection: number[] = [];\r\n\r\n filesUpload: Array;\r\n dataFileUrls: any[];\r\n dataCommentFiles = []\r\n public fileSaveUrl: any;\r\n\r\n menuIDs: Array<{ Name: string, ID: number }>;\r\n statuss: Array<{ Name: string, ID: number }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n\r\n isApproved = true;\r\n isCancleApproved = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: '',\r\n FromDate: null,\r\n ToDate: null,\r\n MenuID: 0,\r\n Status: 0\r\n };\r\n\r\n units: Array<{ Name: string, ID: string }>;\r\n unitFilters: Array<{ Name: string, ID: string }>;\r\n dataSendItem = {\r\n UnitID: null\r\n };\r\n\r\n outerWidth: any;\r\n myRestrictions: FileRestrictions = {\r\n maxFileSize: 1024 * 1024 * 120\r\n };\r\n\r\n public Editor = DecoupledEditor;\r\n\r\n ckeConfig: any;\r\n editorOptions = { theme: 'vs-dark', language: 'javascript' };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n public appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private activatedRoute: ActivatedRoute,\r\n ) {\r\n\r\n this.activatedRoute.queryParams.subscribe((params: any) => {\r\n if (params && params.menuID) {\r\n this.searchOption.MenuID = params.menuID;\r\n }\r\n this.initDisplay();\r\n });\r\n\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n\r\n @HostListener('window:resize', ['$event'])\r\n ngOnInit() {\r\n this.outerWidth = window.outerWidth;\r\n this.ckeConfig = {\r\n allowedContent: true,\r\n extraPlugins: 'divarea',\r\n forcePasteAsPlainText: true\r\n };\r\n }\r\n\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = true;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataCommentSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n\r\n onMenuIDSearchHandleFilter(value) {\r\n this.onReload();\r\n }\r\n\r\n\r\n onSearchKeyPress(e: any) {\r\n // if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n // this.onSearch();\r\n // }\r\n }\r\n\r\n async getComments() {\r\n this.loading = true;\r\n const dataRequest = {\r\n SearchText: this.searchOption.SearchText,\r\n FromDate: this.searchOption.FromDate ? this.intl.formatDate(new Date(this.searchOption.FromDate), 'yyyy-MM-ddT00:00:00') : null,\r\n ToDate: this.searchOption.ToDate ? this.intl.formatDate(new Date(this.searchOption.ToDate), 'yyyy-MM-ddT00:00:00') : null,\r\n MenuID: this.searchOption.MenuID,\r\n Status: this.searchOption.Status\r\n };\r\n\r\n const result = await this.appService.doPOST('api/Comment/SearchData', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.commentArr = [];\r\n result.Data.forEach(item =>{\r\n if (item.FileUrl == null || item.FileUrl == \"\") {\r\n item.FileUrl = [];\r\n }\r\n else {\r\n item.FileUrl = JSON.parse(item.FileUrl);\r\n }\r\n const comment = {\r\n ID: item.ID,\r\n CreateAt: item.CreateAt,\r\n Description: item.Description,\r\n Email: item.Email,\r\n FeedbackAt: item.FeedbackAt,\r\n FeedbackBy: item.FeedbackBy,\r\n FeedbackContent: item.FeedbackContent,\r\n FullName: item.FullName,\r\n MenuID: item.MenuID,\r\n Phone: item.Phone,\r\n SendAt: item.SendAt,\r\n Title: item.Title,\r\n FileUrl: item.FileUrl,\r\n ApprovedFlg: item.ApprovedFlg\r\n }\r\n this.commentArr.push(comment)\r\n })\r\n this.dataComments = this.commentArr;\r\n this.bindComments();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataCommentSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataComments.find((item) => {\r\n return item.ID === this.dataCommentSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataCommentSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n onClickNotify(e: any) {\r\n const menuID = e;\r\n this.searchOption.MenuID = menuID;\r\n this.onReload();\r\n }\r\n\r\n setDefault() {\r\n this.dataCommentItem = {\r\n IsAdd: true,\r\n MenuID: this.searchOption.MenuID,\r\n FullName: null,\r\n Address: null,\r\n Phone: null,\r\n Phone1: null,\r\n Email: null,\r\n Title: null,\r\n PostID: null,\r\n Description: null,\r\n ApprovedFlg: null,\r\n Type: null,\r\n CreateAt: null,\r\n FeedbackContent: null,\r\n FeedbackBy: null,\r\n FeedbackAt: null,\r\n OftenFlg: false,\r\n SendAt: null,\r\n ReplyUnitID: null,\r\n ReplyFlg: null,\r\n ReplyAt: null,\r\n Note: null,\r\n FileUrl: []\r\n };\r\n this.enabled = true;\r\n this.enabledID = true;\r\n\r\n this.dataSendItem = {\r\n UnitID: null\r\n };\r\n this.dataCommentSelection = [];\r\n this.filesUpload = [];\r\n this.dataFileUrls = [];\r\n //this.isApproved = false;\r\n this.bindFileUrls();\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n }\r\n\r\n onCommentPageChange(event: PageChangeEvent) {\r\n this.dataCommentSkip = event.skip;\r\n this.bindComments();\r\n }\r\n\r\n async onCommentselectedKeysChange() {\r\n\r\n if (this.dataCommentSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataCommentSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataCommentSelection[0];\r\n const selectedItem = this.dataComments.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n //selectedItem.PublishAt = selectedItem.PublishAt ? new Date(selectedItem.PublishAt) : null;\r\n\r\n this.dataCommentItem = selectedItem;\r\n\r\n if(this.dataCommentItem.ApprovedFlg == true){\r\n this.isApproved = false;\r\n this.isCancleApproved = true\r\n }\r\n else{\r\n this.isApproved = true;\r\n this.isCancleApproved = false;\r\n }\r\n\r\n // const fileUrl = selectedItem.FileUrl;\r\n // this.dataFileUrls = [];\r\n // if (fileUrl) {\r\n // this.dataFileUrls.push({\r\n // Name: this.getNameByUrl(selectedItem.FileUrl),\r\n // Url: selectedItem.FileUrl\r\n // });\r\n // }\r\n // this.bindFileUrls();\r\n\r\n this.enabled = false;\r\n this.enabledID = false;\r\n\r\n\r\n const dataRequest = {\r\n id: this.dataCommentItem.PostID\r\n };\r\n\r\n this.postItem = null;\r\n // const resultRequestMenu = await this.appService.doGET('api/Post/GetById', dataRequest);\r\n // if (resultRequestMenu && resultRequestMenu.Status === 1) {\r\n // this.postItem = resultRequestMenu.Data;\r\n // }\r\n }\r\n }\r\n\r\n bindComments() {\r\n this.dataCommentGridDataResult = {\r\n data: orderBy(this.dataComments, this.dataCommentSortByField),\r\n total: this.dataComments.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n bindFileUrls() {\r\n this.dataFileUrlsGridDataResult = {\r\n data: this.dataFileUrls,\r\n total: this.dataFileUrls.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n onCommentsortChange(sort: SortDescriptor[]): void {\r\n this.dataCommentSortByField = sort;\r\n this.bindComments();\r\n }\r\n\r\n public onCommentDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataCommentSelection = [];\r\n this.dataCommentState = state;\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n // this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n // this.onReload();\r\n // });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n // binh luan,hoi dap, kien nghi\r\n const resultRequestMenu = await this.appService.doGET('api/Comment/GetRequestMenu', null);\r\n if (resultRequestMenu && resultRequestMenu.Status === 1) {\r\n this.menuIDs = resultRequestMenu.Data;\r\n if (this.menuIDs.length > 0) {\r\n if (!this.searchOption.MenuID) {\r\n\r\n this.searchOption.MenuID = this.menuIDs[0].ID;\r\n }\r\n this.onReload();\r\n }\r\n }\r\n\r\n const resultUnit = await this.appService.doGET('api/Unit', null);\r\n if (resultUnit && resultUnit.Status === 1) {\r\n this.units = resultUnit.Data;\r\n this.unitFilters = this.units.slice();\r\n }\r\n\r\n this.statuss = [\r\n //{ Name: 'Tất cả', ID: -1 },\r\n { Name: 'Chưa xử lý', ID: 0 },\r\n { Name: 'Đã duyệt', ID: 1 },\r\n // { Name: 'Đã gửi', ID: 2 },\r\n // { Name: 'Đã trả lời', ID: 3 },\r\n ];\r\n }\r\n\r\n onSearch() {\r\n this.getComments();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.setDefault();\r\n //this.searchOption.SearchText = '';\r\n this.getComments();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearComment() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewComment() {\r\n\r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n async onSaveComment() {\r\n if (this.dataCommentItem.IsAdd) { this.addComment(); } else { this.updateComment(); }\r\n }\r\n\r\n async onSaveComments() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataComments.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataComments[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Comment/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataCommentItem;\r\n\r\n // let fileName = '';\r\n // if (this.dataFileUrls.length > 0) {\r\n // fileName = this.dataFileUrls[0].Url;\r\n // }\r\n\r\n //\r\n\r\n var files: any[] = [];\r\n if (this.dataCommentItem.FileUrl) {\r\n for (let i = 0; i < this.dataCommentItem.FileUrl.length; i++) {\r\n files.push(this.dataCommentItem.FileUrl[i]);\r\n }\r\n }\r\n return {\r\n ID: temp.ID,\r\n //PublishAt: temp.PublishAt ? this.intl.formatDate(new Date(temp.PublishAt), 'yyyy-MM-ddT00:00:00') : null,\r\n\r\n MenuID: temp.MenuID,\r\n FullName: temp.FullName,\r\n Address: temp.Address,\r\n Phone: temp.Phone,\r\n Phone1: temp.Phone1,\r\n Email: temp.Email,\r\n Title: temp.Title,\r\n PostID: temp.PostID,\r\n Description: temp.Description,\r\n ApprovedFlg: temp.ApprovedFlg,\r\n Type: temp.Type,\r\n CreateAt: temp.CreateAt,\r\n FeedbackContent: temp.FeedbackContent,\r\n FeedbackBy: temp.FeedbackBy,\r\n FeedbackAt: temp.FeedbackAt,\r\n OftenFlg: temp.OftenFlg,\r\n SendAt: temp.SendAt,\r\n ReplyUnitID: temp.ReplyUnitID,\r\n ReplyFlg: temp.ReplyFlg,\r\n ReplyAt: temp.ReplyAt,\r\n Note: temp.Note,\r\n IsAdd: temp.IsAdd,\r\n FileUrl: JSON.stringify(files),\r\n };\r\n }\r\n\r\n onCloseComment(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n\r\n onEditComment() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n async addComment() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPOST('api/Comment', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateComment() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataCommentItem.ID;\r\n const dataRequest = this.createDataRequest(this.dataCommentItem);\r\n\r\n const result = await this.appService.doPUT('api/Comment', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteComment() {\r\n if (this.dataCommentSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataCommentSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Comment/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewComment();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataCommentSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onSend() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataCommentItem.ID;\r\n const dataRequest = this.createDataRequest(this.dataCommentItem);\r\n const result = await this.appService.doPOST('api/Comment/SendUnit', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.unitOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onSendReply() {\r\n const dataRequest = {\r\n id: this.dataCommentItem.ID\r\n };\r\n if (this.dataCommentItem.FeedbackContent == '' ||\r\n this.dataCommentItem.FeedbackContent === null ||\r\n this.dataCommentItem.FeedbackContent.match(/^ *$/)) {\r\n this.appSwal.showWarning(\"Bạn chưa trả lời câu hỏi này\", false);\r\n }\r\n else {\r\n const option = await this.appSwal.showWarning('Bạn có chắc chắn muốn duyệt câu hỏi này không?', true);\r\n if (option) {\r\n const result = await this.appService.doGET('api/Comment/Send', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n }\r\n }\r\n\r\n async onSendReplyCancle() {\r\n const dataRequest = {\r\n id: this.dataCommentItem.ID\r\n };\r\n if (this.dataCommentItem.FeedbackContent == '' ||\r\n this.dataCommentItem.FeedbackContent === null ||\r\n this.dataCommentItem.FeedbackContent.match(/^ *$/)) {\r\n this.appSwal.showWarning(\"Bạn chưa trả lời câu hỏi này\", false);\r\n }\r\n else {\r\n const option = await this.appSwal.showWarning('Bạn có chắc chắn muốn hủy duyệt câu hỏi này không?', true);\r\n if (option) {\r\n const result = await this.appService.doGET('api/Comment/SendCancle', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n }\r\n }\r\n\r\n async onOpenSendUnit() {\r\n this.unitOpened = true;\r\n }\r\n\r\n getNameByUrl(fileUrl) {\r\n const nameFile = fileUrl.replace(/^.*[\\\\\\/]/, '');\r\n\r\n return nameFile;\r\n }\r\n\r\n onDeleteFile(dataItem: any) {\r\n\r\n for (let i = this.dataFileUrls.length - 1; i >= 0; i--) {\r\n if (this.dataFileUrls[i].Url === dataItem.Url) {\r\n this.dataFileUrls.slice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n this.bindFileUrls();\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataComments, {}).data\r\n };\r\n\r\n return result;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return false;\r\n }\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n \r\n try {\r\n const fileData = await this.file.readFile(e.files[0].rawFile);\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n try {\r\n if(e != null && e.response.body != null) {\r\n if(e.response.body.Status != 0) {\r\n if (this.dataCommentItem.FileUrl == undefined) {\r\n this.dataCommentItem.FileUrl = [];\r\n }\r\n this.dataCommentItem.FileUrl.push(`${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`);\r\n } else {\r\n this.appSwal.showError(e.response.body.Msg);\r\n }\r\n } \r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n\r\n this.dataCommentItem.FileUrl = [];\r\n this.filesUpload = [];\r\n }\r\n\r\n onUnitsHandleFilter(value) {\r\n this.unitFilters = this.units.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n\r\n onCloseInfo(e) {\r\n this.infoOpened = false;\r\n this.setDefault();\r\n }\r\n\r\n onCloseUnit(e) {\r\n this.unitOpened = false;\r\n this.setDefault();\r\n }\r\n\r\n getFileName(fileUrls) {\r\n var nameFile = \"\";\r\n if (fileUrls != \"\" && fileUrls != null) {\r\n var urlArr = fileUrls.split(\"/\");\r\n if (urlArr.length > 0) {\r\n nameFile = urlArr[urlArr.length - 1];\r\n if (nameFile != \"\" && nameFile != null) {\r\n var indexOfFirst = nameFile.indexOf(\"_\");\r\n nameFile = nameFile.substring(indexOfFirst + 1);\r\n }\r\n }\r\n }\r\n return nameFile;\r\n }\r\n\r\n async onDownloadFile(file: any) {\r\n\r\n const dataRequest = {\r\n url: file\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, this.getFileName(file));\r\n }\r\n }\r\n\r\n onDotsString(string){\r\n if(string){\r\n var width = this.outerWidth;\r\n var txtLength = 75;\r\n if(string.length > 75 && width >= 768){\r\n var orgString = string;\r\n if(orgString.indexOf(\" \", txtLength) == -1 || orgString.indexOf(\" \", txtLength) - txtLength > 10){\r\n txtLength = orgString.lastIndexOf(\" \", txtLength);\r\n }\r\n if(string == string.toUpperCase()){\r\n txtLength = txtLength - 15;\r\n }\r\n var newString = orgString.slice(0,orgString.indexOf(\" \", txtLength)) + \"...\";\r\n return newString;\r\n } else{\r\n return string;\r\n }\r\n }\r\n }\r\n\r\n onRemoveFile(file){\r\n var isExistedInFile = this.dataCommentItem.FileUrl.findIndex(x => x == file);\r\n if (isExistedInFile != -1) {\r\n this.dataCommentItem.FileUrl.splice(isExistedInFile, 1);\r\n }\r\n }\r\n\r\n onReady(eventData) {\r\n eventData.plugins.get('FileRepository').createUploadAdapter = function (loader) {\r\n return new UploadAdapter(loader);\r\n };\r\n eventData.ui.getEditableElement().parentElement.insertBefore(\r\n eventData.ui.view.toolbar.element,\r\n eventData.ui.getEditableElement()\r\n );\r\n }\r\n public ckeditorContent: string = \"\";\r\n\r\n getData() {\r\n console.log(CKEDITOR.instances.content.getData());\r\n }\r\n}\r\n\r\n","module.exports = \".bra-name {\\r\\n color: blue;\\r\\n}\\r\\n\\r\\n[_nghost-c0] .k-panelbar>.k-item>.k-link.k-state-selected {\\r\\n background-color: #7c9bb7 !important;\\r\\n}\\r\\n\\r\\n.banner-element,\\r\\n.video-element {\\r\\n display: inline-block;\\r\\n vertical-align: top;\\r\\n}\\r\\n\\r\\n.banner-element {\\r\\n width: 100%;\\r\\n height: 156px;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.banner-element img {\\r\\n width: 100%;\\r\\n height: 156px;\\r\\n}\\r\\n\\r\\n.video-element {\\r\\n width: 100%;\\r\\n height: 206px;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.video-element img {\\r\\n width: 100%;\\r\\n height: 206px;\\r\\n}\\r\\n\\r\\n.image-element {\\r\\n width: 210px;\\r\\n height: 140px;\\r\\n padding: 0;\\r\\n margin-left: 17px;\\r\\n margin-right: 17px;\\r\\n}\\r\\n\\r\\n.image-element img {\\r\\n width: 100px;\\r\\n height: 100px;\\r\\n}\\r\\n\\r\\n.custom-list {\\r\\n width: 40%;\\r\\n display: contents;\\r\\n}\\r\\n\\r\\n.custom-list-status {\\r\\n width: 50%;\\r\\n display: contents;\\r\\n}\\r\\n\\r\\n.custom-list-status input {\\r\\n margin-top: 4px;\\r\\n}\\r\\n\\r\\n.custom-list-child {\\r\\n display: block;\\r\\n margin-left: 20px;\\r\\n}\\r\\n\\r\\n.element-search {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.element-search {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.image-upload-cus {\\r\\n display: contents;\\r\\n width: 100%;\\r\\n height: 100px;\\r\\n}\\r\\n\\r\\nagm-map {\\r\\n height: 506px;\\r\\n}\\r\\n\\r\\n.file-uploaded {\\r\\n color: #006CB7 !important;\\r\\n width: 182px;\\r\\n float: right;\\r\\n margin-top: 36px;\\r\\n}\\r\\n\\r\\n.title {\\r\\n font-size: 28px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.img-banner {\\r\\n width: 100%;\\r\\n max-height: 500px;\\r\\n}\\r\\n\\r\\n.description {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.group-header {\\r\\n padding-top: 13px;\\r\\n padding-bottom: 13px;\\r\\n border-left: 5px solid #006CB7;\\r\\n padding-left: 14px;\\r\\n font-size: 20px;\\r\\n color: #006CB7;\\r\\n font-weight: 500;\\r\\n background-color: #f5f5f5;\\r\\n /* text-transform: capitalize; */\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9jb21tZW50L2NvbW1lbnQuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLG9DQUFvQztBQUN4Qzs7QUFFQTs7SUFFSSxxQkFBcUI7SUFDckIsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksV0FBVztJQUNYLGFBQWE7SUFDYixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxhQUFhO0lBQ2IsVUFBVTtBQUNkOztBQUVBO0lBQ0ksV0FBVztJQUNYLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osYUFBYTtJQUNiLFVBQVU7SUFDVixpQkFBaUI7SUFDakIsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksVUFBVTtJQUNWLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxjQUFjO0lBQ2QsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixXQUFXO0lBQ1gsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGFBQWE7QUFDakI7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsWUFBWTtJQUNaLFlBQVk7SUFDWixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksV0FBVztJQUNYLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixvQkFBb0I7SUFDcEIsOEJBQThCO0lBQzlCLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsY0FBYztJQUNkLGdCQUFnQjtJQUNoQix5QkFBeUI7SUFDekIsZ0NBQWdDO0FBQ3BDIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9jb21tZW50L2NvbW1lbnQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5icmEtbmFtZSB7XHJcbiAgICBjb2xvcjogYmx1ZTtcclxufVxyXG5cclxuW19uZ2hvc3QtYzBdIC5rLXBhbmVsYmFyPi5rLWl0ZW0+LmstbGluay5rLXN0YXRlLXNlbGVjdGVkIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM3YzliYjcgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmJhbm5lci1lbGVtZW50LFxyXG4udmlkZW8tZWxlbWVudCB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xyXG59XHJcblxyXG4uYmFubmVyLWVsZW1lbnQge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDE1NnB4O1xyXG4gICAgcGFkZGluZzogMDtcclxufVxyXG5cclxuLmJhbm5lci1lbGVtZW50IGltZyB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogMTU2cHg7XHJcbn1cclxuXHJcbi52aWRlby1lbGVtZW50IHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAyMDZweDtcclxuICAgIHBhZGRpbmc6IDA7XHJcbn1cclxuXHJcbi52aWRlby1lbGVtZW50IGltZyB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogMjA2cHg7XHJcbn1cclxuXHJcbi5pbWFnZS1lbGVtZW50IHtcclxuICAgIHdpZHRoOiAyMTBweDtcclxuICAgIGhlaWdodDogMTQwcHg7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE3cHg7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDE3cHg7XHJcbn1cclxuXHJcbi5pbWFnZS1lbGVtZW50IGltZyB7XHJcbiAgICB3aWR0aDogMTAwcHg7XHJcbiAgICBoZWlnaHQ6IDEwMHB4O1xyXG59XHJcblxyXG4uY3VzdG9tLWxpc3Qge1xyXG4gICAgd2lkdGg6IDQwJTtcclxuICAgIGRpc3BsYXk6IGNvbnRlbnRzO1xyXG59XHJcblxyXG4uY3VzdG9tLWxpc3Qtc3RhdHVzIHtcclxuICAgIHdpZHRoOiA1MCU7XHJcbiAgICBkaXNwbGF5OiBjb250ZW50cztcclxufVxyXG5cclxuLmN1c3RvbS1saXN0LXN0YXR1cyBpbnB1dCB7XHJcbiAgICBtYXJnaW4tdG9wOiA0cHg7XHJcbn1cclxuXHJcbi5jdXN0b20tbGlzdC1jaGlsZCB7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIG1hcmdpbi1sZWZ0OiAyMHB4O1xyXG59XHJcblxyXG4uZWxlbWVudC1zZWFyY2gge1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbn1cclxuXHJcbi5lbGVtZW50LXNlYXJjaCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG5cclxuLmltYWdlLXVwbG9hZC1jdXMge1xyXG4gICAgZGlzcGxheTogY29udGVudHM7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogMTAwcHg7XHJcbn1cclxuXHJcbmFnbS1tYXAge1xyXG4gICAgaGVpZ2h0OiA1MDZweDtcclxufVxyXG5cclxuLmZpbGUtdXBsb2FkZWQge1xyXG4gICAgY29sb3I6ICMwMDZDQjcgIWltcG9ydGFudDtcclxuICAgIHdpZHRoOiAxODJweDtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIG1hcmdpbi10b3A6IDM2cHg7XHJcbn1cclxuXHJcbi50aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDI4cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxufVxyXG5cclxuLmltZy1iYW5uZXIge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBtYXgtaGVpZ2h0OiA1MDBweDtcclxufVxyXG5cclxuLmRlc2NyaXB0aW9uIHtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbn1cclxuXHJcbi5ncm91cC1oZWFkZXIge1xyXG4gICAgcGFkZGluZy10b3A6IDEzcHg7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMTNweDtcclxuICAgIGJvcmRlci1sZWZ0OiA1cHggc29saWQgIzAwNkNCNztcclxuICAgIHBhZGRpbmctbGVmdDogMTRweDtcclxuICAgIGZvbnQtc2l6ZTogMjBweDtcclxuICAgIGNvbG9yOiAjMDA2Q0I3O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7XHJcbiAgICAvKiB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTsgKi9cclxufSJdfQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-comment',\r\n templateUrl: './comment.component.html',\r\n styleUrls: ['./comment.component.css']\r\n})\r\nexport class CommentComponent implements OnInit, OnDestroy {\r\n //codeimage\r\n commentInput = null;\r\n\r\n uploadFlag = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n user: any;\r\n loading = false;\r\n dataComments = [];\r\n dataCommentSelectableSettings: SelectableSettings;\r\n dataCommentSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataCommentFocus = {\r\n Name: true\r\n };\r\n dataCommentSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n //imagesUploadName = \"\";\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataCommentSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataCommentPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataCommentSelection: number[] = [];\r\n dataCommentItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n\r\n postItem: any;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public commentFlg = false;\r\n infoOpened = false;\r\n\r\n public dataCommentState: State = {\r\n skip: this.dataCommentSkip,\r\n take: this.dataCommentSkip + this.dataCommentPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'TypeName' }]\r\n };\r\n dataCommentGridDataResult: GridDataResult;\r\n\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataFileUrlsSelection: number[] = [];\r\n\r\n filesUpload: Array;\r\n dataFileUrls: any[];\r\n public fileSaveUrl: any;\r\n\r\n menuIDs: Array<{ Name: string, ID: number }>;\r\n statuss: Array<{ Name: string, ID: number }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: '',\r\n FromDate: null,\r\n ToDate: null,\r\n MenuID: 0,\r\n Status: 0\r\n };\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n public appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n public domSanitizer: DomSanitizer,\r\n private activatedRoute: ActivatedRoute,\r\n ) {\r\n\r\n this.activatedRoute.queryParams.subscribe((params: any) => {\r\n if (params && params.menuID) {\r\n this.searchOption.MenuID = params.menuID;\r\n }\r\n this.initDisplay();\r\n });\r\n\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataCommentSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n\r\n onMenuIDSearchHandleFilter(value) {\r\n this.onReload();\r\n }\r\n\r\n\r\n onSearchKeyPress(e: any) {\r\n // if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n // this.onSearch();\r\n // }\r\n }\r\n\r\n async getComments() {\r\n this.loading = true;\r\n const dataRequest = {\r\n SearchText: this.searchOption.SearchText,\r\n FromDate: this.searchOption.FromDate ? this.intl.formatDate(new Date(this.searchOption.FromDate), 'yyyy-MM-ddT00:00:00') : null,\r\n ToDate: this.searchOption.ToDate ? this.intl.formatDate(new Date(this.searchOption.ToDate), 'yyyy-MM-ddT00:00:00') : null,\r\n MenuID: this.searchOption.MenuID,\r\n Status: this.searchOption.Status\r\n };\r\n\r\n const result = await this.appService.doPOST('api/Comment/Search', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.dataComments = result.Data;\r\n this.bindComments();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataCommentSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataComments.find((item) => {\r\n return item.ID === this.dataCommentSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataCommentSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n onClickNotify(e: any) {\r\n const menuID = e;\r\n this.searchOption.MenuID = menuID;\r\n this.onReload();\r\n }\r\n\r\n setDefault() {\r\n this.dataCommentItem = {\r\n IsAdd: true,\r\n MenuID: this.searchOption.MenuID,\r\n FullName: null,\r\n Address: null,\r\n Phone: null,\r\n Phone1: null,\r\n Email: null,\r\n Title: null,\r\n PostID: null,\r\n Description: null,\r\n ApprovedFlg: null,\r\n Type: null,\r\n CreateAt: null,\r\n FeedbackContent: null,\r\n FeedbackBy: null,\r\n FeedbackAt: null,\r\n OftenFlg: false\r\n };\r\n \r\n this.enabled = true;\r\n this.enabledID = true;\r\n\r\n this.dataCommentSelection = [];\r\n this.filesUpload = [];\r\n this.dataFileUrls = [];\r\n this.bindFileUrls();\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n }\r\n\r\n onCommentPageChange(event: PageChangeEvent) {\r\n this.dataCommentSkip = event.skip;\r\n this.bindComments();\r\n }\r\n\r\n async onCommentselectedKeysChange() {\r\n\r\n if (this.dataCommentSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataCommentSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataCommentSelection[0];\r\n const selectedItem = this.dataComments.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n //selectedItem.PublishAt = selectedItem.PublishAt ? new Date(selectedItem.PublishAt) : null;\r\n\r\n this.dataCommentItem = selectedItem;\r\n\r\n // const fileUrl = selectedItem.FileUrl;\r\n // this.dataFileUrls = [];\r\n // if (fileUrl) {\r\n // this.dataFileUrls.push({\r\n // Name: this.getNameByUrl(selectedItem.FileUrl),\r\n // Url: selectedItem.FileUrl\r\n // });\r\n // }\r\n // this.bindFileUrls();\r\n\r\n this.enabled = false;\r\n this.enabledID = false;\r\n\r\n\r\n const dataRequest = {\r\n id: this.dataCommentItem.PostID\r\n };\r\n\r\n this.postItem = null;\r\n const resultRequestMenu = await this.appService.doGET('api/Post/GetById', dataRequest);\r\n if (resultRequestMenu && resultRequestMenu.Status === 1) {\r\n this.postItem = resultRequestMenu.Data;\r\n }\r\n }\r\n }\r\n\r\n bindComments() {\r\n this.dataCommentGridDataResult = {\r\n data: orderBy(this.dataComments, this.dataCommentSortByField),\r\n total: this.dataComments.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n bindFileUrls() {\r\n this.dataFileUrlsGridDataResult = {\r\n data: this.dataFileUrls,\r\n total: this.dataFileUrls.length\r\n };\r\n\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n onCommentsortChange(sort: SortDescriptor[]): void {\r\n this.dataCommentSortByField = sort;\r\n this.bindComments();\r\n }\r\n\r\n public onCommentDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataCommentSelection = [];\r\n this.dataCommentState = state;\r\n this.dataCommentGridDataResult = process(this.dataComments, this.dataCommentState);\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n // this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n // this.onReload();\r\n // });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n // binh luan,hoi dap, kien nghi\r\n const resultRequestMenu = await this.appService.doGET('api/Comment/GetMenuByComment', null);\r\n if (resultRequestMenu && resultRequestMenu.Status === 1) {\r\n this.menuIDs = resultRequestMenu.Data;\r\n if (this.menuIDs.length > 0) {\r\n if (!this.searchOption.MenuID) {\r\n this.searchOption.MenuID = this.menuIDs[0].ID;\r\n }\r\n this.onReload();\r\n }\r\n }\r\n\r\n this.statuss = [\r\n //{ Name: 'Tất cả', ID: -1 },\r\n { Name: 'Chưa duyệt', ID: 0 },\r\n { Name: 'Đã duyệt', ID: 1 }\r\n ];\r\n }\r\n\r\n onSearch() {\r\n this.getComments();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.setDefault();\r\n //this.searchOption.SearchText = '';\r\n this.getComments();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearComment() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewComment() {\r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n async onSaveComment() {\r\n if (this.dataCommentItem.IsAdd) { this.addComment(); } else { this.updateComment(); }\r\n }\r\n\r\n async onSaveComments() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataComments.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataComments[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Comment/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataCommentItem;\r\n\r\n // let fileName = '';\r\n // if (this.dataFileUrls.length > 0) {\r\n // fileName = this.dataFileUrls[0].Url;\r\n // }\r\n\r\n //\r\n return {\r\n ID: temp.ID,\r\n //PublishAt: temp.PublishAt ? this.intl.formatDate(new Date(temp.PublishAt), 'yyyy-MM-ddT00:00:00') : null,\r\n\r\n MenuID: temp.MenuID,\r\n FullName: temp.FullName,\r\n Address: temp.Address,\r\n Phone: temp.Phone,\r\n Phone1: temp.Phone1,\r\n Email: temp.Email,\r\n Title: temp.Title,\r\n PostID: temp.PostID,\r\n Description: temp.Description,\r\n ApprovedFlg: temp.ApprovedFlg,\r\n Type: temp.Type,\r\n CreateAt: temp.CreateAt,\r\n FeedbackContent: temp.FeedbackContent,\r\n FeedbackBy: temp.FeedbackBy,\r\n FeedbackAt: temp.FeedbackAt,\r\n OftenFlg: temp.OftenFlg,\r\n PortalFlg: true\r\n };\r\n }\r\n\r\n onCloseComment(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n\r\n onEditComment() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n async addComment() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n\r\n const result = await this.appService.doPOST('api/Comment', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewComment();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateComment() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataCommentItem.ID;\r\n const dataRequest = this.createDataRequest(this.dataCommentItem);\r\n\r\n const result = await this.appService.doPUT('api/Comment', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteComment() {\r\n if (this.dataCommentSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataCommentSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Comment/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewComment();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataCommentSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n getNameByUrl(fileUrl) {\r\n const nameFile = fileUrl.replace(/^.*[\\\\\\/]/, '');\r\n\r\n return nameFile;\r\n }\r\n\r\n async onDownloadFile(dataItem: any) {\r\n\r\n const dataRequest = {\r\n url: dataItem.Url\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, dataItem.Name);\r\n }\r\n }\r\n\r\n onDeleteFile(dataItem: any) {\r\n\r\n for (let i = this.dataFileUrls.length - 1; i >= 0; i--) {\r\n if (this.dataFileUrls[i].Url === dataItem.Url) {\r\n this.dataFileUrls.splice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n this.bindFileUrls();\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataComments, {}).data\r\n };\r\n\r\n return result;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return false;\r\n }\r\n try {\r\n const fileData = await this.file.readFile(e.files[0].rawFile);\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n try {\r\n this.dataFileUrls = [];\r\n const k = `${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n this.dataFileUrls.push({\r\n Name: this.getNameByUrl(k),\r\n Url: k\r\n });\r\n\r\n this.bindFileUrls();\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n}\r\n\r\n","module.exports = \"/* sticky toolbar */\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n.sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n/* sticky toolbar */\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 300px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9kYXRhLWRldmljZS1yb29tLW1lZXRpbmcvZGF0YS1kZXZpY2Utcm9vbS1tZWV0aW5nL2RhdGEtZGV2aWNlLXJvb20tbWVldGluZy5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFtQjtBQUNuQjtJQUNJLGVBQWU7SUFDZixTQUFTO0lBQ1QsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsVUFBVTtBQUNkO0FBRUE7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakI7QUFFQTtJQUNJO1FBQ0ksZUFBZTtRQUNmLFNBQVM7UUFDVCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixVQUFVO0lBQ2Q7O0lBRUE7UUFDSSxlQUFlO1FBQ2YsVUFBVTtRQUNWLGNBQWM7UUFDZCxZQUFZO1FBQ1osVUFBVTtRQUNWLFVBQVU7SUFDZDtBQUNKO0FBRUEsbUJBQW1CO0FBR25CO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9kYXRhLWRldmljZS1yb29tLW1lZXRpbmcvZGF0YS1kZXZpY2Utcm9vbS1tZWV0aW5nL2RhdGEtZGV2aWNlLXJvb20tbWVldGluZy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiA3NnB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk4JTtcclxufVxyXG5cclxuLnN0aWNreS10b29sYmFyLWJ0bi11c2Vye1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAxOTNweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OS41NSU7XHJcbn1cclxuXHJcbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDo3NjhweCkge1xyXG4gICAgLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDc2cHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk0JTtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnN0aWNreS10b29sYmFyLWJ0bi11c2Vye1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDE5M3B4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIHdpZHRoOiA5OSU7XHJcbiAgICB9XHJcbn1cclxuXHJcbi8qIHN0aWNreSB0b29sYmFyICovXHJcblxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5zdGlja3ktaGVhZGVyLWdyaWQgLmstZ3JpZCAuay1ncmlkLWhlYWRlciB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDMwMHB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk3LjU1JTtcclxufSJdfQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { saveAs } from '@progress/kendo-file-saver';\r\nimport { Http } from '@angular/http';\r\nimport { KendoButtonService } from '@progress/kendo-angular-buttons/dist/es2015/button/button.service';\r\nimport { DataSource } from '@angular/cdk/table';\r\n\r\n@Component({\r\n selector: 'app-data-device-room-meeting',\r\n templateUrl: './data-device-room-meeting.component.html',\r\n styleUrls: ['./data-device-room-meeting.component.css']\r\n})\r\nexport class DataDeviceRoomMeetingComponent implements OnInit , OnDestroy {\r\n\r\n isStickySearch = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isStickySearch = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataDeviceRoomMeetings = [];\r\n dataDeviceRoomMeetingsTemp = [];\r\n dataDeviceRoomMeetingSelectableSettings: SelectableSettings;\r\n dataDeviceRoomMeetingSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataDeviceRoomMeetingFocus = {\r\n Name: true\r\n };\r\n dataDeviceRoomMeetingSortByField: SortDescriptor[] = [];\r\n\r\n public WORKING_NUM_PAGING_SKIP = 0;\r\n public WORKING_NUM_PAGING_TAKE = 50;\r\n public WORKING_NUM_PAGING_BTN = 5;\r\n\r\n dataDeviceRoomMeetingSkip = this.WORKING_NUM_PAGING_SKIP;\r\n dataDeviceRoomMeetingPageSize = this.WORKING_NUM_PAGING_TAKE;\r\n dataDeviceRoomMeetingSelection: number[] = [];\r\n dataDeviceRoomMeetingItem: any;\r\n dataDeviceRoomMeetingItemtemp: any;\r\n myInterval: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.WORKING_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataDeviceRoomMeetingState: State = {\r\n skip: this.dataDeviceRoomMeetingSkip,\r\n take: this.dataDeviceRoomMeetingSkip + this.dataDeviceRoomMeetingPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n dataDeviceRoomMeetingGridDataResult: GridDataResult;\r\n\r\n DeviceRoomMeetings: Array<{ Name: string, ID: string }>;\r\n DeviceRoomMeetingsFilter: Array<{ Name: string, ID: string }>;\r\n DeviceRoomMeetingfile: Array<{ Name: string, ID: string }>;\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n pageName: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n InputingFile = false;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private http: Http,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n this.getPageName();\r\n }\r\n\r\n DeviceRoomMeetingsHandleFilter(value) {\r\n this.DeviceRoomMeetingsFilter = this.DeviceRoomMeetings.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.allowMulti = !this.allowMulti;\r\n if (this.InputingFile === true) {\r\n this.allowMulti = false;\r\n this.dataDeviceRoomMeetingSelectableSettings = {\r\n enabled: false,\r\n mode: 'single'\r\n };\r\n } else {\r\n this.dataDeviceRoomMeetingSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n }\r\n\r\n setSelectableSettingsFile(): void {\r\n this.dataDeviceRoomMeetingSelectableSettings = {\r\n enabled: true,\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getDeviceRoomMeetings() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/DeviceRoomMeeting/Search', dataRequest);\r\n if (result && result.Status) {\r\n\r\n this.dataDeviceRoomMeetings = result.Data;\r\n this.dataDeviceRoomMeetingsTemp = result.Data;\r\n this.bindDeviceRoomMeetings();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n\r\n checkSelectionID() {\r\n for (let i = this.dataDeviceRoomMeetingSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataDeviceRoomMeetings.find((item) => {\r\n return item.ID === this.dataDeviceRoomMeetingSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataDeviceRoomMeetingSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataDeviceRoomMeetingItem = {\r\n IsAdd: true,\r\n ID: '',\r\n Name: '',\r\n Description: '',\r\n DelFlg: false,\r\n };\r\n this.dataDeviceRoomMeetingItemtemp = Object.assign({}, this.dataDeviceRoomMeetingItem);\r\n\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.dataDeviceRoomMeetingSelection = [];\r\n }\r\n bindtemp(item) {\r\n this.dataDeviceRoomMeetingItemtemp = Object.assign({}, item);\r\n }\r\n\r\n onDeviceRoomMeetingPageChange(event: PageChangeEvent) {\r\n this.dataDeviceRoomMeetingSkip = event.skip;\r\n this.bindDeviceRoomMeetings();\r\n }\r\n\r\n async onDeviceRoomMeetingSelectedKeysChange() {\r\n if (this.dataDeviceRoomMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n if (this.dataDeviceRoomMeetingSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n if (this.dataDeviceRoomMeetings.length > 0 && this.InputingFile === false) {\r\n const selectedID = this.dataDeviceRoomMeetingSelection[0];\r\n const selectedItem = this.dataDeviceRoomMeetings.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.bindtemp(selectedItem);\r\n this.dataDeviceRoomMeetingItem = selectedItem;\r\n \r\n }\r\n }\r\n }\r\n\r\n bindDeviceRoomMeetings() {\r\n this.dataDeviceRoomMeetingGridDataResult = {\r\n data: orderBy(this.dataDeviceRoomMeetings, this.dataDeviceRoomMeetingSortByField),\r\n total: this.dataDeviceRoomMeetings.length\r\n };\r\n\r\n this.dataDeviceRoomMeetingGridDataResult = process(this.dataDeviceRoomMeetings, this.dataDeviceRoomMeetingState);\r\n }\r\n\r\n onDeviceRoomMeetingSortChange(sort: SortDescriptor[]): void {\r\n this.dataDeviceRoomMeetingSortByField = sort;\r\n this.bindDeviceRoomMeetings();\r\n }\r\n\r\n public onDeviceRoomMeetingDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataDeviceRoomMeetingSelection = [];\r\n this.dataDeviceRoomMeetingState = state;\r\n this.dataDeviceRoomMeetingGridDataResult = process(this.dataDeviceRoomMeetings, this.dataDeviceRoomMeetingState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n // 'ID',\r\n 'Name',\r\n 'Description',\r\n 'DelFlg'\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n\r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n\r\n return false;\r\n }\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n this.InputingFile = true;\r\n this.setSelectableSettings();\r\n this.dataDeviceRoomMeetings = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 1; i < fileData.length; i++) {\r\n\r\n let deviceName = fileData[i][this.getColumnIndex('Name')];\r\n let description = fileData[i][this.getColumnIndex('Description')];\r\n if (this.dataDeviceRoomMeetingsTemp.filter(item => item.Name == deviceName).length > 0\r\n\t\t\t\t&& this.dataDeviceRoomMeetingsTemp.filter(item => item.Description == description).length > 0) {\r\n\t\t\t\tthis.appSwal.showError(this.translate.instant('DuplicateDataImport'));\r\n\t\t\t\tthis.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n\t\t\t\treturn\r\n\t\t\t}\r\n \r\n const obj = {\r\n IsAdd: false,\r\n Name: deviceName,\r\n Description: description,\r\n DelFlg: fileData[i][this.getColumnIndex('DelFlg')],\r\n };\r\n\r\n this.dataDeviceRoomMeetings.push(obj);\r\n }\r\n this.bindDeviceRoomMeetings();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n this.getDeviceRoomMeetings();\r\n }\r\n\r\n async initDisplay() {\r\n\r\n }\r\n\r\n onSearch() {\r\n this.getDeviceRoomMeetings();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.InputingFile = false;\r\n this.setSelectableSettingsFile();\r\n this.searchOption.SearchText = '';\r\n this.getDeviceRoomMeetings();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearDeviceRoomMeeting() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n async getDeviceRoomMeeting() {\r\n const result = await this.appService.doGET('api/DeviceRoomMeeting', null);\r\n if (result.Status) {\r\n this.DeviceRoomMeetingfile = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < result.Data.length; i++) {\r\n this.DeviceRoomMeetingfile.push({\r\n ID: result.Data[i].ID,\r\n Name: result.Data[i].Name\r\n });\r\n }\r\n }\r\n }\r\n\r\n async onAddNewDeviceRoomMeeting() {\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.setDefault();\r\n this.infoOpened = true;\r\n const resultDeviceRoomMeeting = await this.appService.doGET('api/DeviceRoomMeeting', null);\r\n if (resultDeviceRoomMeeting && resultDeviceRoomMeeting.Status === 1) {\r\n this.DeviceRoomMeetings = resultDeviceRoomMeeting.Data;\r\n this.DeviceRoomMeetingsFilter = this.DeviceRoomMeetings.slice();\r\n }\r\n }\r\n\r\n onSaveDeviceRoomMeeting() {\r\n if (this.dataDeviceRoomMeetingItem.IsAdd) {\r\n this.addDeviceRoomMeeting();\r\n } else {\r\n this.updateDeviceRoomMeeting();\r\n }\r\n\r\n }\r\n\r\n async onSaveDeviceRoomMeetings() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataDeviceRoomMeetings.length; i++) {\r\n // check duplicate data\r\n let DeviceRoomMeeting = this.dataDeviceRoomMeetings[i];\r\n const dataRequest = {\r\n searchText: DeviceRoomMeeting.Name\r\n };\r\n const resultDeviceRoomMeetingListFromServer = await this.appService.doGET('api/DeviceRoomMeeting/Search', dataRequest);\r\n let isDuplicate = false;\r\n if (resultDeviceRoomMeetingListFromServer && resultDeviceRoomMeetingListFromServer.Data &&\r\n resultDeviceRoomMeetingListFromServer.Data.length > 0) {\r\n resultDeviceRoomMeetingListFromServer.Data.forEach(element => {\r\n if (element.Name == DeviceRoomMeeting.Name) {\r\n isDuplicate = true;\r\n }\r\n });\r\n }\r\n if (isDuplicate == false) {\r\n dataRequests.push(this.createDataRequest(this.dataDeviceRoomMeetings[i]));\r\n }\r\n }\r\n const result = await this.appService.doPOST('api/DeviceRoomMeeting/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n this.infoOpened = false;\r\n \r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataDeviceRoomMeetingItemtemp;\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n Description: temp.Description,\r\n DelFlg: temp.DelFlg,\r\n };\r\n }\r\n\r\n onEditDeviceRoomMeeting() {\r\n this.infoOpened = true;\r\n this.enabled = true;\r\n this.enabledID = false;\r\n }\r\n\r\n async addDeviceRoomMeeting() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/DeviceRoomMeeting', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n \r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateDeviceRoomMeeting() {\r\n this.appComponent.loading = true;\r\n const id = this.dataDeviceRoomMeetingItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPUT('api/DeviceRoomMeeting', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n this.onReload();\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteDeviceRoomMeeting() {\r\n if (this.dataDeviceRoomMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataDeviceRoomMeetingSelection),\r\n FlgRevert: false\r\n };\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/DeviceRoomMeeting/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataDeviceRoomMeetingSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n}\r\n\r\n","module.exports = \"/* sticky toolbar */\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n.sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n/* sticky toolbar */\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 300px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9kYXRhLXJvb20tbWVldGluZy9kYXRhLXJvb20tbWVldGluZy9kYXRhLXJvb20tbWVldGluZy5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFtQjtBQUNuQjtJQUNJLGVBQWU7SUFDZixTQUFTO0lBQ1QsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsVUFBVTtBQUNkO0FBRUE7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakI7QUFFQTtJQUNJO1FBQ0ksZUFBZTtRQUNmLFNBQVM7UUFDVCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixVQUFVO0lBQ2Q7O0lBRUE7UUFDSSxlQUFlO1FBQ2YsVUFBVTtRQUNWLGNBQWM7UUFDZCxZQUFZO1FBQ1osVUFBVTtRQUNWLFVBQVU7SUFDZDtBQUNKO0FBRUEsbUJBQW1CO0FBRW5CO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9kYXRhLXJvb20tbWVldGluZy9kYXRhLXJvb20tbWVldGluZy9kYXRhLXJvb20tbWVldGluZy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiA3NnB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk4JTtcclxufVxyXG5cclxuLnN0aWNreS10b29sYmFyLWJ0bi11c2Vye1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAxOTNweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OS41NSU7XHJcbn1cclxuXHJcbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDo3NjhweCkge1xyXG4gICAgLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDc2cHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk0JTtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnN0aWNreS10b29sYmFyLWJ0bi11c2Vye1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDE5M3B4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIHdpZHRoOiA5OSU7XHJcbiAgICB9XHJcbn1cclxuXHJcbi8qIHN0aWNreSB0b29sYmFyICovXHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnN0aWNreS1oZWFkZXItZ3JpZCAuay1ncmlkIC5rLWdyaWQtaGVhZGVyIHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMzAwcHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTcuNTUlO1xyXG59Il19 */\"","module.exports = \"\\r\\n \\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { saveAs } from '@progress/kendo-file-saver';\r\nimport { Http } from '@angular/http';\r\nimport { KendoButtonService } from '@progress/kendo-angular-buttons/dist/es2015/button/button.service';\r\nimport { DataSource } from '@angular/cdk/table';\r\n\r\n\r\n@Component({\r\n selector: 'app-data-room-meeting',\r\n templateUrl: './data-room-meeting.component.html',\r\n styleUrls: ['./data-room-meeting.component.css']\r\n})\r\nexport class DataRoomMeetingComponent implements OnInit, OnDestroy {\r\n\r\n isStickySearch = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isStickySearch = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataRoomMeetings = [];\r\n dataRoomMeetingsTemp = [];\r\n dataRoomMeetingSelectableSettings: SelectableSettings;\r\n dataRoomMeetingSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataRoomMeetingFocus = {\r\n Name: true\r\n };\r\n dataRoomMeetingSortByField: SortDescriptor[] = [];\r\n\r\n public WORKING_NUM_PAGING_SKIP = 0;\r\n public WORKING_NUM_PAGING_TAKE = 50;\r\n public WORKING_NUM_PAGING_BTN = 5;\r\n\r\n dataRoomMeetingSkip = this.WORKING_NUM_PAGING_SKIP;\r\n dataRoomMeetingPageSize = this.WORKING_NUM_PAGING_TAKE;\r\n dataRoomMeetingSelection: number[] = [];\r\n dataRoomMeetingItem: any;\r\n dataRoomMeetingItemtemp: any;\r\n myInterval: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.WORKING_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataRoomMeetingState: State = {\r\n skip: this.dataRoomMeetingSkip,\r\n take: this.dataRoomMeetingSkip + this.dataRoomMeetingPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n dataRoomMeetingGridDataResult: GridDataResult;\r\n\r\n RoomMeetings: Array<{ Name: string, ID: string }>;\r\n RoomMeetingsFilter: Array<{ Name: string, ID: string }>;\r\n RoomMeetingfile: Array<{ Name: string, ID: string }>;\r\n DeviceRoomMeeting: Array<{ Name: string, ID: string }>;\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n pageName: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n InputingFile = false;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private http: Http,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n this.getPageName();\r\n }\r\n\r\n RoomMeetingsHandleFilter(value) {\r\n this.RoomMeetingsFilter = this.RoomMeetings.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.allowMulti = !this.allowMulti;\r\n if (this.InputingFile === true) {\r\n this.allowMulti = false;\r\n this.dataRoomMeetingSelectableSettings = {\r\n enabled: false,\r\n mode: 'single'\r\n };\r\n } else {\r\n this.dataRoomMeetingSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n }\r\n\r\n setSelectableSettingsFile(): void {\r\n this.dataRoomMeetingSelectableSettings = {\r\n enabled: true,\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getRoomMeetings() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/RoomMeeting/Search', dataRequest);\r\n if (result && result.Status) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < result.Data.length; i++) {\r\n if (result.Data[i].ParentID !== '') {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let j = 0; j < result.Data.length; j++) {\r\n if (result.Data[i].ParentID === result.Data[j].ID) {\r\n result.Data[i].ParentName = result.Data[j].Name\r\n }\r\n }\r\n }\r\n }\r\n\r\n this.dataRoomMeetings = result.Data;\r\n this.dataRoomMeetingsTemp = this.dataRoomMeetings;\r\n this.bindRoomMeetings();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n\r\n this.getRoomMeetingParent();\r\n }\r\n\r\n async getRoomMeetingParent() {\r\n const result = await this.appService.doGET('api/RoomMeeting', null);\r\n if (result && result.Status) {\r\n this.RoomMeetings = result.Data;\r\n this.RoomMeetingsFilter = this.RoomMeetings.slice();\r\n }\r\n }\r\n\r\n checkSelectionID() {\r\n for (let i = this.dataRoomMeetingSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataRoomMeetings.find((item) => {\r\n return item.ID === this.dataRoomMeetingSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataRoomMeetingSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataRoomMeetingItem = {\r\n IsAdd: true,\r\n ID: '',\r\n Name: '',\r\n Address: '',\r\n SeatNumber: 0,\r\n Device: [],\r\n DATA_DEVICEs: [],\r\n DelFlg: false,\r\n };\r\n this.dataRoomMeetingItemtemp = Object.assign({}, this.dataRoomMeetingItem);\r\n\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.dataRoomMeetingSelection = [];\r\n }\r\n bindtemp(item) {\r\n this.dataRoomMeetingItemtemp = Object.assign({}, item);\r\n }\r\n\r\n onRoomMeetingPageChange(event: PageChangeEvent) {\r\n this.dataRoomMeetingSkip = event.skip;\r\n this.bindRoomMeetings();\r\n }\r\n\r\n async onRoomMeetingSelectedKeysChange() {\r\n if (this.dataRoomMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n if (this.dataRoomMeetingSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n if (this.dataRoomMeetings.length > 0 && this.InputingFile === false) {\r\n const selectedID = this.dataRoomMeetingSelection[0];\r\n const selectedItem = this.dataRoomMeetings.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataRoomMeetingItem = selectedItem;\r\n this.bindtemp(this.dataRoomMeetingItem);\r\n }\r\n }\r\n }\r\n\r\n bindRoomMeetings() {\r\n this.dataRoomMeetingGridDataResult = {\r\n data: orderBy(this.dataRoomMeetings, this.dataRoomMeetingSortByField),\r\n total: this.dataRoomMeetings.length\r\n };\r\n\r\n this.dataRoomMeetingGridDataResult = process(this.dataRoomMeetings, this.dataRoomMeetingState);\r\n }\r\n\r\n onRoomMeetingSortChange(sort: SortDescriptor[]): void {\r\n this.dataRoomMeetingSortByField = sort;\r\n this.bindRoomMeetings();\r\n }\r\n\r\n public onRoomMeetingDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataRoomMeetingSelection = [];\r\n this.dataRoomMeetingState = state;\r\n this.dataRoomMeetingGridDataResult = process(this.dataRoomMeetings, this.dataRoomMeetingState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n // 'ID',\r\n 'Name',\r\n 'Address',\r\n 'SeatNumber',\r\n 'DeviceListName',\r\n 'DelFlg'\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n getDeviceIdsFromNames(deviceNameStr) {\r\n\t\tvar deviceIds = []\r\n\t\tif (deviceNameStr === '') {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tvar deviceNames = deviceNameStr.split(';');\r\n\t\tdeviceNames.forEach(name => {\r\n\t\t\tlet deviceId = this.DeviceRoomMeeting.find(item => {\r\n\t\t\t\treturn this.appUtils.compareString(name, item.Name, item.ID);\r\n\t\t\t});\r\n\t\t\tdeviceIds.push(deviceId);\r\n\t\t});\r\n\t\treturn deviceIds;\r\n }\r\n \r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n return false;\r\n }\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n this.InputingFile = true;\r\n this.setSelectableSettings();\r\n this.dataRoomMeetings = [];\r\n const RoomMeetingListTemp = this.RoomMeetings.slice();\r\n\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 1; i < fileData.length; i++) {\r\n let deviceNames = fileData[i][this.getColumnIndex('DeviceListName')];\r\n let address = fileData[i][this.getColumnIndex('Address')];\r\n let name = fileData[i][this.getColumnIndex('Name')];\r\n if (this.dataRoomMeetingsTemp.filter(item => item.Name == name).length > 0\r\n\t\t\t\t&& this.dataRoomMeetingsTemp.filter(item => item.Address == address).length > 0) {\r\n\t\t\t\tthis.appSwal.showError(this.translate.instant('DuplicateDataImport'));\r\n\t\t\t\tthis.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n\t\t\t\treturn\r\n }\r\n var deviceIds = [];\r\n\t\t\tlet deviceItems = [];\r\n\t\t\tif (deviceNames && deviceNames != \"\") {\r\n\t\t\t\tdeviceItems = this.getDeviceIdsFromNames(deviceNames);\r\n\t\t\t\tif (deviceItems) {\r\n\t\t\t\t\tdeviceIds = deviceItems.map(({ ID }) => ID)\r\n\t\t\t\t}\r\n }\r\n \r\n \r\n const obj = {\r\n IsAdd: false,\r\n Address: address,\r\n Name: name,\r\n DeviceListName: fileData[i][this.getColumnIndex('DeviceListName')],\r\n DATA_DEVICEs: deviceItems,\r\n SeatNumber: fileData[i][this.getColumnIndex('SeatNumber')],\r\n DelFlg: fileData[i][this.getColumnIndex('DelFlg')]\r\n };\r\n\r\n this.dataRoomMeetings.push(obj);\r\n }\r\n this.bindRoomMeetings();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n this.getRoomMeetings();\r\n }\r\n\r\n async initDisplay() {\r\n const deviceList = await this.appService.doGET('api/DeviceRoomMeeting', null);\r\n\t\tif (deviceList && deviceList.Status === 1) {\r\n\t\t\tthis.DeviceRoomMeeting = deviceList.Data;\r\n\t\t}\r\n\r\n }\r\n\r\n onSearch() {\r\n this.getRoomMeetings();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.InputingFile = false;\r\n this.setSelectableSettingsFile();\r\n this.searchOption.SearchText = '';\r\n this.getRoomMeetings();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearRoomMeeting() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n async getRoomMeeting() {\r\n const result = await this.appService.doGET('api/RoomMeeting', null);\r\n if (result.Status) {\r\n this.RoomMeetingfile = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < result.Data.length; i++) {\r\n this.RoomMeetingfile.push({\r\n ID: result.Data[i].ID,\r\n Name: result.Data[i].Name\r\n });\r\n }\r\n }\r\n }\r\n\r\n async onAddNewRoomMeeting() {\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.setDefault();\r\n this.infoOpened = true;\r\n const resultRoomMeeting = await this.appService.doGET('api/RoomMeeting', null);\r\n if (resultRoomMeeting && resultRoomMeeting.Status === 1) {\r\n this.RoomMeetings = resultRoomMeeting.Data;\r\n this.RoomMeetingsFilter = this.RoomMeetings.slice();\r\n }\r\n\r\n }\r\n\r\n onSaveRoomMeeting() {\r\n if (this.dataRoomMeetingItem.IsAdd) {\r\n this.addRoomMeeting();\r\n\r\n } else {\r\n this.updateRoomMeeting();\r\n }\r\n\r\n }\r\n\r\n async onSaveRoomMeetings() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n \r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataRoomMeetings.length; i++) {\r\n // check duplicate data\r\n let RoomMeeting = this.dataRoomMeetings[i];\r\n const dataRequest = {\r\n searchText: RoomMeeting.Name\r\n };\r\n const resultRoomMeetingListFromServer = await this.appService.doGET('api/RoomMeeting/Search', dataRequest);\r\n let isDuplicate = false;\r\n if (resultRoomMeetingListFromServer && resultRoomMeetingListFromServer.Data &&\r\n resultRoomMeetingListFromServer.Data.length > 0) {\r\n resultRoomMeetingListFromServer.Data.forEach(element => {\r\n if (element.Name == RoomMeeting.Name) {\r\n isDuplicate = true;\r\n }\r\n });\r\n }\r\n if (isDuplicate == false) {\r\n dataRequests.push(this.createDataRequest(this.dataRoomMeetings[i]));\r\n }\r\n }\r\n const result = await this.appService.doPOST('api/RoomMeeting/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const deviceList = [];\r\n // tslint:disable-next-line: max-line-length\r\n \r\n // if (this.dataRoomMeetingItemtemp.Name == \"\" && this.dataRoomMeetingItemtemp.Device == \"\") {\r\n\t\t// \tthis.dataRoomMeetingItemtemp = data;\r\n\t\t// }\r\n \r\n\t\tif (typeof (this.dataRoomMeetingItemtemp.DATA_DEVICEs) !== 'undefined' && this.dataRoomMeetingItemtemp.DATA_DEVICEs != null && this.dataRoomMeetingItemtemp.DATA_DEVICEs.length > 0) {\r\n\t\t\t// tslint:disable-next-line:prefer-for-of\r\n\t\t\tfor (let i = 0; i < this.dataRoomMeetingItemtemp.DATA_DEVICEs.length; i++) {\r\n\t\t\t\tdeviceList.push(this.dataRoomMeetingItemtemp.DATA_DEVICEs[i].ID);\r\n\t\t\t}\r\n }\r\n const temp = data ? data : this.dataRoomMeetingItemtemp;\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n Address: temp.Address,\r\n Device: JSON.stringify(deviceList) ,\r\n SeatNumber: temp.SeatNumber,\r\n DelFlg: temp.DelFlg,\r\n };\r\n }\r\n\r\n onEditRoomMeeting() {\r\n this.infoOpened = true;\r\n this.enabled = true;\r\n this.enabledID = false;\r\n }\r\n\r\n async addRoomMeeting() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/RoomMeeting', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateRoomMeeting() {\r\n this.appComponent.loading = true;\r\n const id = this.dataRoomMeetingItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPUT('api/RoomMeeting', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n this.onReload();\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteRoomMeeting() {\r\n if (this.dataRoomMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataRoomMeetingSelection),\r\n FlgRevert: false\r\n };\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/RoomMeeting/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataRoomMeetingSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n\r\n}\r\n","module.exports = \"/* sticky toolbar */\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n.sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 199px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 199px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n/* sticky toolbar */\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9kb2N1bWVudC1tZWV0aW5nL2RvY3VtZW50LW1lZXRpbmcuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQkFBbUI7QUFDbkI7SUFDSSxlQUFlO0lBQ2YsU0FBUztJQUNULGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLFVBQVU7QUFDZDtBQUVBO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCO0FBRUE7SUFDSTtRQUNJLGVBQWU7UUFDZixTQUFTO1FBQ1QsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkOztJQUVBO1FBQ0ksZUFBZTtRQUNmLFVBQVU7UUFDVixjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixVQUFVO0lBQ2Q7QUFDSjtBQUVBLG1CQUFtQiIsImZpbGUiOiJzcmMvYXBwL2RhdGEvZG9jdW1lbnQtbWVldGluZy9kb2N1bWVudC1tZWV0aW5nLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBzdGlja3kgdG9vbGJhciAqL1xyXG4uc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDc2cHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTglO1xyXG59XHJcblxyXG4uc3RpY2t5LXRvb2xiYXItYnRue1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAxOTlweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OS41NSU7XHJcbn1cclxuXHJcbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDo3NjhweCkge1xyXG4gICAgLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDc2cHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk0JTtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnN0aWNreS10b29sYmFyLWJ0bntcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiAxOTlweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogOTklO1xyXG4gICAgfVxyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqLyJdfQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { saveAs } from '@progress/kendo-file-saver';\r\nimport { Http } from '@angular/http';\r\nimport { KendoButtonService } from '@progress/kendo-angular-buttons/dist/es2015/button/button.service';\r\nimport { DataSource } from '@angular/cdk/table';\r\n\r\n@Component({\r\n selector: 'app-document-meeting',\r\n templateUrl: './document-meeting.component.html',\r\n styleUrls: ['./document-meeting.component.css']\r\n})\r\nexport class DocumentMeetingComponent implements OnInit {\r\n\r\n isSticky = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataDocumentMeetings = [];\r\n dataDocumentMeetingsTemp = [];\r\n dataDocumentMeetingSelectableSettings: SelectableSettings;\r\n dataDocumentMeetingSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataDocumentMeetingFocus = {\r\n Name: true\r\n };\r\n dataDocumentMeetingSortByField: SortDescriptor[] = [];\r\n\r\n public WORKING_NUM_PAGING_SKIP = 0;\r\n public WORKING_NUM_PAGING_TAKE = 50;\r\n public WORKING_NUM_PAGING_BTN = 5;\r\n\r\n dataDocumentMeetingSkip = this.WORKING_NUM_PAGING_SKIP;\r\n dataDocumentMeetingPageSize = this.WORKING_NUM_PAGING_TAKE;\r\n dataDocumentMeetingSelection: number[] = [];\r\n dataDocumentMeetingItem: any;\r\n dataDocumentMeetingItemtemp: any;\r\n myInterval: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.WORKING_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataDocumentMeetingState: State = {\r\n skip: this.dataDocumentMeetingSkip,\r\n take: this.dataDocumentMeetingSkip + this.dataDocumentMeetingPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n dataDocumentMeetingGridDataResult: GridDataResult;\r\n\r\n DocumentMeetings: Array<{ Name: string, ID: string }>;\r\n DocumentMeetingfile: Array<{ Name: string, ID: string }>;\r\n DeviceDocumentMeeting: Array<{ Name: string, ID: string }>;\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n pageName: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n InputingFile = false;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n filesUpload: Array;\r\n allowInsertFile = true;\r\n filesUploadName = \"\";\r\n public fileSaveUrl: any;\r\n urlDownload = this.appService.apiRoot;\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private http: Http,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.getPageName();\r\n }\r\n\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.allowMulti = !this.allowMulti;\r\n if (this.InputingFile === true) {\r\n this.allowMulti = false;\r\n this.dataDocumentMeetingSelectableSettings = {\r\n enabled: false,\r\n mode: 'single'\r\n };\r\n } else {\r\n this.dataDocumentMeetingSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n }\r\n\r\n setSelectableSettingsFile(): void {\r\n this.dataDocumentMeetingSelectableSettings = {\r\n enabled: true,\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getDocumentMeetings() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/Document/Search', dataRequest);\r\n if (result && result.Status) { \r\n\r\n this.dataDocumentMeetings = result.Data;\r\n this.dataDocumentMeetingsTemp = this.dataDocumentMeetings;\r\n this.bindDocumentMeetings();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n\r\n }\r\n\r\n\r\n checkSelectionID() {\r\n for (let i = this.dataDocumentMeetingSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataDocumentMeetings.find((item) => {\r\n return item.ID === this.dataDocumentMeetingSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataDocumentMeetingSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataDocumentMeetingItem = {\r\n IsAdd: true,\r\n ID: '',\r\n Name: '',\r\n Path: '',\r\n };\r\n this.dataDocumentMeetingItemtemp = Object.assign({}, this.dataDocumentMeetingItem);\r\n\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.filesUpload = [];\r\n this.dataDocumentMeetingSelection = [];\r\n this.filesUploadName = \"\";\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n }\r\n bindtemp(item) {\r\n this.dataDocumentMeetingItemtemp = Object.assign({}, item);\r\n }\r\n\r\n onDocumentMeetingPageChange(event: PageChangeEvent) {\r\n this.dataDocumentMeetingSkip = event.skip;\r\n this.bindDocumentMeetings();\r\n }\r\n\r\n async onDocumentMeetingSelectedKeysChange() {\r\n if (this.dataDocumentMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n if (this.dataDocumentMeetingSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n if (this.dataDocumentMeetings.length > 0 && this.InputingFile === false) {\r\n const selectedID = this.dataDocumentMeetingSelection[0];\r\n const selectedItem = this.dataDocumentMeetings.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataDocumentMeetingItem = selectedItem;\r\n this.bindtemp(this.dataDocumentMeetingItem);\r\n }\r\n }\r\n }\r\n\r\n bindDocumentMeetings() {\r\n this.dataDocumentMeetingGridDataResult = {\r\n data: orderBy(this.dataDocumentMeetings, this.dataDocumentMeetingSortByField),\r\n total: this.dataDocumentMeetings.length\r\n };\r\n\r\n this.dataDocumentMeetingGridDataResult = process(this.dataDocumentMeetings, this.dataDocumentMeetingState);\r\n }\r\n\r\n onDocumentMeetingSortChange(sort: SortDescriptor[]): void {\r\n this.dataDocumentMeetingSortByField = sort;\r\n this.bindDocumentMeetings();\r\n }\r\n\r\n public onDocumentMeetingDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataDocumentMeetingSelection = [];\r\n this.dataDocumentMeetingState = state;\r\n this.dataDocumentMeetingGridDataResult = process(this.dataDocumentMeetings, this.dataDocumentMeetingState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n // 'ID',\r\n 'Name', \r\n 'Path'\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n \r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n return false;\r\n }\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n this.InputingFile = true;\r\n this.setSelectableSettings();\r\n this.dataDocumentMeetings = [];\r\n const DocumentMeetingListTemp = this.DocumentMeetings.slice();\r\n\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 1; i < fileData.length; i++) {\r\n let name = fileData[i][this.getColumnIndex('Name')];\r\n if (this.dataDocumentMeetingsTemp.filter(item => item.Name == name).length > 0) {\r\n\t\t\t\tthis.appSwal.showError(this.translate.instant('DuplicateDataImport'));\r\n\t\t\t\tthis.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n\t\t\t\treturn\r\n }\r\n \r\n const obj = {\r\n IsAdd: false, \r\n Name: name, \r\n Path: fileData[i][this.getColumnIndex('Path')]\r\n };\r\n\r\n this.dataDocumentMeetings.push(obj);\r\n }\r\n this.bindDocumentMeetings();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n this.getDocumentMeetings();\r\n }\r\n\r\n\r\n onSearch() {\r\n this.getDocumentMeetings();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.InputingFile = false;\r\n this.setSelectableSettingsFile();\r\n this.searchOption.SearchText = '';\r\n this.getDocumentMeetings();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearDocumentMeeting() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n async onAddNewDocumentMeeting() {\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.setDefault();\r\n this.infoOpened = true; \r\n }\r\n\r\n onSaveDocumentMeeting() {\r\n if (this.dataDocumentMeetingItem.IsAdd) {\r\n this.addDocumentMeeting();\r\n\r\n } else {\r\n this.updateDocumentMeeting();\r\n }\r\n\r\n }\r\n\r\n async onSaveDocumentMeetings() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n \r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataDocumentMeetings.length; i++) {\r\n // check duplicate data\r\n let DocumentMeeting = this.dataDocumentMeetings[i];\r\n const dataRequest = {\r\n searchText: DocumentMeeting.Name\r\n };\r\n const resultDocumentMeetingListFromServer = await this.appService.doGET('api/Document/Search', dataRequest);\r\n let isDuplicate = false;\r\n if (resultDocumentMeetingListFromServer && resultDocumentMeetingListFromServer.Data &&\r\n resultDocumentMeetingListFromServer.Data.length > 0) {\r\n resultDocumentMeetingListFromServer.Data.forEach(element => {\r\n if (element.Name == DocumentMeeting.Name) {\r\n isDuplicate = true;\r\n }\r\n });\r\n }\r\n if (isDuplicate == false) {\r\n dataRequests.push(this.createDataRequest(this.dataDocumentMeetings[i]));\r\n }\r\n }\r\n const result = await this.appService.doPOST('api/Document/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n \r\n const temp = data ? data : this.dataDocumentMeetingItemtemp;\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n Path: temp.Path\r\n };\r\n }\r\n\r\n onEditDocumentMeeting() {\r\n this.infoOpened = true;\r\n this.enabled = true;\r\n this.enabledID = false;\r\n }\r\n\r\n async addDocumentMeeting() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Document', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateDocumentMeeting() {\r\n this.appComponent.loading = true;\r\n const id = this.dataDocumentMeetingItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPUT('api/Document', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n this.onReload();\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeleteDocumentMeeting() {\r\n if (this.dataDocumentMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataDocumentMeetingSelection),\r\n FlgRevert: false\r\n };\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Document/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataDocumentMeetingSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return;\r\n }\r\n\r\n const extension = e.files[0].extension.toLowerCase();\r\n\r\n this.allowInsertFile = true;\r\n\r\n try {\r\n const fileData = e.files[0];\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.allowInsertFile = false;\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n this.appSwal.showError(e);\r\n return false;\r\n }\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n this.dataDocumentMeetingItemtemp.Path = '';\r\n this.filesUploadName = '';\r\n this.filesUpload = [];\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n if (!this.allowInsertFile) {\r\n return;\r\n }\r\n try {\r\n if(this.dataDocumentMeetingItemtemp.Path == undefined){\r\n this.dataDocumentMeetingItemtemp.Path = '';\r\n }\r\n this.dataDocumentMeetingItemtemp.Path =`${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n this.dataDocumentMeetingItemtemp.Name = this.getFileName(this.dataDocumentMeetingItemtemp.Path);\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n getFileName(fileUrls) {\r\n var nameFile = \"\";\r\n if (fileUrls != \"\" && fileUrls != null) {\r\n var urlArr = fileUrls.split(\"/\");\r\n if (urlArr.length > 0) {\r\n nameFile = urlArr[urlArr.length - 1];\r\n if (nameFile != \"\" && nameFile != null) {\r\n var indexOfFirst = nameFile.indexOf(\"_\");\r\n nameFile = nameFile.substring(indexOfFirst + 1);\r\n }\r\n }\r\n }\r\n return nameFile;\r\n }\r\n onRemoveFile(file){\r\n this.dataDocumentMeetingItemtemp.Path = '';\r\n }\r\n\r\n getUrlDownload(item) { \r\n let url = this.urlDownload.replace(/\\\"/g, \"\") + item;\r\n url = url.replace(/\\\"/g, '')\r\n window.open(url);\r\n }\r\n}\r\n","module.exports = \".bra-name {\\r\\n color: blue;\\r\\n}\\r\\n\\r\\n[_nghost-c0] .k-panelbar>.k-item>.k-link.k-state-selected {\\r\\n background-color: #7c9bb7 !important;\\r\\n}\\r\\n\\r\\n.banner-element,\\r\\n.video-element {\\r\\n display: inline-block;\\r\\n vertical-align: top;\\r\\n}\\r\\n\\r\\n.banner-element {\\r\\n width: 100%;\\r\\n height: 156px;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.banner-element img {\\r\\n width: 100%;\\r\\n height: 156px;\\r\\n}\\r\\n\\r\\n.video-element {\\r\\n width: 100%;\\r\\n height: 206px;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.video-element img {\\r\\n width: 100%;\\r\\n height: 206px;\\r\\n}\\r\\n\\r\\n.image-element {\\r\\n width: 210px;\\r\\n height: 140px;\\r\\n padding: 0;\\r\\n margin-left: 17px;\\r\\n margin-right: 17px;\\r\\n}\\r\\n\\r\\n.image-element img {\\r\\n width: 100px;\\r\\n height: 100px;\\r\\n}\\r\\n\\r\\n.custom-list {\\r\\n width: 40%;\\r\\n display: contents;\\r\\n}\\r\\n\\r\\n.custom-list-status {\\r\\n width: 50%;\\r\\n display: contents;\\r\\n}\\r\\n\\r\\n.custom-list-status input {\\r\\n margin-top: 4px;\\r\\n}\\r\\n\\r\\n.custom-list-child {\\r\\n display: block;\\r\\n margin-left: 20px;\\r\\n}\\r\\n\\r\\n.element-search {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.element-search {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.image-upload-cus {\\r\\n display: contents;\\r\\n width: 100%;\\r\\n height: 100px;\\r\\n}\\r\\n\\r\\nagm-map {\\r\\n height: 506px;\\r\\n}\\r\\n\\r\\n.file-uploaded {\\r\\n color: #006CB7 !important;\\r\\n width: 182px;\\r\\n float: right;\\r\\n margin-top: 36px;\\r\\n}\\r\\n\\r\\n.xdialogchat {\\r\\n width: 90% !important;\\r\\n height: 90% !important;\\r\\n max-width: 800px !important;\\r\\n max-height: 600px !important;\\r\\n}\\r\\n\\r\\n.page {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.title {\\r\\n font-size: 28px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.img-banner {\\r\\n width: 100%;\\r\\n max-height: 500px;\\r\\n}\\r\\n\\r\\n.description {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n/* .cke_contents{\\r\\n height: 750px;\\r\\n}\\r\\n.cke_reset{\\r\\n height: 750px;\\r\\n} */\\r\\n\\r\\n#cke_2_contents {\\r\\n height: 750px;\\r\\n}\\r\\n\\r\\n.portal .group-header {\\r\\n padding-top: 13px;\\r\\n padding-bottom: 13px;\\r\\n}\\r\\n\\r\\n.btnLink {\\r\\n background-color: DodgerBlue;\\r\\n border: none;\\r\\n color: white;\\r\\n /* padding: 12px 16px; */\\r\\n font-size: 16px;\\r\\n cursor: pointer;\\r\\n position: absolute;\\r\\n right: 15px;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.btnLink:hover {\\r\\n background-color: RoyalBlue;\\r\\n}\\r\\n\\r\\n.dialog-post {\\r\\n z-index: 1000 !important;\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 199px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 199px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9tYWlsLWNvbmZpZy9tYWlsLWNvbmZpZy5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksV0FBVztBQUNmOztBQUVBO0lBQ0ksb0NBQW9DO0FBQ3hDOztBQUVBOztJQUVJLHFCQUFxQjtJQUNyQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsYUFBYTtJQUNiLFVBQVU7QUFDZDs7QUFFQTtJQUNJLFdBQVc7SUFDWCxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksV0FBVztJQUNYLGFBQWE7SUFDYixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLFlBQVk7SUFDWixhQUFhO0lBQ2IsVUFBVTtJQUNWLGlCQUFpQjtJQUNqQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osYUFBYTtBQUNqQjs7QUFFQTtJQUNJLFVBQVU7SUFDVixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxVQUFVO0lBQ1YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksZUFBZTtBQUNuQjs7QUFFQTtJQUNJLGNBQWM7SUFDZCxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksV0FBVztBQUNmOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLFdBQVc7SUFDWCxhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixZQUFZO0lBQ1osWUFBWTtJQUNaLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixzQkFBc0I7SUFDdEIsMkJBQTJCO0lBQzNCLDRCQUE0QjtBQUNoQzs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLGVBQWU7SUFDZixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUdBOzs7OztHQUtHOztBQUVIO0lBQ0ksYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixvQkFBb0I7QUFDeEI7O0FBRUE7SUFDSSw0QkFBNEI7SUFDNUIsWUFBWTtJQUNaLFlBQVk7SUFDWix3QkFBd0I7SUFDeEIsZUFBZTtJQUNmLGVBQWU7SUFDZixrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFVBQVU7QUFDZDs7QUFFQTtJQUNJLDJCQUEyQjtBQUMvQjs7QUFFQTtJQUNJLHdCQUF3QjtBQUM1Qjs7QUFFQSxtQkFBbUI7O0FBQ25CO0lBQ0ksZUFBZTtJQUNmLFNBQVM7SUFDVCxjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakI7O0FBRUE7SUFDSTtRQUNJLGVBQWU7UUFDZixTQUFTO1FBQ1QsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkOztJQUVBO1FBQ0ksZUFBZTtRQUNmLFVBQVU7UUFDVixjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixVQUFVO0lBQ2Q7QUFDSjs7QUFFQSxtQkFBbUIiLCJmaWxlIjoic3JjL2FwcC9kYXRhL21haWwtY29uZmlnL21haWwtY29uZmlnLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYnJhLW5hbWUge1xyXG4gICAgY29sb3I6IGJsdWU7XHJcbn1cclxuXHJcbltfbmdob3N0LWMwXSAuay1wYW5lbGJhcj4uay1pdGVtPi5rLWxpbmsuay1zdGF0ZS1zZWxlY3RlZCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjN2M5YmI3ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5iYW5uZXItZWxlbWVudCxcclxuLnZpZGVvLWVsZW1lbnQge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgdmVydGljYWwtYWxpZ246IHRvcDtcclxufVxyXG5cclxuLmJhbm5lci1lbGVtZW50IHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxNTZweDtcclxuICAgIHBhZGRpbmc6IDA7XHJcbn1cclxuXHJcbi5iYW5uZXItZWxlbWVudCBpbWcge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDE1NnB4O1xyXG59XHJcblxyXG4udmlkZW8tZWxlbWVudCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogMjA2cHg7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG59XHJcblxyXG4udmlkZW8tZWxlbWVudCBpbWcge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDIwNnB4O1xyXG59XHJcblxyXG4uaW1hZ2UtZWxlbWVudCB7XHJcbiAgICB3aWR0aDogMjEwcHg7XHJcbiAgICBoZWlnaHQ6IDE0MHB4O1xyXG4gICAgcGFkZGluZzogMDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxN3B4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAxN3B4O1xyXG59XHJcblxyXG4uaW1hZ2UtZWxlbWVudCBpbWcge1xyXG4gICAgd2lkdGg6IDEwMHB4O1xyXG4gICAgaGVpZ2h0OiAxMDBweDtcclxufVxyXG5cclxuLmN1c3RvbS1saXN0IHtcclxuICAgIHdpZHRoOiA0MCU7XHJcbiAgICBkaXNwbGF5OiBjb250ZW50cztcclxufVxyXG5cclxuLmN1c3RvbS1saXN0LXN0YXR1cyB7XHJcbiAgICB3aWR0aDogNTAlO1xyXG4gICAgZGlzcGxheTogY29udGVudHM7XHJcbn1cclxuXHJcbi5jdXN0b20tbGlzdC1zdGF0dXMgaW5wdXQge1xyXG4gICAgbWFyZ2luLXRvcDogNHB4O1xyXG59XHJcblxyXG4uY3VzdG9tLWxpc3QtY2hpbGQge1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBtYXJnaW4tbGVmdDogMjBweDtcclxufVxyXG5cclxuLmVsZW1lbnQtc2VhcmNoIHtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uZWxlbWVudC1zZWFyY2gge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcbi5pbWFnZS11cGxvYWQtY3VzIHtcclxuICAgIGRpc3BsYXk6IGNvbnRlbnRzO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMHB4O1xyXG59XHJcblxyXG5hZ20tbWFwIHtcclxuICAgIGhlaWdodDogNTA2cHg7XHJcbn1cclxuXHJcbi5maWxlLXVwbG9hZGVkIHtcclxuICAgIGNvbG9yOiAjMDA2Q0I3ICFpbXBvcnRhbnQ7XHJcbiAgICB3aWR0aDogMTgycHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbiAgICBtYXJnaW4tdG9wOiAzNnB4O1xyXG59XHJcblxyXG4ueGRpYWxvZ2NoYXQge1xyXG4gICAgd2lkdGg6IDkwJSAhaW1wb3J0YW50O1xyXG4gICAgaGVpZ2h0OiA5MCUgIWltcG9ydGFudDtcclxuICAgIG1heC13aWR0aDogODAwcHggIWltcG9ydGFudDtcclxuICAgIG1heC1oZWlnaHQ6IDYwMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wYWdlIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcblxyXG4udGl0bGUge1xyXG4gICAgZm9udC1zaXplOiAyOHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxuXHJcbi5pbWctYmFubmVyIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgbWF4LWhlaWdodDogNTAwcHg7XHJcbn1cclxuXHJcbi5kZXNjcmlwdGlvbiB7XHJcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG59XHJcblxyXG5cclxuLyogLmNrZV9jb250ZW50c3tcclxuICAgIGhlaWdodDogNzUwcHg7XHJcbn1cclxuLmNrZV9yZXNldHtcclxuICAgIGhlaWdodDogNzUwcHg7XHJcbn0gKi9cclxuXHJcbiNja2VfMl9jb250ZW50cyB7XHJcbiAgICBoZWlnaHQ6IDc1MHB4O1xyXG59XHJcblxyXG4ucG9ydGFsIC5ncm91cC1oZWFkZXIge1xyXG4gICAgcGFkZGluZy10b3A6IDEzcHg7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMTNweDtcclxufVxyXG5cclxuLmJ0bkxpbmsge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogRG9kZ2VyQmx1ZTtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIC8qIHBhZGRpbmc6IDEycHggMTZweDsgKi9cclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHJpZ2h0OiAxNXB4O1xyXG4gICAgei1pbmRleDogMTtcclxufVxyXG5cclxuLmJ0bkxpbms6aG92ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogUm95YWxCbHVlO1xyXG59XHJcblxyXG4uZGlhbG9nLXBvc3Qge1xyXG4gICAgei1pbmRleDogMTAwMCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqL1xyXG4uc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDc2cHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTglO1xyXG59XHJcblxyXG4uc3RpY2t5LXRvb2xiYXItYnRue1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAxOTlweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5OS41NSU7XHJcbn1cclxuXHJcbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDo3NjhweCkge1xyXG4gICAgLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgICAgICB0b3A6IDc2cHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk0JTtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnN0aWNreS10b29sYmFyLWJ0bntcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiAxOTlweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogOTklO1xyXG4gICAgfVxyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqLyJdfQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { ConfigComponent } from 'src/app/ad/config/config.component';\r\nimport * as DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';\r\n// import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder';\r\ndeclare var CKEDITOR: any;\r\n\r\n@Component({\r\n selector: 'app-mail-config',\r\n templateUrl: './mail-config.component.html',\r\n styleUrls: ['./mail-config.component.css']\r\n})\r\nexport class MailConfigComponent implements OnInit {\r\n\r\n isSticky = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset >= 140;\r\n }\r\n\r\n public uploadFlgDefault = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n public Editor = DecoupledEditor;\r\n\r\n uploadFlg = this.uploadFlgDefault;\r\n public websiteDefault = null;\r\n websiteLink = this.websiteDefault;\r\n public bannerDef = '../../assets/images/default-01.png';\r\n public imageDef = '../../assets/images/default-02.png';\r\n public imgSaveUrl: any;\r\n imgImageDefault: any;\r\n imgImageMain: any;\r\n\r\n user: any;\r\n loading = false;\r\n dataPosts = [];\r\n dataPostSelectableSettings: SelectableSettings;\r\n dataPostSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataPostFocus = {\r\n Name: true\r\n };\r\n dataPostSortByField: SortDescriptor[] = [];\r\n\r\n dataLogPostSelectableSettings: SelectableSettings;\r\n logPostOpened = false;\r\n reViewOpened = false;\r\n postTemp = {\r\n MenuName: '',\r\n Title: '',\r\n Description: '',\r\n ImageUrls: ''\r\n };\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataPostSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataPostPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataPostSelection: number[] = [];\r\n dataPostItem: any;\r\n myInterval: any;\r\n infoOpened = false;\r\n isReviewDialog = false;\r\n\r\n public dataPostState: State = {\r\n skip: this.dataPostSkip,\r\n take: this.dataPostSkip + this.dataPostPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n };\r\n\r\n\r\n\r\n dataPostGridDataResult: GridDataResult;\r\n\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataFileUrlsSelection: number[] = [];\r\n\r\n dataLogPostGridDataResult: GridDataResult;\r\n dataLogPosts: any[];\r\n\r\n dataMenuID: any[];\r\n pageName: any;\r\n\r\n menus: Array<{ Name: string, ID: string }>;\r\n menusFilter: Array<{ Name: string, ID: string }>;\r\n menusFilterSearch: Array<{ Name: string, ID: string }>;\r\n filesUpload: Array;\r\n dataFileUrls: any[];\r\n public fileSaveUrl: any;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: '',\r\n PortalId: 14,\r\n MenuID: ''\r\n };\r\n\r\n IDValue: any;\r\n\r\n portalIds: any[];\r\n ckeConfig: any;\r\n editorOptions = { theme: 'vs-dark', language: 'javascript' };\r\n //CKEDITOR: any;\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n public appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.imgSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=image`;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n this.onReload();\r\n this.getIDConfig();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n // if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n\r\n ngOnInit() {\r\n this.ckeConfig = {\r\n allowedContent: true,\r\n extraPlugins: 'divarea',\r\n forcePasteAsPlainText: true\r\n };\r\n }\r\n\r\n async getIDConfig(){\r\n const result = await this.appService.doGET('api/Enum/GetEConfig', null);\r\n if(result || result.Status === 1){\r\n this.IDValue = result.Data;\r\n }\r\n }\r\n\r\n onReady(eventData) {\r\n eventData.plugins.get('FileRepository').createUploadAdapter = function (loader) {\r\n console.log('loader : ', loader)\r\n console.log(btoa(loader.file));\r\n return new UploadAdapter(loader);\r\n };\r\n eventData.ui.getEditableElement().parentElement.insertBefore(\r\n eventData.ui.view.toolbar.element,\r\n eventData.ui.getEditableElement()\r\n );\r\n }\r\n public ckeditorContent: string = \"\";\r\n\r\n getData() {\r\n console.log(CKEDITOR.instances.content.getData());\r\n }\r\n\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataPostSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n\r\n onMenusSearchHandleFilter(value) {\r\n this.menusFilterSearch = this.menus.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getPosts() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/MailConfig/getMail', dataRequest);\r\n\r\n if (result) {\r\n this.dataPosts = result.Data;\r\n this.bindPosts();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n onTabChanged(e) {\r\n if (e.index === 0) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataPostSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataPosts.find((item) => {\r\n return item.ID === this.dataPostSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataPostSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataPostItem = {\r\n IsAdd: true,\r\n Title: null,\r\n Description: null,\r\n CreateAt: new Date(),\r\n UpdateAt: new Date(),\r\n };\r\n this.enabled = true;\r\n this.enabledID = true;\r\n }\r\n\r\n onPostPageChange(event: PageChangeEvent) {\r\n this.dataPostSkip = event.skip;\r\n this.bindPosts();\r\n }\r\n\r\n async onPostSelectedKeysChange() {\r\n\r\n if (this.dataPostSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataPostSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataPostSelection[0];\r\n const selectedItem = this.dataPosts.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataPostItem = selectedItem;\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindPosts() {\r\n this.dataPostGridDataResult = {\r\n data: orderBy(this.dataPosts, this.dataPostSortByField),\r\n total: this.dataPosts.length\r\n };\r\n\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n }\r\n\r\n bindFileUrls() {\r\n this.dataFileUrlsGridDataResult = {\r\n data: this.dataFileUrls,\r\n total: this.dataFileUrls.length\r\n };\r\n\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n }\r\n\r\n bindLogPosts() {\r\n this.dataLogPostGridDataResult = {\r\n data: this.dataLogPosts,\r\n total: this.dataLogPosts.length\r\n };\r\n\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n }\r\n\r\n onPostSortChange(sort: SortDescriptor[]): void {\r\n this.dataPostSortByField = sort;\r\n this.bindPosts();\r\n }\r\n\r\n public onPostDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataPostSelection = [];\r\n this.dataPostState = state;\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.imgImageMain[index] = '',\r\n this.onReload();\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n\r\n onSearch() {\r\n this.getPosts();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.searchOption.SearchText = '';\r\n this.getPosts();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearPost() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewPost() {\r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n async onSavePost() {\r\n //this.addPost();\r\n if (this.dataPostItem.IsAdd) { this.addPost(); } else { this.updatePost(); }\r\n }\r\n\r\n\r\n onCloseReViewPost(e) {\r\n this.reViewOpened = false;\r\n if (this.isReviewDialog) {\r\n this.infoOpened = true;\r\n } else {\r\n this.infoOpened = false;\r\n }\r\n }\r\n\r\n onReviewPost() {\r\n this.reViewOpened = true;\r\n this.infoOpened = false;\r\n this.getPostTemp();\r\n }\r\n\r\n onReviewPostDialog() {\r\n this.reViewOpened = true;\r\n this.infoOpened = false;\r\n this.isReviewDialog = true;\r\n this.getPostTemp();\r\n }\r\n isUploadFromServe = false;\r\n\r\n getPostTemp() {\r\n \r\n this.postTemp.Title = this.dataPostItem.Title;\r\n this.postTemp.Description = this.dataPostItem.Description;\r\n\r\n var content = this.postTemp.Description;\r\n var require = content.indexOf(\"= 0) {\r\n while (content.indexOf(\"= 0) {\r\n var st_Index = content.indexOf(\"\")\r\n var sub1 = content.substring(st_Index, end_Index + \"\".length);\r\n\r\n var st_key = sub1.indexOf(\"?v=\"); var end_key = sub1.indexOf('\">');\r\n var key = sub1.substring(st_key + \"?v=\".length, end_key);\r\n\r\n var replace = '';\r\n\r\n this.postTemp.Description = this.postTemp.Description.replace(sub1, replace);\r\n content = this.postTemp.Description;\r\n }\r\n }\r\n\r\n\r\n if (this.postTemp.ImageUrls.indexOf(\"Multimedia\") >= 0) {\r\n this.isUploadFromServe = true;\r\n }\r\n else {\r\n this.isUploadFromServe = false;\r\n }\r\n\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataPostItem;\r\n\r\n return {\r\n ID: temp.ID,\r\n Value: temp.Value,\r\n Description: temp.Description,\r\n SercurityValue: temp.SercurityValue\r\n };\r\n }\r\n\r\n onClosePost(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n\r\n onEditPost() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n parseToArrayTxt(arrayObject) {\r\n var arrayTxt = \"\";\r\n for (var i = 0; i < arrayObject.length; i++) {\r\n if (arrayObject[i] != \"\" && arrayObject[i] != null && arrayObject[i] != this.imageDef) {\r\n if (arrayTxt == \"\") {\r\n arrayTxt = \"[\" + \"\\\"\" + arrayObject[i] + \"\\\"\";\r\n } else {\r\n arrayTxt = arrayTxt + \",\" + \"\\\"\" + arrayObject[i] + \"\\\"\";\r\n }\r\n }\r\n }\r\n\r\n if (arrayTxt != \"\") {\r\n arrayTxt = arrayTxt + \"]\";\r\n }\r\n\r\n return arrayTxt;\r\n }\r\n\r\n async addPost() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/MailConfig/addMail', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewPost();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updatePost() {\r\n this.appComponent.loading = true;\r\n const id = this.dataPostItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPUT('api/MailConfig/updateMail', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n async onDeletePost() {\r\n if (this.dataPostSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataPostSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Post/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewPost();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataPostSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n getNameByUrl(fileUrl) {\r\n const nameFile = fileUrl.replace(/^.*[\\\\\\/]/, '');\r\n // const lastIdx = fileUrl.lastIndexOf('/');\r\n // if (lastIdx > 0) {\r\n // nameFile = fileUrl.substring(lastIdx + 1);\r\n // }\r\n\r\n return nameFile;\r\n }\r\n\r\n async onDownloadFile(dataItem: any) {\r\n\r\n const dataRequest = {\r\n url: dataItem.Url\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, dataItem.Name);\r\n }\r\n }\r\n\r\n onDeleteFile(dataItem: any) {\r\n\r\n for (let i = this.dataFileUrls.length - 1; i >= 0; i--) {\r\n if (this.dataFileUrls[i].Url === dataItem.Url) {\r\n this.dataFileUrls.splice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n this.bindFileUrls();\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataPosts, {}).data\r\n };\r\n\r\n return result;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return false;\r\n }\r\n try {\r\n const fileData = await this.file.readFile(e.files[0].rawFile);\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n try {\r\n const k = `${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n this.dataFileUrls.push({\r\n Name: this.getNameByUrl(k),\r\n Url: k\r\n });\r\n\r\n this.bindFileUrls();\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n}\r\n\r\nexport class UploadAdapter {\r\n private loader;\r\n constructor(loader: any) {\r\n this.loader = loader;\r\n }\r\n\r\n upload() {\r\n return this.loader.file\r\n .then(file => new Promise((resolve, reject) => {\r\n var myReader = new FileReader();\r\n myReader.onloadend = (e) => {\r\n resolve({ default: myReader.result });\r\n }\r\n myReader.readAsDataURL(file);\r\n }));\r\n };\r\n\r\n}","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2RhdGEvbWFuZGF0ZXMvbWFuZGF0ZXMuY29tcG9uZW50LmNzcyJ9 */\"","module.exports = \";\r\n filesUploadName = \"\";\r\n myRestrictions: FileRestrictions = {\r\n maxFileSize: 1024 * 1024 * 120\r\n };\r\n\r\n fileName = [];\r\n\r\n public Editor = DecoupledEditor;\r\n config = {\r\n toolbar: ['heading',\r\n '|',\r\n 'bold',\r\n 'italic',\r\n 'link',\r\n 'bulletedList',\r\n 'numberedList',\r\n '|',\r\n 'indent',\r\n 'outdent',\r\n '|',\r\n 'insertTable',\r\n 'mediaEmbed',\r\n 'undo',\r\n 'redo']\r\n }\r\n SEND_DATA_WHEN_NOTIFY = '';\r\n\r\n public fileSaveUrl: any;\r\n urlDownload = this.appService.apiRoot;\r\n\r\n currentDay = new Date();\r\n\r\n constructor(private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private formBuilder: FormBuilder,\r\n public wsService: WebSocketService\r\n ) {\r\n \r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.language.default();\r\n this.setDefault();\r\n\r\n this.SEND_DATA_WHEN_NOTIFY = appService.domainAPI + \"api/NotifyWs\";\r\n \r\n }\r\n\r\n ngOnInit() {\r\n this.dataMeetingItemTemp = this.meetingdata;\r\n this.getRoomlist();\r\n this.getUnit();\r\n this.onReload();\r\n this.initDisplay();\r\n }\r\n\r\n async initDisplay() {\r\n const result = await this.appService.doGET('api/User/GetListUser', null);\r\n if (result && result.Status === 1) {\r\n this.admins = result.Data;\r\n this.adminsFilter = this.admins.slice();\r\n this.members = result.Data;\r\n this.membersFilter = this.members.slice();\r\n }\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setDefault() {\r\n if(this.dataMeetingItemTemp == undefined || this.dataMeetingItemTemp.SchedulerAddNewDate == undefined){\r\n this.dataMeetingItemTemp = {\r\n viewOnly: false,\r\n IsAdd: true,\r\n Name: '',\r\n Admin: null,\r\n Address: '',\r\n MeetingDate: null,\r\n StartAt: null,\r\n EndAt: null,\r\n ApproveFlg: false,\r\n FileUrl: [],\r\n Description: '',\r\n CentralContent: ''\r\n };\r\n } else {\r\n this.dataMeetingItemTemp = {\r\n viewOnly: false,\r\n IsAdd: true,\r\n Name: '',\r\n Admin: null,\r\n Address: '',\r\n MeetingDate: this.dataMeetingItemTemp.SchedulerAddNewDate,\r\n StartAt: null,\r\n EndAt: null,\r\n ApproveFlg: false,\r\n FileUrl: [],\r\n Description: '',\r\n SchedulerAddNewDate: this.dataMeetingItemTemp.SchedulerAddNewDate,\r\n CentralContent: ''\r\n };\r\n }\r\n \r\n this.filesUpload = [];\r\n this.filesUploadName = \"\";\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n }\r\n\r\n onReload() {\r\n this.bindMemberList();\r\n this.membersFilter = this.members.slice();\r\n }\r\n\r\n bindMemberList() {\r\n this.members = [];\r\n for (let i = 0; i < this.admins.length; i++) {\r\n this.members.push({\r\n UserName: this.admins[i].UserName,\r\n FullName: this.admins[i].FullName\r\n });\r\n }\r\n }\r\n\r\n changeAdmin(e) {\r\n if (e != undefined) {\r\n if (this.dataMeetingItemTemp.MemberList != undefined) {\r\n for(let i = 0; i < e.length; i++){\r\n var isExistedInMember = this.dataMeetingItemTemp.MemberList.findIndex(x => x.UserName == e[i].UserName);\r\n if (isExistedInMember != -1) {\r\n this.dataMeetingItemTemp.MemberList.splice(isExistedInMember, 1);\r\n }\r\n }\r\n }\r\n this.bindMemberList();\r\n for(let i = 0; i < e.length; i++){\r\n if(this.members.findIndex(x => x.UserName == e[i].UserName) != -1){\r\n this.members.splice(this.members.findIndex(x => x.UserName == e[i].UserName), 1);\r\n }\r\n }\r\n this.membersFilter = this.members.slice();\r\n } else {\r\n this.bindMemberList();\r\n this.membersFilter = this.members.slice();\r\n }\r\n }\r\n\r\n \r\n\r\n adminsHandleFilter(value) {\r\n this.adminsFilter = this.admins.filter((s) => s.FullName.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n membersHandleFilter(value) {\r\n this.membersFilter = this.members.filter((s) => s.FullName.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n unitsHandleFilter(value) {\r\n this.unitsFilter = this.units.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n roomsHandleFilter(value) {\r\n this.roomsFilter = this.rooms.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n allmembersHandleFilter(value) {\r\n this.allmembersFilter = this.allmembers.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n async getUserlist() {\r\n const result = await this.appService.doGET('api/Account', null);\r\n if (result && result.Status === 1) {\r\n this.allmembers = result.Data;\r\n this.allmembersFilter = this.allmembers.slice();\r\n }\r\n }\r\n\r\n async getRoomlist() {\r\n const result = await this.appService.doGET('api/RoomMeeting', null);\r\n if (result && result.Status === 1) {\r\n this.rooms = result.Data;\r\n this.roomsFilter = this.rooms.slice();\r\n }\r\n }\r\n\r\n async getUnit() {\r\n const resultRole = await this.appService.doGET('api/Unit/GetListUnitSort', null);\r\n if (resultRole && resultRole.Status === 1) {\r\n this.units = resultRole.Data;\r\n this.unitsFilter = this.units.slice();\r\n }\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return;\r\n }\r\n\r\n\r\n const extension = e.files[0].extension.toLowerCase();\r\n\r\n this.allowInsertFile = true;\r\n\r\n try {\r\n const fileData = e.files[0];\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.allowInsertFile = false;\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n if (!this.allowInsertFile) {\r\n return;\r\n }\r\n try {\r\n if(this.dataMeetingItemTemp.FileUrl == undefined){\r\n this.dataMeetingItemTemp.FileUrl = [];\r\n }\r\n this.dataMeetingItemTemp.FileUrl.push(`${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`);\r\n\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n getFileName(fileUrls) {\r\n var nameFile = \"\";\r\n if (fileUrls != \"\" && fileUrls != null) {\r\n var urlArr = fileUrls.split(\"/\");\r\n if (urlArr.length > 0) {\r\n nameFile = urlArr[urlArr.length - 1];\r\n if (nameFile != \"\" && nameFile != null) {\r\n var indexOfFirst = nameFile.indexOf(\"_\");\r\n nameFile = nameFile.substring(indexOfFirst + 1);\r\n }\r\n }\r\n }\r\n return nameFile;\r\n }\r\n\r\n async onSaveMeeting() {\r\n if (this.dataMeetingItemTemp.IsAdd) { this.addMeeting(); } else { this.updateMeeting(); }\r\n }\r\n\r\n async addMeeting() {\r\n this.appComponent.loading = true;\r\n var members: any[] = [];\r\n if (this.dataMeetingItemTemp.MemberList) {\r\n for (let i = 0; i < this.dataMeetingItemTemp.MemberList.length; i++) {\r\n members.push(this.dataMeetingItemTemp.MemberList[i].UserName);\r\n }\r\n } \r\n const dataRequest = {\r\n Meeting: await this.createDataRequest(null),\r\n TypeRequest: 'web-app'\r\n };\r\n const result = await this.appService.doPOST('api/Meeting/AddMeeting', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.setDefault();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n } \r\n \r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updateMeeting() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n var members: any[] = [];\r\n if (this.dataMeetingItemTemp.MemberList) {\r\n for (let i = 0; i < this.dataMeetingItemTemp.MemberList.length; i++) {\r\n members.push(this.dataMeetingItemTemp.MemberList[i].UserName);\r\n }\r\n } \r\n const dataRequest = {\r\n Meeting: await this.createDataRequest(null),\r\n TypeRequest: 'web-app'\r\n };\r\n const id = this.dataMeetingItemTemp.ID;\r\n const result = await this.appService.doPUT('api/Meeting', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.sendWSMessage(dataRequest.Meeting.ID);\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n } \r\n \r\n this.appComponent.loading = false;\r\n }\r\n\r\n async createDataRequest(data) {\r\n const temp = data ? data : this.dataMeetingItemTemp;\r\n var units: any[] = []; \r\n if (this.dataMeetingItemTemp.UnitList) {\r\n for (let i = 0; i < this.dataMeetingItemTemp.UnitList.length; i++) {\r\n units.push(this.dataMeetingItemTemp.UnitList[i].ID);\r\n }\r\n }\r\n var admins: any[] = [];\r\n if (this.dataMeetingItemTemp.Admin) {\r\n for (let i = 0; i < this.dataMeetingItemTemp.Admin.length; i++) {\r\n admins.push(this.dataMeetingItemTemp.Admin[i].UserName);\r\n }\r\n }\r\n var members: any[] = [];\r\n if (this.dataMeetingItemTemp.MemberList) {\r\n for (let i = 0; i < this.dataMeetingItemTemp.MemberList.length; i++) {\r\n members.push(this.dataMeetingItemTemp.MemberList[i].UserName);\r\n }\r\n }\r\n var rooms: any[] = [];\r\n if (this.dataMeetingItemTemp.RoomMeetingList) {\r\n for (let i = 0; i < this.dataMeetingItemTemp.RoomMeetingList.length; i++) {\r\n rooms.push(this.dataMeetingItemTemp.RoomMeetingList[i].ID);\r\n }\r\n }\r\n var files: any[] = [];\r\n if (this.dataMeetingItemTemp.FileUrl) {\r\n for (let i = 0; i < this.dataMeetingItemTemp.FileUrl.length; i++) {\r\n files.push(this.dataMeetingItemTemp.FileUrl[i]);\r\n }\r\n }\r\n\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n Admin: JSON.stringify(admins),\r\n UnitList: JSON.stringify(units),\r\n MeetingDate: temp.MeetingDate ? this.intl.formatDate(new Date(temp.MeetingDate), 'yyyy-MM-ddT00:00:00') : null,\r\n StartAt: temp.StartAt ? this.intl.formatDate(new Date(temp.StartAt), 'yyyy-MM-ddTHH:mm:ss') : null,\r\n EndAt: temp.EndAt ? this.intl.formatDate(new Date(temp.EndAt), 'yyyy-MM-ddTHH:mm:ss') : null,\r\n RoomMeetingList: JSON.stringify(rooms),\r\n MemberList: JSON.stringify(members),\r\n ApproveFlg: temp.ApproveFlg,\r\n ApproveBy: temp.ApproveBy,\r\n ApproveAt: temp.ApproveAt,\r\n DelFlg: temp.DelFlg,\r\n DelAt: temp.DelAt,\r\n DelBy: temp.DelBy,\r\n CreateAt: temp.CreateAt,\r\n CreateBy: temp.CreateBy,\r\n UpdateAt: temp.UpdateAt,\r\n UpdateBy: temp.UpdateBy,\r\n PublicFlg: temp.PublicFlg,\r\n PublicBy: temp.PublicBy,\r\n PublicAt: temp.PublicAt,\r\n Description: temp.Description,\r\n FileUrl: JSON.stringify(files),\r\n CentralContent: temp.CentralContent,\r\n Week: temp.MeetingDate ?this.getWeekNumber(temp.MeetingDate): null\r\n };\r\n }\r\n onRemoveFileToUpload() {\r\n this.dataMeetingItemTemp.FileUrl = [];\r\n this.filesUploadName = '';\r\n this.filesUpload = [];\r\n }\r\n\r\n public valueNormalizerUnit = (text$: Observable) => text$.pipe(map((text: string) => {\r\n //search for matching item to avoid duplicates\r\n if(!text.replace(/\\s/g, '').length){\r\n return\r\n }\r\n //search in values\r\n if(this.dataMeetingItemTemp.UnitList == undefined){\r\n this.dataMeetingItemTemp.UnitList = [];\r\n }\r\n const matchingValue: any = this.dataMeetingItemTemp.UnitList.find((item: any) => {\r\n return item[\"ID\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingValue) {\r\n return matchingValue; //return the already selected matching value and the component will remove it\r\n }\r\n\r\n //search in data\r\n const matchingItem: any = this.unitsFilter.find((item: any) => {\r\n return item[\"ID\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingItem) {\r\n return matchingItem;\r\n } else {\r\n return {\r\n ID: text, //generate unique value for the custom item\r\n Name: text\r\n };\r\n }\r\n}));\r\n\r\npublic valueNormalizerAdmin = (text$: Observable) => text$.pipe(map((text: string) => {\r\n //search for matching item to avoid duplicates\r\n if(!text.replace(/\\s/g, '').length){\r\n return\r\n }\r\n //search in values\r\n if(this.dataMeetingItemTemp.Admin == undefined){\r\n this.dataMeetingItemTemp.Admin = [];\r\n }\r\n const matchingValue: any = this.dataMeetingItemTemp.Admin.find((item: any) => {\r\n return item[\"UserName\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingValue) {\r\n return matchingValue; //return the already selected matching value and the component will remove it\r\n }\r\n\r\n //search in data\r\n const matchingItem: any = this.adminsFilter.find((item: any) => {\r\n return item[\"UserName\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingItem) {\r\n return matchingItem;\r\n } else {\r\n return {\r\n UserName: text, //generate unique value for the custom item\r\n FullName: text\r\n };\r\n }\r\n}));\r\n\r\npublic valueNormalizerMember = (text$: Observable) => text$.pipe(map((text: string) => {\r\n //search for matching item to avoid duplicates\r\n if(!text.replace(/\\s/g, '').length){\r\n return\r\n }\r\n //search in values\r\n if(this.dataMeetingItemTemp.MemberList == undefined){\r\n this.dataMeetingItemTemp.MemberList = [];\r\n }\r\n const matchingValue: any = this.dataMeetingItemTemp.MemberList.find((item: any) => {\r\n return item[\"UserName\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingValue) {\r\n return matchingValue; //return the already selected matching value and the component will remove it\r\n }\r\n\r\n //search in data\r\n const matchingItem: any = this.membersFilter.find((item: any) => {\r\n return item[\"UserName\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingItem) {\r\n return matchingItem;\r\n } else {\r\n return {\r\n UserName: text, //generate unique value for the custom item\r\n FullName: text\r\n };\r\n }\r\n}));\r\n\r\npublic valueNormalizerRoom = (text: Observable) => text.pipe(map((text: string) => {\r\n //search for matching item to avoid duplicates\r\n if(!text.replace(/\\s/g, '').length){\r\n return\r\n }\r\n //search in values\r\n if(this.dataMeetingItemTemp.RoomMeetingList == undefined){\r\n this.dataMeetingItemTemp.RoomMeetingList = [];\r\n }\r\n const matchingValue: any = this.dataMeetingItemTemp.RoomMeetingList.find((item: any) => {\r\n return item[\"ID\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingValue) {\r\n return matchingValue; //return the already selected matching value and the component will remove it\r\n }\r\n\r\n //search in data\r\n const matchingItem: any = this.roomsFilter.find((item: any) => {\r\n return item[\"ID\"].toLowerCase() === text.toLowerCase();\r\n });\r\n\r\n if (matchingItem) {\r\n return matchingItem;\r\n } else {\r\n return {\r\n ID: text, //generate unique value for the custom item\r\n Name: text\r\n };\r\n }\r\n}));\r\n\r\nonRemoveFile(file){\r\n var isExistedInFile = this.dataMeetingItemTemp.FileUrl.findIndex(x => x == file);\r\n if (isExistedInFile != -1) {\r\n this.dataMeetingItemTemp.FileUrl.splice(isExistedInFile, 1);\r\n }\r\n}\r\nasync onDownloadFile(file: any) {\r\n\r\n const dataRequest = {\r\n url: file\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, this.getFileName(file));\r\n }\r\n}\r\n\r\nasync sendWSMessage(id){\r\n var dataRequest = {\r\n meetingID: id\r\n }\r\n const result = await this.appService.doGET('api/Meeting/GetAdminMemberList', dataRequest);\r\n if (result && result.Status == 1) {\r\n \r\n this.wsService.sendMessage(result.Data, this.SEND_DATA_WHEN_NOTIFY);\r\n }\r\n}\r\n\r\ngetWeekNumber(date): number {\r\n const today = new Date(date);\r\n const firstDayOfYear = new Date(today.getFullYear(), 0, 1);\r\n const pastDaysOfYear = (today.valueOf() - firstDayOfYear.valueOf()) / 86400000;\r\n return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);\r\n}\r\n\r\ngetUrlDownload(item) {\r\n const matchingValueMember: any = this.dataMeetingItemTemp.MemberList.find((item: any) => {\r\n return item[\"UserName\"].toLowerCase() === this.user.UserName.toLowerCase();\r\n }); \r\n\r\n const matchingValueAdmin: any = this.dataMeetingItemTemp.Admin.find((item: any) => {\r\n return item[\"UserName\"].toLowerCase() === this.user.UserName.toLowerCase();\r\n });\r\n if(matchingValueMember || matchingValueAdmin){\r\n let url = this.urlDownload.replace(/\\\"/g, \"\") + item;\r\n url = url.replace(/\\\"/g, '')\r\n window.open(url);\r\n }else {\r\n this.appSwal.showWarning('Bạn không có quyền để xem tài liệu.', false);\r\n }\r\n}\r\n\r\n}\r\n","module.exports = \".xcheckbox {\\r\\n font-size: 24px;\\r\\n color: #006CB7;\\r\\n}\\r\\n\\r\\n.ck-content .text-tiny {\\r\\n font-size: 0.7em;\\r\\n}\\r\\n\\r\\n.ck-content .text-small {\\r\\n font-size: 0.85em;\\r\\n}\\r\\n\\r\\n.ck-content .text-big {\\r\\n font-size: 1.4em;\\r\\n}\\r\\n\\r\\n.ck-content .text-huge {\\r\\n font-size: 1.8em;\\r\\n}\\r\\n\\r\\n.meeting-week-hidden {\\r\\n position: absolute;\\r\\n top: -200%;\\r\\n left: -200%;\\r\\n max-width: 595px;\\r\\n}\\r\\n\\r\\n.hr-style-1 {\\r\\n width: 55%;\\r\\n border-top: 1px solid navy;\\r\\n margin-top: 2px;\\r\\n}\\r\\n\\r\\n.hr-style-2 {\\r\\n width: 34%;\\r\\n border-top: 1px solid navy;\\r\\n margin-top: 2px;\\r\\n}\\r\\n\\r\\n@font-face {\\r\\n font-family: \\\"Times New Roman\\\";\\r\\n src: url('/assets/font/Times\\\\ New\\\\ Roman\\\\ 400.ttf') format(\\\"truetype\\\");\\r\\n}\\r\\n\\r\\n@font-face {\\r\\n font-family: \\\"Times New Roman\\\";\\r\\n font-weight: bold;\\r\\n src: url('/assets/font/Times\\\\ New\\\\ Roman\\\\ Gras\\\\ 700.ttf') format(\\\"truetype\\\");\\r\\n}\\r\\n\\r\\n@font-face {\\r\\n font-family: \\\"Times New Roman\\\";\\r\\n font-style: italic;\\r\\n src: url('/assets/font/Times\\\\ New\\\\ Roman\\\\ Gras\\\\ Italique\\\\ 700.ttf') format(\\\"truetype\\\");\\r\\n}\\r\\n\\r\\n@font-face {\\r\\n font-family: \\\"Times New Roman\\\";\\r\\n font-weight: bold;\\r\\n font-style: italic;\\r\\n src: url('/assets/font/Times\\\\ New\\\\ Roman\\\\ Italique\\\\ 400.ttf') format(\\\"truetype\\\");\\r\\n}\\r\\n\\r\\nkendo-pdf-export {\\r\\n font-family: \\\"Times New Roman\\\", sans-serif;\\r\\n font-size: 12px !important;\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n.description {\\r\\n font-weight: bold;\\r\\n font-size: 12pt;\\r\\n}\\r\\n\\r\\npre {\\r\\n font-family: \\\"Times New Roman\\\", sans-serif;\\r\\n white-space: pre-wrap;\\r\\n margin-bottom: 0;\\r\\n color: navy;\\r\\n font-size: 12px;\\r\\n padding-left: 15px;\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 200px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn{\\r\\n position: fixed;\\r\\n top: 200px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 260px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9tZWV0aW5nL21lZXRpbmcuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksa0JBQWtCO0lBQ2xCLFVBQVU7SUFDVixXQUFXO0lBQ1gsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksVUFBVTtJQUNWLDBCQUEwQjtJQUMxQixlQUFlO0FBQ25COztBQUVBO0lBQ0ksVUFBVTtJQUNWLDBCQUEwQjtJQUMxQixlQUFlO0FBQ25COztBQUVBO0lBQ0ksOEJBQThCO0lBQzlCLHNFQUFzRTtBQUMxRTs7QUFFQTtJQUNJLDhCQUE4QjtJQUM5QixpQkFBaUI7SUFDakIsNEVBQTRFO0FBQ2hGOztBQUVBO0lBQ0ksOEJBQThCO0lBQzlCLGtCQUFrQjtJQUNsQixzRkFBc0Y7QUFDMUY7O0FBRUE7SUFDSSw4QkFBOEI7SUFDOUIsaUJBQWlCO0lBQ2pCLGtCQUFrQjtJQUNsQixnRkFBZ0Y7QUFDcEY7O0FBRUE7SUFDSSwwQ0FBMEM7SUFDMUMsMEJBQTBCO0lBQzFCLFdBQVc7QUFDZjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixlQUFlO0FBQ25COztBQUVBO0lBQ0ksMENBQTBDO0lBQzFDLHFCQUFxQjtJQUNyQixnQkFBZ0I7SUFDaEIsV0FBVztJQUNYLGVBQWU7SUFDZixrQkFBa0I7QUFDdEI7O0FBRUEsbUJBQW1COztBQUNuQjtJQUNJLGVBQWU7SUFDZixTQUFTO0lBQ1QsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsVUFBVTtBQUNkOztBQUVBO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCOztBQUVBO0lBQ0k7UUFDSSxlQUFlO1FBQ2YsU0FBUztRQUNULGNBQWM7UUFDZCxZQUFZO1FBQ1osVUFBVTtRQUNWLFVBQVU7SUFDZDs7SUFFQTtRQUNJLGVBQWU7UUFDZixVQUFVO1FBQ1YsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkO0FBQ0o7O0FBRUEsbUJBQW1COztBQUNuQjtJQUNJLGVBQWU7SUFDZixVQUFVO0lBQ1YsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsYUFBYTtBQUNqQiIsImZpbGUiOiJzcmMvYXBwL2RhdGEvbWVldGluZy9tZWV0aW5nLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIueGNoZWNrYm94IHtcclxuICAgIGZvbnQtc2l6ZTogMjRweDtcclxuICAgIGNvbG9yOiAjMDA2Q0I3O1xyXG59XHJcblxyXG4uY2stY29udGVudCAudGV4dC10aW55IHtcclxuICAgIGZvbnQtc2l6ZTogMC43ZW07XHJcbn1cclxuXHJcbi5jay1jb250ZW50IC50ZXh0LXNtYWxsIHtcclxuICAgIGZvbnQtc2l6ZTogMC44NWVtO1xyXG59XHJcblxyXG4uY2stY29udGVudCAudGV4dC1iaWcge1xyXG4gICAgZm9udC1zaXplOiAxLjRlbTtcclxufVxyXG5cclxuLmNrLWNvbnRlbnQgLnRleHQtaHVnZSB7XHJcbiAgICBmb250LXNpemU6IDEuOGVtO1xyXG59XHJcblxyXG4ubWVldGluZy13ZWVrLWhpZGRlbiB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB0b3A6IC0yMDAlO1xyXG4gICAgbGVmdDogLTIwMCU7XHJcbiAgICBtYXgtd2lkdGg6IDU5NXB4O1xyXG59XHJcblxyXG4uaHItc3R5bGUtMSB7XHJcbiAgICB3aWR0aDogNTUlO1xyXG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIG5hdnk7XHJcbiAgICBtYXJnaW4tdG9wOiAycHg7XHJcbn1cclxuXHJcbi5oci1zdHlsZS0yIHtcclxuICAgIHdpZHRoOiAzNCU7XHJcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgbmF2eTtcclxuICAgIG1hcmdpbi10b3A6IDJweDtcclxufVxyXG5cclxuQGZvbnQtZmFjZSB7XHJcbiAgICBmb250LWZhbWlseTogXCJUaW1lcyBOZXcgUm9tYW5cIjtcclxuICAgIHNyYzogdXJsKCcvYXNzZXRzL2ZvbnQvVGltZXNcXCBOZXdcXCBSb21hblxcIDQwMC50dGYnKSBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcclxufVxyXG5cclxuQGZvbnQtZmFjZSB7XHJcbiAgICBmb250LWZhbWlseTogXCJUaW1lcyBOZXcgUm9tYW5cIjtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgc3JjOiB1cmwoJy9hc3NldHMvZm9udC9UaW1lc1xcIE5ld1xcIFJvbWFuXFwgR3Jhc1xcIDcwMC50dGYnKSBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcclxufVxyXG5cclxuQGZvbnQtZmFjZSB7XHJcbiAgICBmb250LWZhbWlseTogXCJUaW1lcyBOZXcgUm9tYW5cIjtcclxuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcclxuICAgIHNyYzogdXJsKCcvYXNzZXRzL2ZvbnQvVGltZXNcXCBOZXdcXCBSb21hblxcIEdyYXNcXCBJdGFsaXF1ZVxcIDcwMC50dGYnKSBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcclxufVxyXG5cclxuQGZvbnQtZmFjZSB7XHJcbiAgICBmb250LWZhbWlseTogXCJUaW1lcyBOZXcgUm9tYW5cIjtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xyXG4gICAgc3JjOiB1cmwoJy9hc3NldHMvZm9udC9UaW1lc1xcIE5ld1xcIFJvbWFuXFwgSXRhbGlxdWVcXCA0MDAudHRmJykgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XHJcbn1cclxuXHJcbmtlbmRvLXBkZi1leHBvcnQge1xyXG4gICAgZm9udC1mYW1pbHk6IFwiVGltZXMgTmV3IFJvbWFuXCIsIHNhbnMtc2VyaWY7XHJcbiAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcclxuICAgIGNvbG9yOiBuYXZ5O1xyXG59XHJcblxyXG4uZGVzY3JpcHRpb24ge1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbiAgICBmb250LXNpemU6IDEycHQ7XHJcbn1cclxuXHJcbnByZSB7XHJcbiAgICBmb250LWZhbWlseTogXCJUaW1lcyBOZXcgUm9tYW5cIiwgc2Fucy1zZXJpZjtcclxuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgICBjb2xvcjogbmF2eTtcclxuICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgIHBhZGRpbmctbGVmdDogMTVweDtcclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuLnN0aWNreS1ncm91cC1zZWFyY2gge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiA3NnB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk4JTtcclxufVxyXG5cclxuLnN0aWNreS10b29sYmFyLWJ0bntcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMjAwcHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTkuNTUlO1xyXG59XHJcblxyXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6NzY4cHgpIHtcclxuICAgIC5zdGlja3ktZ3JvdXAtc2VhcmNoIHtcclxuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAgICAgdG9wOiA3NnB4O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGhlaWdodDogYXV0bztcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIHdpZHRoOiA5NCU7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC5zdGlja3ktdG9vbGJhci1idG57XHJcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgICAgIHRvcDogMjAwcHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk5JTtcclxuICAgIH1cclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuOmhvc3QgOjpuZy1kZWVwIC5zdGlja3ktaGVhZGVyLWdyaWQgLmstZ3JpZCAuay1ncmlkLWhlYWRlciB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDI2MHB4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk3LjU1JTtcclxufSJdfQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { FormGroup, FormBuilder } from '@angular/forms';\r\nimport * as DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';\r\nimport { t } from '@angular/core/src/render3';\r\nimport { WebSocketService } from 'src/app/websocket.service';\r\nimport { DatePipe } from '@angular/common'\r\nimport { NgbCarousel } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n\r\n@Component({\r\n selector: 'app-meeting',\r\n templateUrl: './meeting.component.html',\r\n styleUrls: ['./meeting.component.css'],\r\n})\r\nexport class MeetingComponent implements OnInit, OnDestroy {\r\n\r\n isSticky = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataMeetings = [];\r\n dataMeetingSelectableSettings: SelectableSettings;\r\n dataMeetingSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n dataMeetingSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n public Editor = DecoupledEditor;\r\n config = {\r\n toolbar: ['heading',\r\n '|',\r\n 'bold',\r\n 'italic',\r\n 'link',\r\n 'bulletedList',\r\n 'numberedList',\r\n '|',\r\n 'indent',\r\n 'outdent',\r\n '|',\r\n 'insertTable',\r\n 'mediaEmbed',\r\n 'undo',\r\n 'redo']\r\n }\r\n\r\n public fileSaveUrl: any;\r\n\r\n public NUM_PAGING_SKIP = 0;\r\n public NUM_PAGING_TAKE = 50;\r\n public NUM_PAGING_BTN = 5;\r\n\r\n dataMeetingSkip = this.NUM_PAGING_SKIP;\r\n dataMeetingPageSize = this.NUM_PAGING_TAKE;\r\n dataMeetingSelection: number[] = [];\r\n dataMeetingItem: any;\r\n dataMeetingItemTemp: any;\r\n myInterval: any;\r\n pageName: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.NUM_PAGING_BTN;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataMeetingState: State = {\r\n skip: this.dataMeetingSkip,\r\n take: this.dataMeetingSkip + this.dataMeetingPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n // tslint:disable-next-line:comment-format\r\n group: [{ field: 'MeetingDate', dir: 'desc' }]\r\n };\r\n dataMeetingGridDataResult: GridDataResult;\r\n\r\n meetingApproveStatuses: Array<{ Name: string, ID: number }>;\r\n meetingPublicStatuses: Array<{ Name: string, ID: number }>;\r\n\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n currentDay = new Date();\r\n lastestDayOfYear = new Date(new Date().getFullYear(),11,31);\r\n searchOption = {\r\n SearchText: '',\r\n ApproveFlg: -1,\r\n PublicFlg: -1,\r\n FromDate: null,\r\n ToDate: null,\r\n Week: this.getWeekNumber()\r\n };\r\n\r\n \r\n WeekNoFromDB: number;\r\n centralContent = '';\r\n infoCentralContentOpened = false;\r\n SEND_DATA_WHEN_NOTIFY = '';\r\n\r\n previewOpened = false;\r\n\r\n weeks: any;\r\n reviewRpbtn = true;\r\n toDatePrintDraft = new Date();\r\n fromDatePrintDraft = new Date();\r\n\r\n public dataMeetingStateRP: State = {\r\n skip: this.dataMeetingSkip,\r\n take: this.dataMeetingSkip + this.dataMeetingPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n // tslint:disable-next-line:comment-format\r\n };\r\n dataMeetingGridDataResultRP: GridDataResult;\r\n public slideDayOfWeek : Array<{ Ob: any, ID: string, ObGrid: GridDataResult }> = [];\r\n @ViewChild('ngcarousel') ngCarousel: NgbCarousel;\r\n\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private formBuilder: FormBuilder,\r\n public wsService: WebSocketService,\r\n private datePipe: DatePipe\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.getPageName();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.setDefault();\r\n this.initDisplay();\r\n this.onReload();\r\n this.allData = this.allData.bind(this);\r\n this.SEND_DATA_WHEN_NOTIFY = appService.domainAPI + \"api/NotifyWs\";\r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataMeetingSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n async getMeetings() {\r\n this.loading = true;\r\n const dataRequest = {\r\n SearchText: this.searchOption.SearchText,\r\n ApproveFlg: this.searchOption.ApproveFlg,\r\n PublicFlg: this.searchOption.PublicFlg,\r\n FromDate: this.searchOption.FromDate ? this.intl.formatDate(new Date(this.searchOption.FromDate), 'yyyy-MM-ddT00:00:00') : null,\r\n ToDate: this.searchOption.ToDate ? this.intl.formatDate(new Date(this.searchOption.ToDate), 'yyyy-MM-ddT00:00:00') : null\r\n };\r\n const result = await this.appService.doPOST('api/Meeting/Search', dataRequest);\r\n if (result && result.Status === 1) {\r\n const dayOfWeek = [];\r\n for (let i = 0; i < result.Data.length; i++) {\r\n result.Data[i].UnitList = JSON.parse(result.Data[i].UnitString);\r\n for(let j = 0; j < result.Data[i].UnitList.length; j++){\r\n if(result.Data[i].ShowUnit == undefined){\r\n result.Data[i].ShowUnit = \"\";\r\n }\r\n if(j != result.Data[i].UnitList.length - 1){\r\n result.Data[i].ShowUnit = result.Data[i].ShowUnit + \" \" + result.Data[i].UnitList[j].Name + \",\";\r\n } else{\r\n result.Data[i].ShowUnit = result.Data[i].ShowUnit + \" \" + result.Data[i].UnitList[j].Name;\r\n }\r\n }\r\n result.Data[i].Admin = JSON.parse(result.Data[i].AdminString);\r\n for(let k = 0; k < result.Data[i].Admin.length; k++){\r\n if(result.Data[i].ShowAdmin == undefined){\r\n result.Data[i].ShowAdmin = \"\";\r\n }\r\n if(k != result.Data[i].Admin.length - 1){\r\n result.Data[i].ShowAdmin = result.Data[i].ShowAdmin + \" \" + result.Data[i].Admin[k].FullName + \",\";\r\n } else{\r\n result.Data[i].ShowAdmin = result.Data[i].ShowAdmin + \" \" + result.Data[i].Admin[k].FullName;\r\n }\r\n }\r\n result.Data[i].RoomMeetingList = JSON.parse(result.Data[i].RoomMeetingString);\r\n if (result.Data[i].RoomMeetingList){\r\n for(let j = 0; j < result.Data[i].RoomMeetingList.length; j++){\r\n if(result.Data[i].RoomMeetingName == undefined){\r\n result.Data[i].RoomMeetingName = \"\";\r\n }\r\n if(j != result.Data[i].RoomMeetingList.length - 1){\r\n result.Data[i].RoomMeetingName = result.Data[i].RoomMeetingName + \" \" + result.Data[i].RoomMeetingList[j].Name + \",\";\r\n } else{\r\n result.Data[i].RoomMeetingName = result.Data[i].RoomMeetingName + \" \" + result.Data[i].RoomMeetingList[j].Name;\r\n }\r\n }\r\n } \r\n result.Data[i].MemberList = JSON.parse(result.Data[i].MemberString);\r\n for (let j = 0; j < result.Data[i].MemberList.length; j++) {\r\n if (result.Data[i].ShowMembers == undefined) {\r\n result.Data[i].ShowMembers = \"\";\r\n }\r\n if (j != result.Data[i].MemberList.length - 1) {\r\n result.Data[i].ShowMembers = result.Data[i].ShowMembers + \" \" + result.Data[i].MemberList[j].FullName + \",\";\r\n } else {\r\n result.Data[i].ShowMembers = result.Data[i].ShowMembers + \" \" + result.Data[i].MemberList[j].FullName;\r\n }\r\n }\r\n if(result.Data[i].FileUrl == null || result.Data[i].FileUrl == \"\"){\r\n result.Data[i].FileUrl = [];\r\n }\r\n else{\r\n result.Data[i].FileUrl = JSON.parse(result.Data[i].FileUrl);\r\n }\r\n result.Data[i].MeetingDayName = this.getDayInWeek(result.Data[i].MeetingDate);\r\n result.Data[i].DayName = this.getDayInWeek(result.Data[i].StartAt);\r\n result.Data[i].DayHour = this.getHour(result.Data[i].StartAt);\r\n result.Data[i].StartAtRp = result.Data[i].StartAt;\r\n if (dayOfWeek.find(dayItem => {\r\n return dayItem === result.Data[i].DayName;\r\n })) {\r\n result.Data[i].DayName = '';\r\n result.Data[i].StartAtRp = null;\r\n } else {\r\n dayOfWeek.push(result.Data[i].DayName);\r\n }\r\n }\r\n this.dataMeetings = result.Data;\r\n this.bindMeetings();\r\n }\r\n\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataMeetingSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataMeetings.find((item) => {\r\n return item.ID === this.dataMeetingSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataMeetingSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n onCloseInfo(e) {\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n this.infoCentralContentOpened = false;\r\n }\r\n\r\n setDefault() {\r\n this.dataMeetingItem = {\r\n viewOnly: false,\r\n IsAdd: true,\r\n Name: '',\r\n Admin: null,\r\n Address: '',\r\n MeetingDate: null,\r\n StartAt: null,\r\n EndAt: null,\r\n ApproveFlg: false,\r\n FileUrl: [],\r\n Description: ''\r\n };\r\n this.dataMeetingItemTemp = Object.assign({}, this.dataMeetingItem);\r\n this.dataMeetingSelection = [];\r\n this.allowMulti = false;\r\n }\r\n\r\n onMeetingPageChange(event: PageChangeEvent) {\r\n this.dataMeetingSkip = event.skip;\r\n this.bindMeetings();\r\n }\r\n\r\n async onMeetingselectedKeysChange() {\r\n if (this.dataMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataMeetingSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataMeetingSelection[0];\r\n const selectedItem = this.dataMeetings.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n selectedItem.viewOnly = false;\r\n selectedItem.MeetingDate = selectedItem.MeetingDate ? new Date(selectedItem.MeetingDate) : null;\r\n selectedItem.StartAt = selectedItem.StartAt ? new Date(selectedItem.StartAt) : null;\r\n selectedItem.EndAt = selectedItem.EndAt ? new Date(selectedItem.EndAt) : null;\r\n this.dataMeetingItem = selectedItem;\r\n this.bindTemp(this.dataMeetingItem);\r\n }\r\n }\r\n\r\n bindMeetings() {\r\n this.dataMeetingGridDataResult = {\r\n data: orderBy(this.dataMeetings, this.dataMeetingSortByField),\r\n total: this.dataMeetings.length\r\n };\r\n\r\n this.dataMeetingGridDataResult = process(this.dataMeetings, this.dataMeetingState);\r\n this.dataMeetingGridDataResultRP = process(this.dataMeetings, this.dataMeetingStateRP);\r\n }\r\n\r\n onMeetingsortChange(sort: SortDescriptor[]): void {\r\n this.dataMeetingSortByField = sort;\r\n this.bindMeetings();\r\n }\r\n\r\n public onMeetingDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataMeetingSelection = [];\r\n this.dataMeetingState = state;\r\n this.dataMeetingStateRP = state;\r\n this.dataMeetingGridDataResult = process(this.dataMeetings, this.dataMeetingState);\r\n this.dataMeetingGridDataResultRP = process(this.dataMeetings, this.dataMeetingStateRP);\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n // this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n // this.onReload();\r\n // });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n }\r\n\r\n async initDisplay() {\r\n\r\n this.meetingApproveStatuses = [\r\n { Name: 'Tất cả', ID: -1 },\r\n { Name: 'Chưa duyệt', ID: 0 },\r\n { Name: 'Đã duyệt', ID: 1 },\r\n ];\r\n\r\n this.meetingPublicStatuses = [\r\n { Name: 'Tất cả', ID: -1 },\r\n { Name: 'Chưa công bố', ID: 0 },\r\n { Name: 'Đã công bố', ID: 1 },\r\n ];\r\n\r\n this.weeks = [];\r\n for (let i = 1; i <= 52; i++) {\r\n this.weeks.push({\r\n ID: i,\r\n Name: i\r\n });\r\n }\r\n }\r\n\r\n onSearch() {\r\n \r\n this.getMeetings();\r\n this.isEnabledSaveAll = false;\r\n this.reviewRpbtn = false;\r\n }\r\n\r\n onReload() {\r\n // this.getMeetings();\r\n this.getMeetingByWeek();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n this.dataMeetingItem = {\r\n IsAdd: true,\r\n viewOnly: false,\r\n Name: '',\r\n Admin: null,\r\n Address: '',\r\n MeetingDate: null,\r\n StartAt: null,\r\n EndAt: null,\r\n ApproveFlg: false\r\n };\r\n this.dataMeetingItemTemp = {\r\n IsAdd: true,\r\n viewOnly: false,\r\n Name: '',\r\n Admin: null,\r\n Address: '',\r\n MeetingDate: null,\r\n StartAt: null,\r\n EndAt: null,\r\n ApproveFlg: false\r\n };\r\n\r\n this.dataMeetingSelection = [];\r\n }\r\n\r\n onAddNewMeeting() {\r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n async onSaveMeetings() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataMeetings.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataMeetings[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Meeting/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n bindTemp(data) {\r\n this.dataMeetingItemTemp = Object.assign({}, data);\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataMeetingItemTemp;\r\n\r\n return {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n Admin: temp.Admin,\r\n UnitID: temp.UnitID,\r\n MeetingDate: temp.MeetingDate ? this.intl.formatDate(new Date(temp.MeetingDate), 'yyyy-MM-ddT00:00:00') : null,\r\n StartAt: temp.StartAt ? this.intl.formatDate(new Date(temp.StartAt), 'yyyy-MM-ddTHH:mm:ss') : null,\r\n EndAt: temp.EndAt ? this.intl.formatDate(new Date(temp.EndAt), 'yyyy-MM-ddTHH:mm:ss') : null,\r\n RoomMeetingID: temp.RoomMeetingID,\r\n RoomOther: temp.RoomOther,\r\n ApproveFlg: temp.ApproveFlg,\r\n ApproveBy: temp.ApproveBy,\r\n ApproveAt: temp.ApproveAt,\r\n DelFlg: temp.DelFlg,\r\n DelAt: temp.DelAt,\r\n DelBy: temp.DelBy,\r\n CreateAt: temp.CreateAt,\r\n CreateBy: temp.CreateBy,\r\n UpdateAt: temp.UpdateAt,\r\n UpdateBy: temp.UpdateBy,\r\n PublicFlg: temp.PublicFlg,\r\n PublicBy: temp.PublicBy,\r\n PublicAt: temp.PublicAt,\r\n Description: temp.Description,\r\n FileUrl: temp.FileUrl,\r\n };\r\n } \r\n\r\n async onEditMeeting() {\r\n if(this.dataMeetingItem.ApproveFlg == true && this.dataMeetingItem.PublicFlg != true){\r\n this.appSwal.showWarning(this.translate.instant('MsgErrorEditMeeting'), false);\r\n return;\r\n }\r\n this.infoOpened = true;\r\n }\r\n\r\n async onDeleteMeeting() {\r\n if (this.dataMeetingSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataMeetingSelection),\r\n FlgRevert: false\r\n }; \r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Meeting/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n } \r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onApproved() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataMeetingItem.ID;\r\n\r\n const result = await this.appService.doGET('api/Meeting/Approved', { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onUnApproved() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataMeetingItem.ID;\r\n\r\n const result = await this.appService.doGET('api/Meeting/UnApproved', { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onPublic() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataMeetingItem.ID;\r\n\r\n const result = await this.appService.doGET('api/Meeting/Public', { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.sendWSMessage(id);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onUnPublic() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataMeetingItem.ID;\r\n\r\n const result = await this.appService.doGET('api/Meeting/UnPublic', { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.sendWSMessage(id);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDelFlg() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataMeetingItem.ID;\r\n\r\n const result = await this.appService.doGET('api/Meeting/DeleteFlag', { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.sendWSMessage(id);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n // async onUnDelFlg() {\r\n // this.appComponent.loading = true;\r\n // // tslint:disable-next-line: max-line-length\r\n // const id = this.dataMeetingItem.ID;\r\n\r\n // const result = await this.appService.doGET('api/Meeting/UnDeleteFlag', { id });\r\n // if (result && result.Status === 1) {\r\n // this.notification.showSuccess(result.Msg);\r\n // this.onReload();\r\n // this.setDefault();\r\n // this.infoOpened = false;\r\n // } else {\r\n // this.appSwal.showWarning(result.Msg, false);\r\n // }\r\n // this.appComponent.loading = false;\r\n // }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataMeetings, {}).data\r\n };\r\n return result;\r\n }\r\n\r\n getWeekNumber(): number {\r\n const today = new Date();\r\n const firstDayOfYear = new Date(today.getFullYear(), 0, 1);\r\n const pastDaysOfYear = (today.valueOf() - firstDayOfYear.valueOf()) / 86400000;\r\n return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);\r\n }\r\n\r\n async sendWSMessage(id){\r\n var dataRequest = {\r\n meetingID: id\r\n }\r\n const result = await this.appService.doGET('api/Meeting/GetAdminMemberList', dataRequest);\r\n if (result && result.Status == 1) {\r\n this.wsService.sendMessage(result.Data, this.SEND_DATA_WHEN_NOTIFY);\r\n }\r\n \r\n }\r\n\r\n onExportPdf(pdf: any) {\r\n \r\n pdf.saveAs('Lich cong tac tuan.pdf');\r\n }\r\n\r\n getHour(date) {\r\n var current_day = new Date(date);\r\n\r\n return ((current_day.getHours() < 10) ? \"0\" : \"\") + current_day.getHours() + \":\" + ((current_day.getMinutes() < 10) ? \"0\" : \"\") + current_day.getMinutes()\r\n }\r\n\r\n getDayInWeek(date) {\r\n var current_day = new Date(date);\r\n var day_name = '';\r\n switch (current_day.getDay()) {\r\n case 0:\r\n day_name = \"Chủ nhật\";\r\n break;\r\n case 1:\r\n day_name = \"Thứ hai\";\r\n break;\r\n case 2:\r\n day_name = \"Thứ ba\";\r\n break;\r\n case 3:\r\n day_name = \"Thứ tư\";\r\n break;\r\n case 4:\r\n day_name = \"Thứ năm\";\r\n break;\r\n case 5:\r\n day_name = \"Thứ sáu\";\r\n break;\r\n case 6:\r\n day_name = \"Thứ bảy\";\r\n }\r\n return day_name\r\n }\r\n\r\n onReviewDialog(){\r\n this.previewOpened = true;\r\n }\r\n\r\n onClosePreview(e) {\r\n this.previewOpened = false;\r\n }\r\n\r\n valueChangeWeekFilter(e){\r\n this.searchOption.SearchText = '';\r\n this.searchOption.FromDate = null;\r\n this.searchOption.ToDate = null;\r\n this.getMeetingByWeek();\r\n }\r\n\r\n async getMeetingByWeek(){\r\n this.loading = true;\r\n const dataRequest = {\r\n ApproveFlg: this.searchOption.ApproveFlg,\r\n PublicFlg: this.searchOption.PublicFlg,\r\n Week: this.searchOption.Week\r\n };\r\n const result = await this.appService.doPOST('api/Meeting/SearchByWeek', dataRequest);\r\n if (result && result.Status === 1) {\r\n const dayOfWeek = [];\r\n this.slideDayOfWeek = [];\r\n let idxDayofWeek = \"\";\r\n for (let i = 0; i < result.Data.length; i++) {\r\n result.Data[i].UnitList = JSON.parse(result.Data[i].UnitString);\r\n for(let j = 0; j < result.Data[i].UnitList.length; j++){\r\n if(result.Data[i].ShowUnit == undefined){\r\n result.Data[i].ShowUnit = \"\";\r\n }\r\n if(j != result.Data[i].UnitList.length - 1){\r\n result.Data[i].ShowUnit = result.Data[i].ShowUnit + \" \" + result.Data[i].UnitList[j].Name + \",\";\r\n } else{\r\n result.Data[i].ShowUnit = result.Data[i].ShowUnit + \" \" + result.Data[i].UnitList[j].Name;\r\n }\r\n }\r\n result.Data[i].Admin = JSON.parse(result.Data[i].AdminString);\r\n for(let k = 0; k < result.Data[i].Admin.length; k++){\r\n if(result.Data[i].ShowAdmin == undefined){\r\n result.Data[i].ShowAdmin = \"\";\r\n }\r\n if(k != result.Data[i].Admin.length - 1){\r\n result.Data[i].ShowAdmin = result.Data[i].ShowAdmin + \" \" + result.Data[i].Admin[k].FullName + \",\";\r\n } else{\r\n result.Data[i].ShowAdmin = result.Data[i].ShowAdmin + \" \" + result.Data[i].Admin[k].FullName;\r\n }\r\n }\r\n result.Data[i].RoomMeetingList = JSON.parse(result.Data[i].RoomMeetingString);\r\n if (result.Data[i].RoomMeetingList){\r\n for(let j = 0; j < result.Data[i].RoomMeetingList.length; j++){\r\n if(result.Data[i].RoomMeetingName == undefined){\r\n result.Data[i].RoomMeetingName = \"\";\r\n }\r\n if(j != result.Data[i].RoomMeetingList.length - 1){\r\n result.Data[i].RoomMeetingName = result.Data[i].RoomMeetingName + \" \" + result.Data[i].RoomMeetingList[j].Name + \",\";\r\n } else{\r\n result.Data[i].RoomMeetingName = result.Data[i].RoomMeetingName + \" \" + result.Data[i].RoomMeetingList[j].Name;\r\n }\r\n }\r\n } \r\n result.Data[i].MemberList = JSON.parse(result.Data[i].MemberString);\r\n for (let j = 0; j < result.Data[i].MemberList.length; j++) {\r\n if (result.Data[i].ShowMembers == undefined) {\r\n result.Data[i].ShowMembers = \"\";\r\n }\r\n if (j != result.Data[i].MemberList.length - 1) {\r\n result.Data[i].ShowMembers = result.Data[i].ShowMembers + \" \" + result.Data[i].MemberList[j].FullName + \",\";\r\n } else {\r\n result.Data[i].ShowMembers = result.Data[i].ShowMembers + \" \" + result.Data[i].MemberList[j].FullName;\r\n }\r\n }\r\n if(result.Data[i].FileUrl == null || result.Data[i].FileUrl == \"\"){\r\n result.Data[i].FileUrl = [];\r\n }\r\n else{\r\n result.Data[i].FileUrl = JSON.parse(result.Data[i].FileUrl);\r\n }\r\n result.Data[i].MeetingDayName = this.getDayInWeek(result.Data[i].MeetingDate);\r\n result.Data[i].DayName = this.getDayInWeek(result.Data[i].StartAt);\r\n result.Data[i].DayHour = this.getHour(result.Data[i].StartAt);\r\n result.Data[i].StartAtRp = result.Data[i].StartAt;\r\n\r\n if (idxDayofWeek != result.Data[i].DayName){\r\n idxDayofWeek = result.Data[i].DayName; \r\n this.slideDayOfWeek.push({\r\n ID: idxDayofWeek,\r\n Ob: [result.Data[i]],\r\n ObGrid: null\r\n })\r\n }else {\r\n if(this.slideDayOfWeek.length > 0){\r\n this.slideDayOfWeek[this.slideDayOfWeek.indexOf(this.slideDayOfWeek.find(r=> r.ID == idxDayofWeek))].Ob.push(result.Data[i])\r\n } \r\n }\r\n\r\n if (dayOfWeek.find(dayItem => {\r\n return dayItem === result.Data[i].DayName;\r\n })) {\r\n result.Data[i].DayName = '';\r\n result.Data[i].StartAtRp = null;\r\n } else {\r\n dayOfWeek.push(result.Data[i].DayName);\r\n }\r\n this.fromDatePrintDraft = new Date(result.Data[0].MeetingDate);\r\n }\r\n this.dataMeetings = result.Data;\r\n\r\n this.slideDayOfWeek.forEach(r => {\r\n r.ObGrid = {\r\n data: orderBy(r.Ob, this.dataMeetingSortByField),\r\n total: r.Ob.length\r\n }; \r\n r.ObGrid = process(r.Ob, this.dataMeetingStateRP);\r\n });\r\n this.bindMeetings();\r\n }\r\n const day = this.fromDatePrintDraft.getDay();\r\n this.fromDatePrintDraft = new Date(this.fromDatePrintDraft.setDate(this.fromDatePrintDraft.getDate() - day + (day == 0 ? -6:1)));\r\n const fromDate = new Date(this.fromDatePrintDraft);\r\n if(this.fromDatePrintDraft){ \r\n this.toDatePrintDraft = new Date(fromDate.setDate(fromDate.getDate() + 6));\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n this.reviewRpbtn = true;\r\n }\r\n\r\n // Move to previous slide\r\n getToPrev() {\r\n this.ngCarousel.prev();\r\n }\r\n\r\n // Move to next slide\r\n goToNext() {\r\n this.ngCarousel.next();\r\n }\r\n\r\n // Pause slide\r\n stopCarousel() {\r\n this.ngCarousel.pause();\r\n }\r\n}\r\n\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2RhdGEvb2ZmaWNlLWRydC9vZmZpY2UtZHJ0LmNvbXBvbmVudC5jc3MifQ== */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter, Input, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { t } from '@angular/core/src/render3';\r\n\r\n@Component({\r\n selector: 'app-office',\r\n templateUrl: './office.component.html',\r\n styleUrls: ['./office.component.css']\r\n})\r\nexport class OfficeComponent implements OnInit, OnDestroy {\r\n\r\n\r\n\r\n @Input() officeDrt = 0;\r\n\r\n isSticky = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset >= 260;\r\n }\r\n\r\n //codeimage\r\n commentInput = null;\r\n\r\n uploadFlag = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n user: any;\r\n loading = false;\r\n dataOffices = [];\r\n dataOfficeSelectableSettings: SelectableSettings;\r\n dataOfficeSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataOfficeFocus = {\r\n Name: true\r\n };\r\n dataOfficeSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n //imagesUploadName = \"\";\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 20;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataOfficeSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataOfficePageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataOfficeSelection: number[] = [];\r\n dataOfficeItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataOfficeState: State = {\r\n skip: this.dataOfficeSkip,\r\n take: this.dataOfficeSkip + this.dataOfficePageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'TypeName' }]\r\n };\r\n dataOfficeGridDataResult: GridDataResult;\r\n\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataFileUrlsSelection: number[] = [];\r\n\r\n officeTypes: Array<{ Name: string, ID: string, ParentName: string }>;\r\n officeTypesFilter: Array<{ Name: string, ID: string, ParentName: string}>;\r\n officeTypesSearch: Array<{ Name: string, ID: string, ParentName: string }>;\r\n\r\n accountTypes: Array<{ Name: string, ID: string, ParentName: string }>;\r\n accountTypesFilter: Array<{ Name: string, ID: string, ParentName: string }>;\r\n accountTypesSearch: Array<{ Name: string, ID: string, ParentName: string }>;\r\n\r\n publishTypes: Array<{ Name: string, ID: string }>;\r\n publishTypesFilter: Array<{ Name: string, ID: string }>;\r\n publishTypesSearch: Array<{ Name: string, ID: string }>;\r\n\r\n fieldTypes: Array<{ Name: string, ID: string }>;\r\n fieldTypesFilter: Array<{ Name: string, ID: string }>;\r\n fieldTypesSearch: Array<{ Name: string, ID: string }>;\r\n\r\n filesUpload: Array;\r\n filesUploadName = \"\";\r\n dataFileUrls: any[];\r\n public fileSaveUrl: any;\r\n\r\n types: Array<{ Name: string, ID: number }>;\r\n priorities: Array<{ Name: string, ID: number }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n allowInsertFile = true;\r\n\r\n currentDate = new Date();\r\n currentMonth = this.currentDate.getMonth();\r\n currentYear = this.currentDate.getFullYear();\r\n\r\n searchOption = {\r\n SearchText: '',\r\n OfficeTypeID: null,\r\n PublishTypeID: null,\r\n CategoryTypeID: null,\r\n FieldTypeID: null,\r\n FromDate: null,\r\n ToDate: null,\r\n Type: 0\r\n };\r\n\r\n public min: Date = new Date(1900, 0, 1);\r\n public max: Date = new Date();\r\n\r\n myRestrictions: FileRestrictions = {\r\n maxFileSize: 1024 * 1024 * 120\r\n };\r\n\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n \r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n\r\n ngOnInit() {\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataOfficeSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n\r\n onOfficeTypeHandleFilter(value) {\r\n this.officeTypesFilter = this.officeTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onOfficeTypeSearchHandleFilter(value) {\r\n this.officeTypesSearch = this.officeTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onPublishTypeHandleFilter(value) {\r\n this.publishTypesFilter = this.publishTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onPublishTypeSearchHandleFilter(value) {\r\n this.publishTypesSearch = this.publishTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onAccountTypeHandleFilter(value) {\r\n this.accountTypesFilter = this.accountTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onAccountTypeSearchHandleFilter(value) {\r\n this.accountTypesSearch = this.accountTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onFieldTypeHandleFilter(value) {\r\n this.fieldTypesFilter = this.fieldTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onFieldTypeSearchHandleFilter(value) {\r\n this.fieldTypesSearch = this.fieldTypes.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onTypeSearchHandleFilter(value) {\r\n this.onReload();\r\n }\r\n\r\n\r\n onSearchKeyPress(e: any) {\r\n // if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n // this.onSearch();\r\n // }\r\n }\r\n\r\n async getOffices() {\r\n this.loading = true;\r\n const dataRequest = {\r\n SearchText: this.searchOption.SearchText,\r\n OfficeTypeID: this.searchOption.OfficeTypeID,\r\n PublishTypeID: this.searchOption.PublishTypeID,\r\n CategoryTypeID: this.searchOption.CategoryTypeID,\r\n FieldTypeID: this.searchOption.FieldTypeID,\r\n FromDate: this.searchOption.FromDate ? this.intl.formatDate(new Date(this.searchOption.FromDate), 'yyyy-MM-ddT00:00:00') : null,\r\n ToDate: this.searchOption.ToDate ? this.intl.formatDate(new Date(this.searchOption.ToDate), 'yyyy-MM-ddT00:00:00') : null,\r\n Type: this.searchOption.Type\r\n };\r\n\r\n const result = await this.appService.doPOST('api/Office/Search', dataRequest);\r\n if (result && result.Status === 1) {\r\n for(let k = 0; k < result.Data.length; k++){\r\n \r\n if(result.Data[k].FileUrl == null || result.Data.FileUrl == \"\"){\r\n result.Data[k].FileUrl = [];\r\n }\r\n else{ \r\n result.Data[k].FileUrl = JSON.parse(result.Data[k].FileUrl); \r\n }\r\n if (result.Data[k].Priority == 0){\r\n result.Data[k].PriorityName = \"Khẩn\";\r\n }else if (result.Data[k].Priority == 1){\r\n result.Data[k].PriorityName = \"Bình thường\";\r\n }\r\n }\r\n this.dataOffices = result.Data; \r\n\r\n this.bindOffices();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataOfficeSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataOffices.find((item) => {\r\n return item.ID === this.dataOfficeSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataOfficeSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataOfficeItem = {\r\n IsAdd: true,\r\n SerialNumber: '',\r\n OfficeTypeID: null,\r\n PublishAt: '',\r\n PublishTypeID: '',\r\n FieldTypeID: null,\r\n Summary: '',\r\n SignatureBy: '',\r\n FileUrl: [],\r\n CreateAt: new Date(),\r\n UpdateAt: new Date(),\r\n DelFlg: false,\r\n Type: this.officeDrt,\r\n Title: '',\r\n Priority: 1,\r\n OrderIdx: 0,\r\n UrlPath: ''\r\n };\r\n\r\n this.searchOption.Type = this.officeDrt;\r\n\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.dataOfficeSelection = [];\r\n this.filesUpload = [];\r\n this.filesUploadName = \"\";\r\n this.dataFileUrls = [];\r\n // this.bindFileUrls();\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n\r\n if(this.currentMonth == 0){\r\n this.searchOption.FromDate = new Date(this.currentYear - 1, 11, 1);\r\n }else {\r\n this.searchOption.FromDate = new Date(this.currentYear, this.currentMonth -1, 1);\r\n }\r\n this.searchOption.ToDate = new Date(this.currentYear, this.currentMonth +1, 0);\r\n }\r\n\r\n onPostPageChange(event: PageChangeEvent) {\r\n this.dataOfficeSkip = event.skip;\r\n this.bindOffices();\r\n }\r\n\r\n async onOfficeselectedKeysChange() {\r\n \r\n if (this.dataOfficeSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n if (this.dataOfficeSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataOfficeSelection[0];\r\n const selectedItem = this.dataOffices.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n selectedItem.PublishAt = selectedItem.PublishAt ? new Date(selectedItem.PublishAt) : null;\r\n\r\n this.dataOfficeItem = selectedItem;\r\n\r\n // const fileUrl = selectedItem.FileUrl;\r\n // this.dataFileUrls = [];\r\n // if (fileUrl) {\r\n // this.dataFileUrls.push({\r\n // Name: this.getNameByUrl(selectedItem.FileUrl),\r\n // Url: selectedItem.FileUrl\r\n // });\r\n // }\r\n // this.bindFileUrls();\r\n\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindOffices() {\r\n this.dataOfficeGridDataResult = {\r\n data: orderBy(this.dataOffices, this.dataOfficeSortByField),\r\n total: this.dataOffices.length\r\n };\r\n\r\n this.dataOfficeGridDataResult = process(this.dataOffices, this.dataOfficeState);\r\n }\r\n\r\n // bindFileUrls() {\r\n // this.dataFileUrlsGridDataResult = {\r\n // data: this.dataFileUrls,\r\n // total: this.dataFileUrls.length\r\n // };\r\n\r\n // this.dataOfficeGridDataResult = process(this.dataOffices, this.dataOfficeState);\r\n // }\r\n\r\n onOfficesortChange(sort: SortDescriptor[]): void {\r\n this.dataOfficeSortByField = sort;\r\n this.bindOffices();\r\n }\r\n\r\n public onPostDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataOfficeSelection = [];\r\n this.dataOfficeState = state;\r\n this.dataOfficeGridDataResult = process(this.dataOffices, this.dataOfficeState);\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n // this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n // this.onReload();\r\n // });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n // loai van ban\r\n // const officeTypeDataRequest = {\r\n // pageID: this.appControls.getPage().replace('data', 'portal')\r\n // }\r\n const resultOfficeType = await this.appService.doGET('api/Office/GetOfficeType', null);\r\n if (resultOfficeType && resultOfficeType.Status === 1) {\r\n for (let i = 0; i < resultOfficeType.Data.length; i++){\r\n if(resultOfficeType.Data[i].ParentName != resultOfficeType.Data[i].Name && resultOfficeType.Data[i].ParentName != null){\r\n resultOfficeType.Data[i].Name = resultOfficeType.Data[i].Name + \" (\" + resultOfficeType.Data[i].ParentName + \")\"\r\n } \r\n }\r\n this.officeTypes = resultOfficeType.Data;\r\n this.officeTypesFilter = this.officeTypes.slice();\r\n this.officeTypesSearch = this.officeTypes.slice();\r\n }\r\n\r\n // co truong muc\r\n const resultAccountType = await this.appService.doGET('api/Office/GetCategoryType', null);\r\n if (resultAccountType && resultAccountType.Status === 1) {\r\n for (let i = 0; i < resultAccountType.Data.length; i++){\r\n if(resultAccountType.Data[i].ParentName != resultAccountType.Data[i].Name && resultAccountType.Data[i].ParentName != null){\r\n resultAccountType.Data[i].Name = resultAccountType.Data[i].Name + \" (\" + resultAccountType.Data[i].ParentName + \")\"\r\n } \r\n }\r\n this.accountTypes = resultAccountType.Data;\r\n this.accountTypesFilter = this.accountTypes.slice();\r\n this.accountTypesSearch = this.accountTypes.slice();\r\n }\r\n\r\n // co quan ban hanh\r\n const resultPublishType = await this.appService.doGET('api/Office/GetPublishType', null);\r\n if (resultPublishType && resultPublishType.Status === 1) {\r\n this.publishTypes = resultPublishType.Data;\r\n this.publishTypesFilter = this.publishTypes.slice();\r\n this.publishTypesSearch = this.publishTypes.slice();\r\n }\r\n\r\n // linh vuc\r\n const resultFieldType = await this.appService.doGET('api/Office/GetFieldType', null);\r\n if (resultFieldType && resultFieldType.Status === 1) {\r\n this.fieldTypes = resultFieldType.Data;\r\n this.fieldTypesFilter = this.fieldTypes.slice();\r\n this.fieldTypesSearch = this.fieldTypes.slice();\r\n }\r\n\r\n this.types = [\r\n { Name: 'Thư viện điện tử', ID: 0 },\r\n { Name: 'Thông tin chỉ đạo', ID: 1 }\r\n ];\r\n\r\n this.priorities = [\r\n { Name: 'Khẩn', ID: 0 },\r\n { Name: 'Bình thường', ID: 1 }\r\n ];\r\n }\r\n\r\n onSearch() {\r\n this.getOffices();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n //this.searchOption.SearchText = '';\r\n this.getOffices();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearPost() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewPost() {\r\n \r\n this.setDefault();\r\n this.infoOpened = true;\r\n }\r\n\r\n async onSavePost() {\r\n if (this.dataOfficeItem.IsAdd) { this.addPost(); } else { this.updatePost(); }\r\n }\r\n\r\n async onSaveOffices() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataOffices.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataOffices[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Office/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataOfficeItem;\r\n\r\n // let fileName = '';\r\n // if (this.dataFileUrls.length > 0) {\r\n // fileName = this.dataFileUrls[0].Url;\r\n // }\r\n var files: any[] = [];\r\n if (this.dataOfficeItem.FileUrl) {\r\n for (let i = 0; i < this.dataOfficeItem.FileUrl.length; i++) {\r\n // this.dataOfficeItem.FileUrl[i] = this.dataOfficeItem.FileUrl[i].replace(\" \",\"_\")\r\n files.push(this.dataOfficeItem.FileUrl[i]);\r\n }\r\n }\r\n //\r\n return {\r\n ID: temp.ID,\r\n SerialNumber: temp.SerialNumber,\r\n OfficeTypeID: temp.OfficeTypeID,\r\n PublishAt: temp.PublishAt ? this.intl.formatDate(new Date(temp.PublishAt), 'yyyy-MM-ddT00:00:00') : null,\r\n PublishTypeID: temp.PublishTypeID,\r\n CategoryTypeID: temp.CategoryTypeID,\r\n FieldTypeID: temp.FieldTypeID,\r\n Summary: temp.Summary,\r\n SignatureBy: temp.SignatureBy,\r\n FileUrl: JSON.stringify(files),\r\n CreateAt: temp.CreateAt,\r\n UpdateAt: temp.UpdateAt,\r\n DelFlg: temp.DelFlg,\r\n Type: temp.Type,\r\n Title: temp.Title,\r\n Priority: temp.Priority,\r\n OrderIdx: temp.OrderIdx,\r\n UrlPath: temp.UrlPath\r\n };\r\n }\r\n\r\n onClosePost(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n onEditPost() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.infoOpened = true;\r\n }\r\n\r\n async addPost() {\r\n this.appComponent.loading = true; \r\n if (this.dataOfficeItem.PublishAt){\r\n if (this.dataOfficeItem.PublishAt.getTime() < this.min || this.dataOfficeItem.PublishAt.getTime() > this.max ){\r\n this.appSwal.showWarning(this.translate.instant('RangeDate'), false);\r\n }else {\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Office', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n }else {\r\n this.appSwal.showWarning(\"Ngày ban hành đang rỗng\", false);\r\n }\r\n \r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updatePost() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n const id = this.dataOfficeItem.ID;\r\n if (this.dataOfficeItem.PublishAt.getTime() < this.min || this.dataOfficeItem.PublishAt.getTime() > this.max){\r\n this.appSwal.showWarning(this.translate.instant('RangeDate'), false);\r\n }else {\r\n const dataRequest = this.createDataRequest(this.dataOfficeItem);\r\n const result = await this.appService.doPUT('api/Office', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n \r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeletePost() {\r\n if (this.dataOfficeSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataOfficeSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Office/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n //this.onAddNewPost();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataOfficeSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n // getNameByUrl(fileUrl) {\r\n // const nameFile = fileUrl.replace(/^.*[\\\\\\/]/, '');\r\n\r\n // return nameFile;\r\n // }\r\n\r\n async onDownloadFile(dataItem: any) {\r\n\r\n const dataRequest = {\r\n url: dataItem.Url\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, dataItem.Name);\r\n }\r\n }\r\n\r\n onDeleteFile(dataItem: any) {\r\n\r\n for (let i = this.dataFileUrls.length - 1; i >= 0; i--) {\r\n if (this.dataFileUrls[i].Url === dataItem.Url) {\r\n this.dataFileUrls.splice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n // this.bindFileUrls();\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n this.dataOffices.forEach(item =>{\r\n item.PublishAt = this.intl.formatDate(new Date(item.PublishAt), 'dd/MM/yyyy')\r\n })\r\n const result: ExcelExportData = {\r\n data: process(this.dataOffices, {}).data\r\n };\r\n\r\n return result;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return;\r\n }\r\n\r\n const extension = e.files[0].extension.toLowerCase();\r\n\r\n this.allowInsertFile = true;\r\n\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.allowInsertFile = false;\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n }\r\n } catch {\r\n }\r\n\r\n // tslint:disable-next-line: max-line-length\r\n if (!extension || (extension.toLowerCase() !== '.doc' && extension.toLowerCase() !== '.docx' && extension.toLowerCase() !== '.pdf'\r\n && extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.zip')) {\r\n this.allowInsertFile = false;\r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .doc, .docx, .pdf, .xlsx, .xls, .zip', false);\r\n\r\n return false;\r\n }\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n\r\n if (!this.allowInsertFile) {\r\n return;\r\n }\r\n\r\n try {\r\n // this.dataFileUrls = [];\r\n // const k = `${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n // this.dataFileUrls.push({\r\n // Name: this.getNameByUrl(k),\r\n // Url: k\r\n // });\r\n this.dataOfficeItem.FileUrl.push(`${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`);\r\n // this.bindFileUrls();\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n getFileName(fileUrls) {\r\n var nameFile = \"\";\r\n if (fileUrls != \"\" && fileUrls != null) {\r\n var urlArr = fileUrls.split(\"/\");\r\n if (urlArr.length > 0) {\r\n nameFile = urlArr[urlArr.length - 1];\r\n if (nameFile != \"\" && nameFile != null) {\r\n var indexOfFirst = nameFile.indexOf(\"_\");\r\n nameFile = nameFile.substring(indexOfFirst + 1);\r\n }\r\n }\r\n }\r\n return nameFile;\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n this.dataOfficeItem.FileUrl = [];\r\n this.filesUploadName = '';\r\n this.filesUpload = [];\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n onRemoveFile(file){\r\n var isExistedInFile = this.dataOfficeItem.FileUrl.findIndex(x => x == file);\r\n if (isExistedInFile != -1) {\r\n this.dataOfficeItem.FileUrl.splice(isExistedInFile, 1);\r\n }\r\n }\r\n\r\n titleChange(e : any){\r\n if (e){\r\n this.dataOfficeItem.UrlPath = this.cleanAccents(e);\r\n } \r\n } \r\n cleanAccents (str: string){\r\n str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g,\"a\"); \r\n str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g,\"e\"); \r\n str = str.replace(/ì|í|ị|ỉ|ĩ/g,\"i\"); \r\n str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g,\"o\"); \r\n str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g,\"u\"); \r\n str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g,\"y\"); \r\n str = str.replace(/đ/g,\"d\");\r\n str = str.replace(/À|Á|Ạ|Ả|Ã|Â|Ầ|Ấ|Ậ|Ẩ|Ẫ|Ă|Ằ|Ắ|Ặ|Ẳ|Ẵ/g, \"A\");\r\n str = str.replace(/È|É|Ẹ|Ẻ|Ẽ|Ê|Ề|Ế|Ệ|Ể|Ễ/g, \"E\");\r\n str = str.replace(/Ì|Í|Ị|Ỉ|Ĩ/g, \"I\");\r\n str = str.replace(/Ò|Ó|Ọ|Ỏ|Õ|Ô|Ồ|Ố|Ộ|Ổ|Ỗ|Ơ|Ờ|Ớ|Ợ|Ở|Ỡ/g, \"O\");\r\n str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, \"U\");\r\n str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, \"Y\");\r\n str = str.replace(/Đ/g, \"D\");\r\n // Some system encode vietnamese combining accent as individual utf-8 characters\r\n // Một vài bộ encode coi các dấu mũ, dấu chữ như một kí tự riêng biệt nên thêm hai dòng này\r\n str = str.replace(/\\u0300|\\u0301|\\u0303|\\u0309|\\u0323/g, \"\"); // ̀ ́ ̃ ̉ ̣ huyền, sắc, ngã, hỏi, nặng\r\n str = str.replace(/\\u02C6|\\u0306|\\u031B/g, \"\"); // ˆ ̆ ̛ Â, Ê, Ă, Ơ, Ư \r\n str = str.replace(/[!&\\/\\\\#,+()$~%.'\":*?<>{} ]/g,'-'); \r\n str = str.trim();\r\n return str;\r\n }\r\n}\r\n\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2RhdGEvb3JnYW5pemUvb3JnYW5pemUuY29tcG9uZW50LmNzcyJ9 */\"","module.exports = \"\\r\\n \\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { saveAs } from '@progress/kendo-file-saver';\r\nimport { Http } from '@angular/http';\r\nimport { KendoButtonService } from '@progress/kendo-angular-buttons/dist/es2015/button/button.service';\r\nimport { DataSource } from '@angular/cdk/table';\r\n\r\n\r\n@Component({\r\n selector: 'app-part',\r\n templateUrl: './part.component.html',\r\n styleUrls: ['./part.component.css']\r\n})\r\nexport class PartComponent implements OnInit, OnDestroy {\r\n\r\n isStickySearch = false\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isStickySearch = window.pageYOffset >= 140;\r\n }\r\n\r\n user: any;\r\n loading = false;\r\n dataParts = [];\r\n dataPartSelectableSettings: SelectableSettings;\r\n dataPartSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataPartFocus = {\r\n Name: true\r\n };\r\n dataPartSortByField: SortDescriptor[] = [];\r\n\r\n public WORKING_NUM_PAGING_SKIP = 0;\r\n public WORKING_NUM_PAGING_TAKE = 50;\r\n public WORKING_NUM_PAGING_BTN = 5;\r\n\r\n dataPartSkip = this.WORKING_NUM_PAGING_SKIP;\r\n dataPartPageSize = this.WORKING_NUM_PAGING_TAKE;\r\n dataPartSelection: number[] = [];\r\n dataPartItem: any;\r\n dataPartItemEnLanguage: any;\r\n dataPartItemtemp: any;\r\n myInterval: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.WORKING_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataPartState: State = {\r\n skip: this.dataPartSkip,\r\n take: this.dataPartSkip + this.dataPartPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n dataPartGridDataResult: GridDataResult;\r\n\r\n Parts: Array<{ Name: string, ID: string }>;\r\n PartsFilter: Array<{ Name: string, ID: string }>;\r\n Partfile: Array<{ Name: string, ID: string }>;\r\n\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n pageName: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n InputingFile = false;\r\n\r\n searchOption = {\r\n SearchText: ''\r\n };\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private http: Http,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n this.getPageName();\r\n }\r\n\r\n PartsHandleFilter(value) {\r\n this.PartsFilter = this.Parts.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.allowMulti = !this.allowMulti;\r\n if (this.InputingFile === true) {\r\n this.allowMulti = false;\r\n this.dataPartSelectableSettings = {\r\n enabled: false,\r\n mode: 'single'\r\n };\r\n } else {\r\n this.dataPartSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n }\r\n\r\n setSelectableSettingsFile(): void {\r\n this.dataPartSelectableSettings = {\r\n enabled: true,\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n async getParts() {\r\n this.loading = true;\r\n const dataRequest = {\r\n searchText: this.searchOption.SearchText\r\n };\r\n\r\n const result = await this.appService.doGET('api/Part/Search', dataRequest);\r\n if (result && result.Status) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < result.Data.length; i++) {\r\n if (result.Data[i].ParentID !== '') {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let j = 0; j < result.Data.length; j++) {\r\n if (result.Data[i].ParentID === result.Data[j].ID) {\r\n result.Data[i].ParentName = result.Data[j].Name\r\n }\r\n }\r\n }\r\n }\r\n\r\n this.dataParts = result.Data;\r\n this.bindParts();\r\n\r\n\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n\r\n this.getPartParent();\r\n }\r\n\r\n async getPartParent() {\r\n const result = await this.appService.doGET('api/Part', null);\r\n if (result && result.Status) {\r\n this.Parts = result.Data;\r\n this.PartsFilter = this.Parts.slice();\r\n }\r\n }\r\n\r\n checkSelectionID() {\r\n for (let i = this.dataPartSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataParts.find((item) => {\r\n return item.ID === this.dataPartSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataPartSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataPartItem = {\r\n IsAdd: true,\r\n ID: '',\r\n Name: '',\r\n ParentID: '',\r\n ParentName: '',\r\n DelFlg: false\r\n };\r\n this.dataPartItemEnLanguage = {\r\n ID: null,\r\n PartID: null,\r\n Name: null,\r\n CreateAt: null,\r\n CreateBy: null,\r\n UpdateAt: null,\r\n UpdateBy: null,\r\n LanguageID: null,\r\n };\r\n this.dataPartItemtemp = Object.assign({}, this.dataPartItem);\r\n\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.dataPartSelection = [];\r\n }\r\n bindtemp(item) {\r\n this.dataPartItemtemp = Object.assign({}, item);\r\n }\r\n\r\n onPartPageChange(event: PageChangeEvent) {\r\n this.dataPartSkip = event.skip;\r\n this.bindParts();\r\n }\r\n\r\n async onPartSelectedKeysChange() {\r\n if (this.dataPartSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n if (this.dataPartSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n if (this.dataParts.length > 0 && this.InputingFile === false) {\r\n const selectedID = this.dataPartSelection[0];\r\n const selectedItem = this.dataParts.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = false;\r\n this.dataPartItem = selectedItem;\r\n this.bindtemp(this.dataPartItem);\r\n }\r\n }\r\n }\r\n\r\n bindParts() {\r\n this.dataPartGridDataResult = {\r\n data: orderBy(this.dataParts, this.dataPartSortByField),\r\n total: this.dataParts.length\r\n };\r\n\r\n this.dataPartGridDataResult = process(this.dataParts, this.dataPartState);\r\n }\r\n\r\n onPartSortChange(sort: SortDescriptor[]): void {\r\n this.dataPartSortByField = sort;\r\n this.bindParts();\r\n }\r\n\r\n public onPartDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataPartSelection = [];\r\n this.dataPartState = state;\r\n this.dataPartGridDataResult = process(this.dataParts, this.dataPartState);\r\n }\r\n\r\n getColumnIndex(name) {\r\n const columns = [\r\n // 'ID',\r\n 'Name',\r\n 'ParentID'\r\n ];\r\n\r\n return columns.indexOf(name);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n this.appComponent.loading = true;\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n const extension = e.files[0].extension.toLowerCase();\r\n if (!extension || (extension.toLowerCase() !== '.xlsx' && extension.toLowerCase() !== '.xls' && extension.toLowerCase() !== '.pdf')) {\r\n\r\n this.appSwal.showWarning('Vui lòng chọn tập tin có định dạng .xlsx, .xls.', false);\r\n\r\n return false;\r\n }\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array;\r\n this.InputingFile = true;\r\n this.setSelectableSettings();\r\n this.dataParts = [];\r\n const PartListTemp = this.Parts.slice();\r\n\r\n const parentIdx = this.getColumnIndex('ParentID');\r\n let checkPart;\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 1; i < fileData.length; i++) {\r\n checkPart = PartListTemp.find(x => x.ID === fileData[i][parentIdx] || x.Name === fileData[i][parentIdx]);\r\n\r\n let partName = fileData[i][this.getColumnIndex('Name')];\r\n // check duplicate data\r\n if (this.dataParts.filter(item => item.Name == partName).length > 0\r\n || this.dataParts.filter(item => item.ParentName == partName).length > 0) {\r\n this.appSwal.showError(this.translate.instant('DuplicateDataImport'));\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n return\r\n }\r\n\r\n const obj = {\r\n IsAdd: false,\r\n Name: partName,\r\n ParentID: checkPart ? checkPart.ID : null,\r\n ParentName: checkPart ? checkPart.Name : null\r\n };\r\n\r\n this.dataParts.push(obj);\r\n }\r\n this.bindParts();\r\n this.isEnabledSaveAll = true;\r\n this.appComponent.loading = false;\r\n }\r\n\r\n removeEventHandler() {\r\n this.isEnabledSaveAll = false;\r\n this.onReload();\r\n }\r\n\r\n\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n this.getParts();\r\n }\r\n\r\n async initDisplay() {\r\n\r\n }\r\n\r\n onSearch() {\r\n this.getParts();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.InputingFile = false;\r\n this.setSelectableSettingsFile();\r\n this.searchOption.SearchText = '';\r\n this.getParts();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearPart() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n\r\n\r\n async getPart() {\r\n const result = await this.appService.doGET('api/Part', null);\r\n if (result.Status) {\r\n this.Partfile = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < result.Data.length; i++) {\r\n this.Partfile.push({\r\n ID: result.Data[i].ID,\r\n Name: result.Data[i].Name\r\n });\r\n }\r\n }\r\n }\r\n\r\n async onAddNewPart() {\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.setDefault();\r\n this.infoOpened = true;\r\n const resultPart = await this.appService.doGET('api/Part', null);\r\n if (resultPart && resultPart.Status === 1) {\r\n this.Parts = resultPart.Data;\r\n this.PartsFilter = this.Parts.slice();\r\n }\r\n\r\n }\r\n\r\n onSavePart() {\r\n if (this.dataPartItem.IsAdd) {\r\n this.addPart();\r\n\r\n } else {\r\n this.updatePart();\r\n }\r\n\r\n }\r\n\r\n async onSaveParts() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataParts.length; i++) {\r\n // check duplicate data\r\n let part = this.dataParts[i];\r\n const dataRequest = {\r\n searchText: part.Name\r\n };\r\n const resultPartListFromServer = await this.appService.doGET('api/Part/Search', dataRequest);\r\n let isDuplicate = false;\r\n if (resultPartListFromServer && resultPartListFromServer.Data &&\r\n\t\t\t\tresultPartListFromServer.Data.length > 0) {\r\n resultPartListFromServer.Data.forEach(element => {\r\n\t\t\t\t\tif (element.Name == part.Name) {\r\n\t\t\t\t\t\tisDuplicate = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif (isDuplicate == false) {\r\n\t\t\t\tdataRequests.push(this.createDataRequest(this.dataParts[i]));\r\n\t\t\t}\r\n \r\n }\r\n const result = await this.appService.doPOST('api/Part/Saves', dataRequests);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataPartItemtemp;\r\n const tempEnLanguage = this.dataPartItemEnLanguage;\r\n return {\r\n Part: {\r\n ID: temp.ID,\r\n Name: temp.Name,\r\n ParentID: temp.ParentID,\r\n ParentName: temp.ParentName,\r\n DelFlg: temp.DelFlg\r\n },\r\n EnLanguage: {\r\n ID: tempEnLanguage.ID,\r\n PartID: tempEnLanguage.PartID,\r\n Name: tempEnLanguage.Name,\r\n CreateAt: tempEnLanguage.CreateAt,\r\n CreateBy: tempEnLanguage.CreateBy,\r\n UpdateAt: tempEnLanguage.UpdateAt,\r\n UpdateBy: tempEnLanguage.UpdateBy,\r\n LanguageID: 'en-US'\r\n }\r\n \r\n };\r\n }\r\n\r\n onEditPart() {\r\n this.infoOpened = true;\r\n this.enabled = true;\r\n this.enabledID = false;\r\n this.getLanguage();\r\n }\r\n\r\n async addPart() {\r\n this.appComponent.loading = true;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Part', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updatePart() {\r\n this.appComponent.loading = true;\r\n const id = this.dataPartItem.ID;\r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPUT('api/Part', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.infoOpened = false;\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeletePart() {\r\n if (this.dataPartSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataPartSelection),\r\n FlgRevert: false\r\n };\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Part/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.setDefault();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataPartSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n onCloseInfo(e) {\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n async getLanguage(){\r\n var k = 0;\r\n if(this.dataPartItem.ID != null){\r\n const dataRequest = {\r\n id: this.dataPartItem.ID\r\n }\r\n const result = await this.appService.doGET('api/Part/GetPartLanguage', dataRequest);\r\n if (result && result.Status == 1) {\r\n for(let i = 0; i < result.Data.length; i++){\r\n if(result.Data[i].LanguageID == \"en-US\"){\r\n this.dataPartItemEnLanguage = result.Data[i];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n public onTabSelect(e) {\r\n \r\n }\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n","module.exports = \".ngBL {\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.ndBL {\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n.img-banner {\\r\\n width: 100%;\\r\\n max-height: 500px;\\r\\n}\\r\\n\\r\\n.title {\\r\\n font-size: 28px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.group-body-item {\\r\\n padding-bottom: 10px;\\r\\n padding-top: 10px;\\r\\n height: 130px;\\r\\n}\\r\\n\\r\\n.group-body-item-none-bg {\\r\\n padding-bottom: 10px;\\r\\n padding-top: 10px;\\r\\n}\\r\\n\\r\\n.description {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.img-comment {\\r\\n width: 75px;\\r\\n height: 75px;\\r\\n float: left;\\r\\n}\\r\\n\\r\\n.group-body-item:hover,\\r\\n.group-body-item-none-bg :hover {\\r\\n color: #006CB7;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.portal .group-body-2 {\\r\\n background-color: #F5F5F5;\\r\\n padding: 10px 20px;\\r\\n}\\r\\n\\r\\n.file-uploaded {\\r\\n color: #006CB7 !important;\\r\\n}\\r\\n\\r\\n.group-header {\\r\\n padding-top: 13px;\\r\\n padding-bottom: 13px;\\r\\n border-left: 5px solid #006CB7;\\r\\n padding-left: 14px;\\r\\n font-size: 20px;\\r\\n color: #006CB7;\\r\\n font-weight: 500;\\r\\n background-color: #f5f5f5;\\r\\n /* text-transform: capitalize; */\\r\\n}\\r\\n\\r\\n.dialog-post {\\r\\n z-index: 1000 !important;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9wb3N0LXdhcmQvcG9zdC13YXJkLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxlQUFlO0FBQ25COztBQUVBO0lBQ0ksZUFBZTtBQUNuQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksb0JBQW9CO0lBQ3BCLGlCQUFpQjtJQUNqQixhQUFhO0FBQ2pCOztBQUVBO0lBQ0ksb0JBQW9CO0lBQ3BCLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0lBQ1osV0FBVztBQUNmOztBQUVBOztJQUVJLGNBQWM7SUFDZCxlQUFlO0FBQ25COztBQUVBO0lBQ0kseUJBQXlCO0lBQ3pCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixvQkFBb0I7SUFDcEIsOEJBQThCO0lBQzlCLGtCQUFrQjtJQUNsQixlQUFlO0lBQ2YsY0FBYztJQUNkLGdCQUFnQjtJQUNoQix5QkFBeUI7SUFDekIsZ0NBQWdDO0FBQ3BDOztBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9wb3N0LXdhcmQvcG9zdC13YXJkLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIubmdCTCB7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbn1cclxuXHJcbi5uZEJMIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxufVxyXG5cclxuLmltZy1iYW5uZXIge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBtYXgtaGVpZ2h0OiA1MDBweDtcclxufVxyXG5cclxuLnRpdGxlIHtcclxuICAgIGZvbnQtc2l6ZTogMjhweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG59XHJcblxyXG4uZ3JvdXAtYm9keS1pdGVtIHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxMHB4O1xyXG4gICAgcGFkZGluZy10b3A6IDEwcHg7XHJcbiAgICBoZWlnaHQ6IDEzMHB4O1xyXG59XHJcblxyXG4uZ3JvdXAtYm9keS1pdGVtLW5vbmUtYmcge1xyXG4gICAgcGFkZGluZy1ib3R0b206IDEwcHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmRlc2NyaXB0aW9uIHtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbn1cclxuXHJcbi5pbWctY29tbWVudCB7XHJcbiAgICB3aWR0aDogNzVweDtcclxuICAgIGhlaWdodDogNzVweDtcclxuICAgIGZsb2F0OiBsZWZ0O1xyXG59XHJcblxyXG4uZ3JvdXAtYm9keS1pdGVtOmhvdmVyLFxyXG4uZ3JvdXAtYm9keS1pdGVtLW5vbmUtYmcgOmhvdmVyIHtcclxuICAgIGNvbG9yOiAjMDA2Q0I3O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG59XHJcblxyXG4ucG9ydGFsIC5ncm91cC1ib2R5LTIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI0Y1RjVGNTtcclxuICAgIHBhZGRpbmc6IDEwcHggMjBweDtcclxufVxyXG5cclxuLmZpbGUtdXBsb2FkZWQge1xyXG4gICAgY29sb3I6ICMwMDZDQjcgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmdyb3VwLWhlYWRlciB7XHJcbiAgICBwYWRkaW5nLXRvcDogMTNweDtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxM3B4O1xyXG4gICAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjMDA2Q0I3O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAxNHB4O1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgY29sb3I6ICMwMDZDQjc7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcclxuICAgIC8qIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplOyAqL1xyXG59XHJcblxyXG4uZGlhbG9nLXBvc3Qge1xyXG4gICAgei1pbmRleDogMTAwMCAhaW1wb3J0YW50O1xyXG59Il19 */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n\\r\\n \"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { flatten } from '@angular/core/src/render3/util';\r\n\r\n@Component({\r\n selector: 'app-post-ward',\r\n templateUrl: './post-ward.component.html',\r\n styleUrls: ['./post-ward.component.css']\r\n})\r\nexport class PostWardComponent implements OnInit {\r\n //codeimage\r\n commentInput = null;\r\n infoOpened = false;\r\n public abc = '123';\r\n uploadFlag = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n reViewOpened = false;\r\n postTemp = {\r\n MenuName: '',\r\n Title: '',\r\n Description: '',\r\n ImageUrls: ''\r\n };\r\n\r\n public uploadFlgDefault = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n pageName: any;\r\n uploadFlg = this.uploadFlgDefault;\r\n public websiteDefault = null;\r\n websiteLink = this.websiteDefault;\r\n public bannerDef = '../../assets/images/default-01.png';\r\n public imageDef = '../../assets/images/default-02.png';\r\n bannerUrl: any;\r\n public imgSaveUrl: any;\r\n imgImageDefault: any;\r\n imgImageMain: any;\r\n //\r\n\r\n\r\n user: any;\r\n loading = false;\r\n dataPosts = [];\r\n dataPostSelectableSettings: SelectableSettings;\r\n dataPostSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataPostFocus = {\r\n Name: true\r\n };\r\n dataPostSortByField: SortDescriptor[] = [\r\n // {\r\n // field: 'ParentName',\r\n // dir: 'asc'\r\n // }, {\r\n // field: 'OrdinalNumber',\r\n // dir: 'asc'\r\n // }\r\n ];\r\n\r\n dataLogPostSelectableSettings: SelectableSettings;\r\n logPostOpened = false;\r\n //imagesUploadName = \"\";\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataPostSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataPostPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataPostSelection: number[] = [];\r\n dataPostItem: any;\r\n myInterval: any;\r\n\r\n\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n\r\n public dataPostState: State = {\r\n skip: this.dataPostSkip,\r\n take: this.dataPostSkip + this.dataPostPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n //group: [{ field: 'TypeName' }]\r\n };\r\n dataPostGridDataResult: GridDataResult;\r\n\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataFileUrlsSelection: number[] = [];\r\n\r\n dataLogPostGridDataResult: GridDataResult;\r\n dataLogPosts: any[];\r\n\r\n dataMenuID: any[];\r\n\r\n menus: Array<{ Name: string, ID: string }>;\r\n menusFilter: Array<{ Name: string, ID: string }>;\r\n menusFilterSearch: Array<{ Name: string, ID: string }>;\r\n filesUpload: Array;\r\n dataFileUrls: any[];\r\n public fileSaveUrl: any;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public enabled = false;\r\n public enabledID = false;\r\n isEnabledSaveAll = false;\r\n control: any;\r\n controlDefault = true;\r\n allowMulti = true;\r\n\r\n searchOption = {\r\n SearchText: '',\r\n PortalId: 14,\r\n MenuID: ''\r\n };\r\n\r\n portalIds: any[];\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n public domSanitizer: DomSanitizer,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.imgSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=image`;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.initDisplay();\r\n this.onReload();\r\n this.allData = this.allData.bind(this);\r\n this.getPageName();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n \r\n async getPageName() {\r\n this.pageName = await this.appControls.getPageName();\r\n }\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n\r\n this.allowMulti = !this.allowMulti;\r\n this.dataPostSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: this.allowMulti ? 'multiple' : 'single'\r\n };\r\n\r\n this.dataFileUrlsSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'single'\r\n };\r\n }\r\n\r\n onMenusHandleFilter(value) {\r\n this.menusFilter = this.menus.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onMenusSearchHandleFilter(value) {\r\n this.menusFilterSearch = this.menus.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n onSearchKeyPress(e: any) {\r\n if (e.keyCode === 13 && this.searchOption.SearchText) {\r\n this.onSearch();\r\n }\r\n }\r\n\r\n public valueChange(value: any): void {\r\n \r\n }\r\n\r\n async onGetPost15p() {\r\n this.loading = true;\r\n const dataRequest = {\r\n id: this.searchOption.PortalId\r\n };\r\n\r\n const result = await this.appService.doGET('api/Post/GetPost15p', dataRequest);\r\n if (result) {\r\n this.dataPosts = result.Data;\r\n this.bindPosts();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.dataPostSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.dataPosts.find((item) => {\r\n return item.ID === this.dataPostSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.dataPostSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.dataPostItem = {\r\n IsAdd: true,\r\n MenuID: null,\r\n Title: null,\r\n Summary: null,\r\n Description: null,\r\n ImageUrls: null,\r\n FileUrls: null,\r\n CreateAt: new Date(),\r\n UpdateAt: new Date(),\r\n MobileFlg: null,\r\n ApprovedFlg: null,\r\n ApprovedAt: new Date(),\r\n ApprovedBy: null,\r\n OrderIdx: -1,\r\n HotFlg: false,\r\n Note: ''\r\n };\r\n this.imageDef = '../../assets/images/default-02.png';\r\n this.imgImageDefault = [\r\n this.imageDef,\r\n // this.imageDef,\r\n // this.imageDef,\r\n \r\n ];\r\n //this.imagesUploadName = \"\";\r\n this.imgImageMain = [''];\r\n this.uploadFlg = this.uploadFlgDefault;\r\n this.websiteLink = this.websiteDefault;\r\n\r\n this.dataMenuID = [];\r\n this.dataPostSelection = [];\r\n this.filesUpload = [];\r\n this.dataFileUrls = [];\r\n //this.bindFileUrls();\r\n this.fileSaveUrl = `${this.appService.apiRoot}api/Upload/MediaWeb?accountID=${this.user.UserName}&typeData=files`;\r\n }\r\n imgChange = true;\r\n async onImageUrlSelectEventHandler(e: SelectEvent, index) {\r\n if (!e.files || e.files.length <= 0) {\r\n return false;\r\n }\r\n try {\r\n const fileData = e.files[0];// await this.file.readFile(e.files[0].rawFile);\r\n const maxMB = 25;\r\n const maxSizeKB = 1024 * 1024 * maxMB;\r\n if (fileData.size > maxSizeKB) {\r\n this.appSwal.showWarning(`Kích thước tập tin không được lớn hơn ${maxMB} MB`, false);\r\n return false;\r\n }\r\n } catch {\r\n return false;\r\n }\r\n // tslint:disable-next-line: max-line-length\r\n if (e.files[0].extension !== '.jpg' && e.files[0].extension !== '.png' && e.files[0].extension !== '.gif' && e.files[0].extension !== '.jpeg') {\r\n this.appSwal.showWarning(this.translate.instant('MsgImgOnly'), false);\r\n return false;\r\n }\r\n\r\n const fileData = await this.file.readImage(e.files[0].rawFile);\r\n const base64 = `${fileData}`;\r\n this.imgImageDefault[index] = this.domSanitizer.bypassSecurityTrustResourceUrl(base64);\r\n this.imgImageDefault.push(this.imageDef);\r\n this.imgChange = false;\r\n //this.imagesUploadName = e.files[0].rawFile.name;\r\n }\r\n\r\n onImageUrlSuccessEventHandle(e: any, index) {\r\n try {\r\n this.uploadFlg.image = true;\r\n this.imgImageMain[index] = e.response.body.Data.MediaNm[0];\r\n } catch {\r\n this.uploadFlg.image = false;\r\n // this.imgImageDefault[index] = this.imageDef;\r\n }\r\n }\r\n\r\n onImageUrlRemoveEventHandler(index) {\r\n this.imgImageMain[index] = '';\r\n }\r\n\r\n onPostPageChange(event: PageChangeEvent) {\r\n this.dataPostSkip = event.skip;\r\n this.bindPosts();\r\n }\r\n\r\n async onPostSelectedKeysChange() {\r\n\r\n if (this.dataPostSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n\r\n if (this.dataPostSelection.length > 1) {\r\n if (this.allowMulti) {\r\n return;\r\n }\r\n this.appSwal.showWarning(this.translate.instant('SelectSingle'), false);\r\n } else {\r\n const selectedID = this.dataPostSelection[0];\r\n const selectedItem = this.dataPosts.find((item) => {\r\n return item.ID === selectedID;\r\n });\r\n selectedItem.IsAdd = true;\r\n \r\n this.dataPostItem = selectedItem;\r\n /*-------------------------xử lý hình ảnh-------------------------*/\r\n var stringDomain = \"http://www.quan10.gov.vn\";\r\n\r\n //--------lấy nội dung bài viết => lấy index đầu cuối cắt chuỗi--------//\r\n var tempDescription = this.dataPostItem.Description;\r\n var startIndex = tempDescription.indexOf(\"src\");\r\n var endIndex = tempDescription.indexOf('.jpg\"');\r\n\r\n //--------chuỗi đã cắt lấy vị trí để chèn domain--------//\r\n var tempURL_Image = tempDescription.substring(startIndex, endIndex + '.jpg\"'.length + 1)\r\n \r\n var positionDomain = tempURL_Image.indexOf(\"/Portals\");\r\n\r\n //--------chuỗi sau khi gắn domain--------//\r\n var URL_Image = [tempURL_Image.slice(0, positionDomain), stringDomain, tempURL_Image.slice(positionDomain)].join('');\r\n \r\n\r\n //--------replace vào nội dung--------//\r\n do{\r\n this.dataPostItem.Description = this.dataPostItem.Description.replace('src=\"/Portals', 'src=\"http://www.quan10.gov.vn/Portals')\r\n \r\n }\r\n while(this.dataPostItem.Description.indexOf('src=\"/Portals') > 0)\r\n\r\n do{\r\n this.dataPostItem.Description = this.dataPostItem.Description.replace('href=\"/Portals', 'href=\"http://www.quan10.gov.vn/Portals')\r\n }\r\n while(this.dataPostItem.Description.indexOf('href=\"/Portals') > 0)\r\n this.dataPostItem.ImageUrls = selectedItem.ImageUrls;\r\n\r\n /*----------------------------------------------------------------*/\r\n this.imgImageDefault = [];\r\n //call api get base 64 to render image\r\n this.imageDef = '../../assets/images/default-02.png';\r\n this.imgImageDefault = [\r\n this.imageDef,\r\n // this.imageDef,\r\n // this.imageDef,\r\n ];\r\n\r\n const temp = [];\r\n if (selectedItem.MenuName) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.menus.length; i++) {\r\n if (selectedItem.MenuName.indexOf(this.menus[i].Name) >= 0) {\r\n temp.push(this.menus[i]);\r\n }\r\n }\r\n }\r\n this.dataMenuID = temp;\r\n\r\n\r\n // const fileUrls = JSON.parse(selectedItem.FileUrls);\r\n // this.dataFileUrls = [];\r\n // // tslint:disable-next-line:prefer-for-of\r\n // for (let i = 0; i < fileUrls.length; i++) {\r\n // this.dataFileUrls.push({\r\n // Name: this.getNameByUrl(fileUrls[i]),\r\n // Url: fileUrls[i]\r\n // });\r\n // }\r\n // this.bindFileUrls();\r\n //this.imagesUploadName = this.getPostName(this.dataPostItem);\r\n\r\n this.uploadFlg.image = false;\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n }\r\n\r\n bindPosts() {\r\n this.dataPostGridDataResult = {\r\n data: orderBy(this.dataPosts, this.dataPostSortByField),\r\n total: this.dataPosts.length\r\n };\r\n\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n }\r\n\r\n bindFileUrls() {\r\n this.dataFileUrlsGridDataResult = {\r\n data: this.dataFileUrls,\r\n total: this.dataFileUrls.length\r\n };\r\n\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n }\r\n\r\n bindLogPosts() {\r\n this.dataLogPostGridDataResult = {\r\n data: this.dataLogPosts,\r\n total: this.dataLogPosts.length\r\n };\r\n\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n }\r\n\r\n onPostSortChange(sort: SortDescriptor[]): void {\r\n this.dataPostSortByField = sort;\r\n this.bindPosts();\r\n }\r\n\r\n public onPostDataStateChange(state: DataStateChangeEvent): void {\r\n this.dataPostSelection = [];\r\n this.dataPostState = state;\r\n this.dataPostGridDataResult = process(this.dataPosts, this.dataPostState);\r\n //this.onReload();\r\n }\r\n\r\n removeEventHandler(index) {\r\n this.isEnabledSaveAll = false;\r\n this.imgImageMain[index] = '',\r\n this.onReload();\r\n }\r\n\r\n doInterval() {\r\n // this.myInterval = Observable.interval(this.appService.timeInterval).subscribe(() => {\r\n // this.onReload();\r\n // });\r\n }\r\n\r\n onSearchTextChange(e: any) {\r\n if (!this.searchOption.SearchText) {\r\n this.onReload();\r\n }\r\n }\r\n\r\n onRemoveSearchText() {\r\n this.searchOption.SearchText = '';\r\n\r\n }\r\n\r\n async initDisplay() {\r\n\r\n const resultPost = await this.appService.doGET('api/Post/GetMenu', null);\r\n if (resultPost && resultPost.Status === 1) {\r\n this.menus = resultPost.Data;\r\n this.menusFilter = this.menus.slice();\r\n }\r\n\r\n this.portalIds = [\r\n { Name: 'Phường 1 Quận 10', ID: 14 },\r\n { Name: 'Phường 2 Quận 10', ID: 15 },\r\n { Name: 'Phường 3 Quận 10', ID: 16 },\r\n { Name: 'Phường 4 Quận 10', ID: 2 },\r\n { Name: 'Phường 5 Quận 10', ID: 17 },\r\n { Name: 'Phường 6 Quận 10', ID: 18 },\r\n { Name: 'Phường 7 Quận 10', ID: 19 },\r\n { Name: 'Phường 8 Quận 10', ID: 20 },\r\n { Name: 'Phường 9 Quận 10', ID: 10 },\r\n { Name: 'Phường 10 Quận 10', ID: 21 },\r\n { Name: 'Phường 11 Quận 10', ID: 22 },\r\n { Name: 'Phường 12 Quận 10', ID: 23 },\r\n { Name: 'Phường 13 Quận 10', ID: 24 },\r\n { Name: 'Phường 14 Quận 10', ID: 11 },\r\n { Name: 'Phường 15 Quận 10', ID: 7 }\r\n ];\r\n }\r\n\r\n onSearch() {\r\n this.onGetPost15p();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onReload() {\r\n this.searchOption.SearchText = '';\r\n this.onGetPost15p();\r\n this.isEnabledSaveAll = false;\r\n }\r\n\r\n onClearPost() {\r\n this.setDefault();\r\n }\r\n\r\n onAllowSelectMulti() {\r\n this.setSelectableSettings();\r\n }\r\n\r\n onAddNewPost() {\r\n this.enabled = true;\r\n this.enabledID = true;\r\n this.setDefault();\r\n }\r\n\r\n async onSavePost() {\r\n if (this.dataPostItem.IsAdd) { this.addPost(); } else { this.updatePost(); }\r\n this.logPostOpened = false;\r\n }\r\n \r\n onReviewPost() {\r\n this.reViewOpened = true;\r\n this.getPostTemp();\r\n }\r\n getPostTemp() {\r\n const menuIDJSON: any[] = [];\r\n if (this.dataMenuID.length > 0) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataMenuID.length; i++) {\r\n menuIDJSON.push(this.dataMenuID[i].Name);\r\n }\r\n }\r\n\r\n this.postTemp.MenuName = this.dataPostItem.IsAdd ? menuIDJSON.join(';') : this.dataPostItem.MenuName;\r\n this.postTemp.Title = this.dataPostItem.Title;\r\n this.postTemp.Description = this.dataPostItem.Description;\r\n }\r\n\r\n async onSendPost() {\r\n\r\n const dataRequest = {\r\n id: this.dataPostItem.ID\r\n };\r\n console.info(dataRequest);\r\n\r\n const option = await this.appSwal.showWarning('Bạn có chắc chắn muốn xuất tin bài này không?', true);\r\n if (option) {\r\n const result = await this.appService.doGET('api/Post/Send', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.dataPostItem.ApprovedFlg = true;\r\n this.dataPostItem.ApprovedAt = result.Data.ApprovedAt;\r\n this.dataPostItem.ApprovedBy = result.Data.ApprovedBy;\r\n\r\n this.notification.showSuccess(result.Msg);\r\n\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n }\r\n\r\n async onViewLogPost() {\r\n\r\n const dataRequest = {\r\n id: this.dataPostItem.ID\r\n };\r\n\r\n const result = await this.appService.doGET('api/Post/GetLog', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.dataLogPosts = result.Data;\r\n this.bindLogPosts();\r\n\r\n this.logPostOpened = true;\r\n\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n onCloseLogPost(e) {\r\n this.logPostOpened = false;\r\n }\r\n\r\n async onCancelPost() {\r\n\r\n const dataRequest = {\r\n ID: this.dataPostItem.ID\r\n };\r\n\r\n const option = await this.appSwal.showWarning('Bạn có chắc chắn muốn hủy xuất tin bài này không?', true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Post/Send', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.dataPostItem.ApprovedFlg = false;\r\n this.dataPostItem.ApprovedAt = null;\r\n this.dataPostItem.ApprovedBy = null;\r\n\r\n this.notification.showSuccess(result.Msg);\r\n\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n }\r\n\r\n\r\n async onSavePosts() {\r\n this.appComponent.loading = true;\r\n const dataRequests = [];\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataPosts.length; i++) {\r\n dataRequests.push(this.createDataRequest(this.dataPosts[i]));\r\n }\r\n const result = await this.appService.doPOST('api/Post/Saves', dataRequests);\r\n //this.dataPostItem.ImageUrls = (this.uploadFlg.image == true) ? this.parseToArrayTxt(this.imgImageMain) : null;\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.isEnabledSaveAll = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n createDataRequest(data) {\r\n const temp = data ? data : this.dataPostItem;\r\n\r\n // let fileName = '';\r\n // if (this.dataFileUrls.length > 0) {\r\n // fileName = this.dataFileUrls[0].Url;\r\n // }\r\n\r\n const menuIDJSON: any[] = [];\r\n if (this.dataMenuID.length > 0) {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = 0; i < this.dataMenuID.length; i++) {\r\n menuIDJSON.push(this.dataMenuID[i].ID);\r\n }\r\n }\r\n\r\n return {\r\n ID: temp.ID,\r\n MenuID: menuIDJSON.length > 0 ? JSON.stringify(menuIDJSON) : null,\r\n Title: temp.Title,\r\n Summary: temp.Summary,\r\n Description: temp.Description,\r\n ImageUrls: temp.ImageUrls,\r\n FileUrls: null,\r\n CreateAt: temp.CreateAt,\r\n UpdateAt: temp.UpdateAt,\r\n MobileFlg: temp.MobileFlg,\r\n ApprovedFlg: true,\r\n ApprovedAt: this.intl.formatDate(new Date(), 'yyyy-MM-ddT00:00:00'),\r\n ApprovedBy: this.user.UserName,\r\n OrderIdx: temp.OrderIdx,\r\n HotFlg: temp.HotFlg,\r\n Note: temp.Note\r\n };\r\n }\r\n\r\n onClosePost(status: any) {\r\n this.enabled = false;\r\n this.enabledID = false;\r\n }\r\n\r\n onEditPost() {\r\n this.enabled = true;\r\n this.enabledID = false;\r\n //this.logPostOpened = true;\r\n this.infoOpened = true;\r\n }\r\n\r\n parseToArrayTxt(arrayObject) {\r\n var arrayTxt = \"\";\r\n for (var i = 0; i < arrayObject.length; i++) {\r\n if (arrayObject[i] != \"\" && arrayObject[i] != null && arrayObject[i] != this.imageDef) {\r\n if (arrayTxt == \"\") {\r\n arrayTxt = \"[\" + \"\\\"\" + arrayObject[i] + \"\\\"\";\r\n } else {\r\n arrayTxt = arrayTxt + \",\" + \"\\\"\" + arrayObject[i] + \"\\\"\";\r\n }\r\n }\r\n }\r\n\r\n if (arrayTxt != \"\") {\r\n arrayTxt = arrayTxt + \"]\";\r\n }\r\n\r\n return arrayTxt;\r\n }\r\n\r\n async addPost() {\r\n this.appComponent.loading = true;\r\n if(this.imgChange == false){\r\n this.dataPostItem.ImageUrls = (this.uploadFlg.image === true && this.imgImageMain && this.imgImageMain.length > 0)\r\n ? this.imgImageMain[0] : null;\r\n //this.dataPostItem.ImageUrls = (this.uploadFlg.image == true) ? this.parseToArrayTxt(this.imgImageMain) : null;\r\n }\r\n else{\r\n this.dataPostItem.ImageUrls = this.dataPostItem.ImageUrls;\r\n }\r\n \r\n const dataRequest = this.createDataRequest(null);\r\n const result = await this.appService.doPOST('api/Post', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewPost();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async updatePost() {\r\n this.appComponent.loading = true;\r\n // tslint:disable-next-line: max-line-length\r\n // this.dataPostItem.ImageUrls = (this.uploadFlg.image === true && this.imgImageMain && this.imgImageMain.length > 0)\r\n // ? this.imgImageMain[0] : this.dataPostItem.ImageUrls;\r\n if(this.imgChange == false){\r\n this.dataPostItem.ImageUrls = (this.uploadFlg.image === true && this.imgImageMain && this.imgImageMain.length > 0)\r\n ? this.imgImageMain[0] : null;\r\n //this.dataPostItem.ImageUrls = (this.uploadFlg.image == true) ? this.parseToArrayTxt(this.imgImageMain) : null;\r\n }\r\n else{\r\n this.dataPostItem.ImageUrls = this.dataPostItem.ImageUrls;\r\n }\r\n \r\n const id = this.dataPostItem.ID;\r\n const dataRequest = this.createDataRequest(this.dataPostItem);\r\n\r\n const result = await this.appService.doPUT('api/Post', dataRequest, { id });\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n async onDeletePost() {\r\n if (this.dataPostSelection.length === 0) {\r\n this.appSwal.showWarning(this.translate.instant('NoRecordSelected'), false);\r\n return;\r\n }\r\n this.appComponent.loading = true;\r\n const dataRequest = {\r\n IDList: JSON.stringify(this.dataPostSelection),\r\n FlgRevert: false\r\n };\r\n\r\n const option = await this.appSwal.showWarning(this.translate.instant('AreYouSure'), true);\r\n if (option) {\r\n const result = await this.appService.doPOST('api/Post/Deletes', dataRequest);\r\n if (result && result.Status === 1) {\r\n this.notification.showSuccess(result.Msg);\r\n this.onReload();\r\n this.onAddNewPost();\r\n this.enabled = false;\r\n this.enabledID = false;\r\n this.dataPostSelection = [];\r\n this.allowMulti = false;\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n this.appComponent.loading = false;\r\n }\r\n\r\n getPostName(dataItem) {\r\n var nameFile = \"temp.txt\";\r\n var fileUrls = dataItem.ImageUrls;\r\n if (fileUrls != \"\" && fileUrls != null) {\r\n var listurlArr = JSON.parse(fileUrls);\r\n if (listurlArr.length > 0) {\r\n var nameObj = listurlArr[0];\r\n var urlArr = nameObj.split(\"/\");\r\n if (urlArr.length > 0) {\r\n nameFile = urlArr[urlArr.length - 1];\r\n if (nameFile != \"\" && nameFile != null) {\r\n var indexOfFirst = nameFile.indexOf(\"_\");\r\n nameFile = nameFile.substring(indexOfFirst + 1);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return nameFile;\r\n }\r\n\r\n getNameByUrl(fileUrl) {\r\n const nameFile = fileUrl.replace(/^.*[\\\\\\/]/, '');\r\n // const lastIdx = fileUrl.lastIndexOf('/');\r\n // if (lastIdx > 0) {\r\n // nameFile = fileUrl.substring(lastIdx + 1);\r\n // }\r\n\r\n return nameFile;\r\n }\r\n\r\n async onDownloadFile(dataItem: any) {\r\n\r\n const dataRequest = {\r\n url: dataItem.Url\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, dataItem.Name);\r\n }\r\n }\r\n\r\n onDeleteFile(dataItem: any) {\r\n\r\n for (let i = this.dataFileUrls.length - 1; i >= 0; i--) {\r\n if (this.dataFileUrls[i].Url === dataItem.Url) {\r\n this.dataFileUrls.splice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n this.bindFileUrls();\r\n }\r\n\r\n public allData(): ExcelExportData {\r\n const result: ExcelExportData = {\r\n data: process(this.dataPosts, {}).data\r\n };\r\n\r\n return result;\r\n }\r\n\r\n async onSelectFileToUpload(e: SelectEvent) {\r\n if (!e.files || e.files.length <= 0) {\r\n return false;\r\n }\r\n try {\r\n const fileData = await this.file.readFile(e.files[0].rawFile);\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onSuccessFileToUpload(e: any) {\r\n try {\r\n const k = `${e.response.body.Data.DirMedia}${e.response.body.Data.MediaNm[0]}`;\r\n this.dataFileUrls.push({\r\n Name: this.getNameByUrl(k),\r\n Url: k\r\n });\r\n\r\n this.bindFileUrls();\r\n } catch {\r\n this.appSwal.showError(e);\r\n }\r\n }\r\n\r\n onRemoveFileToUpload() {\r\n\r\n }\r\n onCloseInfo(e) {\r\n //this.setDefault();\r\n this.infoOpened = false;\r\n this.logPostOpened = false;\r\n }\r\n onCloseReViewPost(e) {\r\n this.reViewOpened = false;\r\n }\r\n}\r\n\r\n","module.exports = \".schedule-editor .k-window{\\r\\n width: 57%px;\\r\\n height: 500px;\\r\\n}\\r\\n\\r\\n.label-scheduler{\\r\\n padding-bottom: 5px;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n.placeholer-color{\\r\\n color: black;\\r\\n}\\r\\n\\r\\n.text-box{\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.deleted{\\r\\n text-decoration: line-through;\\r\\n}\\r\\n\\r\\n.changed{\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.publiced{\\r\\n background-color: mediumturquoise;\\r\\n}\\r\\n\\r\\n.approved{\\r\\n background-color: rgb(25, 214, 116);\\r\\n}\\r\\n\\r\\n.text-center{\\r\\n padding-top: 10px;\\r\\n width: 100%;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.xpre{\\r\\n white-space: pre-wrap; \\r\\n word-break: break-word;\\r\\n}\\r\\n\\r\\n.xbutton{\\r\\n color: #0067b2;\\r\\n /* background: #0067b2; */\\r\\n background-color: white;\\r\\n border-radius: 25%;\\r\\n float: left;\\r\\n border: none;\\r\\n font-size: 13px !important;\\r\\n padding-left: 0px;\\r\\n padding-top: 0px;\\r\\n padding-right: 0px;\\r\\n padding-bottom: 0px;\\r\\n}\\r\\n\\r\\n.xMonth{\\r\\n padding-top: 0px;\\r\\n padding-left: 0px;\\r\\n}\\r\\n\\r\\n:host ::ng-deep .k-scheduler-monthview .k-scheduler-table td{\\r\\n padding-top: 0px;\\r\\n padding-left: 0px;\\r\\n}\\r\\n\\r\\n/* :host ::ng-deep .k-more-events{\\r\\n display: none;\\r\\n} */\\r\\n\\r\\n/* :host ::ng-deep .router-outlet-content{\\r\\n padding-left: 8px;\\r\\n} */\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9zY2hlZHVsZS9zY2hlZHVsZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksWUFBWTtJQUNaLGFBQWE7QUFDakI7O0FBRUE7SUFDSSxtQkFBbUI7SUFDbkIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksWUFBWTtBQUNoQjs7QUFFQTtJQUNJLFdBQVc7QUFDZjs7QUFFQTtJQUNJLDZCQUE2QjtBQUNqQzs7QUFFQTtJQUNJLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLGlDQUFpQztBQUNyQzs7QUFFQTtJQUNJLG1DQUFtQztBQUN2Qzs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixXQUFXO0lBQ1gsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLHNCQUFzQjtBQUMxQjs7QUFFQTtJQUNJLGNBQWM7SUFDZCx5QkFBeUI7SUFDekIsdUJBQXVCO0lBQ3ZCLGtCQUFrQjtJQUNsQixXQUFXO0lBQ1gsWUFBWTtJQUNaLDBCQUEwQjtJQUMxQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtJQUNsQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGlCQUFpQjtBQUNyQjs7QUFFQTs7R0FFRzs7QUFNSDs7R0FFRyIsImZpbGUiOiJzcmMvYXBwL2RhdGEvc2NoZWR1bGUvc2NoZWR1bGUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zY2hlZHVsZS1lZGl0b3IgLmstd2luZG93e1xyXG4gICAgd2lkdGg6IDU3JXB4O1xyXG4gICAgaGVpZ2h0OiA1MDBweDtcclxufVxyXG5cclxuLmxhYmVsLXNjaGVkdWxlcntcclxuICAgIHBhZGRpbmctYm90dG9tOiA1cHg7XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG59XHJcblxyXG4ucGxhY2Vob2xlci1jb2xvcntcclxuICAgIGNvbG9yOiBibGFjaztcclxufVxyXG5cclxuLnRleHQtYm94e1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcbi5kZWxldGVke1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XHJcbn1cclxuXHJcbi5jaGFuZ2Vke1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxuXHJcbi5wdWJsaWNlZHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IG1lZGl1bXR1cnF1b2lzZTtcclxufVxyXG5cclxuLmFwcHJvdmVke1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1LCAyMTQsIDExNik7XHJcbn1cclxuXHJcbi50ZXh0LWNlbnRlcntcclxuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbn1cclxuXHJcbi54cHJle1xyXG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwOyBcclxuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XHJcbn1cclxuXHJcbi54YnV0dG9ue1xyXG4gICAgY29sb3I6ICMwMDY3YjI7XHJcbiAgICAvKiBiYWNrZ3JvdW5kOiAjMDA2N2IyOyAqL1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiAyNSU7XHJcbiAgICBmbG9hdDogbGVmdDtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIGZvbnQtc2l6ZTogMTNweCAhaW1wb3J0YW50O1xyXG4gICAgcGFkZGluZy1sZWZ0OiAwcHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMHB4O1xyXG4gICAgcGFkZGluZy1yaWdodDogMHB4O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDBweDtcclxufVxyXG5cclxuLnhNb250aHtcclxuICAgIHBhZGRpbmctdG9wOiAwcHg7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDBweDtcclxufVxyXG5cclxuOmhvc3QgOjpuZy1kZWVwIC5rLXNjaGVkdWxlci1tb250aHZpZXcgLmstc2NoZWR1bGVyLXRhYmxlIHRke1xyXG4gICAgcGFkZGluZy10b3A6IDBweDtcclxuICAgIHBhZGRpbmctbGVmdDogMHB4O1xyXG59XHJcblxyXG4vKiA6aG9zdCA6Om5nLWRlZXAgLmstbW9yZS1ldmVudHN7XHJcbiAgICBkaXNwbGF5OiBub25lO1xyXG59ICovXHJcblxyXG5cclxuXHJcblxyXG5cclxuLyogOmhvc3QgOjpuZy1kZWVwIC5yb3V0ZXItb3V0bGV0LWNvbnRlbnR7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDhweDtcclxufSAqL1xyXG5cclxuXHJcblxyXG4iXX0= */\"","module.exports = \"\\r\\n \\r\\n\\r\\n\\r\\n \"","import { Component, OnInit, Renderer2, ChangeDetectorRef } from '@angular/core';\r\nimport { SchedulerEvent, DateChangeEvent } from '@progress/kendo-angular-scheduler';\r\nimport { FormGroup, FormBuilder, Validators, ValidatorFn } from '@angular/forms';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { AppService } from 'src/app/services/app.service';\r\nimport { AppComponent } from 'src/app/app.component';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { isBuffer } from 'util';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport * as FileSaver from 'file-saver';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\n\r\n\r\nconst intersects = (startTime1: Date, endTime1: Date, startTime2: Date, endTime2: Date) =>\r\n (startTime1 < startTime2 && endTime1 > endTime2) ||\r\n (startTime2 <= startTime1 && startTime1 < endTime2) ||\r\n (startTime2 < endTime1 && endTime1 <= endTime2);\r\n\r\n@Component({\r\n selector: 'app-schedule',\r\n templateUrl: './schedule.component.html',\r\n styleUrls: ['./schedule.component.css'],\r\n})\r\nexport class ScheduleComponent implements OnInit {\r\n //public startTime = '07:00';\r\n isFile = false;\r\n dataMeetings = [];\r\n dataMeetingItem: any;\r\n dataMeetingItemTemp: any;\r\n meetingRoom: Array<{ Name: string, ID: string }>;\r\n dataRoomID: any[];\r\n infoOpened = false;\r\n isAdd = true;\r\n public selectedDate: Date = new Date(Date.now());\r\n public formGroup: FormGroup;\r\n control: any;\r\n controlDefault = true;\r\n\r\n members: Array<{ FullName: string, UserName: string }> = [];\r\n membersFilter: Array<{ FullName: string, UserName: string }> = [];\r\n\r\n startFlg = false;\r\n\r\n dataScheduler: any[] = [];\r\n user: any;\r\n\r\n\r\n public eventsArr: SchedulerEvent[] = [];\r\n public events: SchedulerEvent[] = [];\r\n\r\n listDateInMonthView = [];\r\n eventHeight = 1;\r\n eventHeightPixel = '600px';\r\n doCalMaxEvent = true;\r\n\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private appGuid: AppGuid,\r\n public appService: AppService,\r\n private appComponent: AppComponent,\r\n private appSwal: AppSwal,\r\n private notification: Notification,\r\n public intl: IntlService,\r\n private appUtils: AppUtils,\r\n //private renderer: Renderer2,\r\n private domSanitizer: DomSanitizer,\r\n private file: AppFile,\r\n private cdRef : ChangeDetectorRef,\r\n public appControls: AppControls,\r\n private authenticationService: AuthenticationService,\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.getMeeting();\r\n this.getRoom();\r\n this.setDefault();\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setDefault() {\r\n\r\n this.dataMeetingItem = {\r\n ID: '',\r\n Name: '',\r\n RoomMeetingID: null,\r\n RoomOther: null,\r\n Room: '',\r\n StartAt: '',\r\n EndAt: '',\r\n MeetingDate: null,\r\n CreateAt: null,\r\n ApproveFlg: null,\r\n DelFlg: null,\r\n Description: '',\r\n FileUrl: null,\r\n Unit: '',\r\n Admin: '',\r\n Member: ''\r\n };\r\n this.dataMeetingItemTemp = {\r\n viewOnly: false,\r\n IsAdd: true,\r\n Name: '',\r\n Admin: null,\r\n Address: '',\r\n MeetingDate: null,\r\n StartAt: null,\r\n EndAt: null,\r\n ApproveFlg: false,\r\n FileUrl: []\r\n };\r\n }\r\n\r\n async getRoom() {\r\n const result = await this.appService.doGET('api/Meeting/GetMeetingRoom', null);\r\n this.meetingRoom = result.Data;\r\n }\r\n\r\n async getMeeting() {\r\n const result = await this.appService.doGET('api/Meeting/GetMeeting', null);\r\n if (result) {\r\n if (result && result.Status === 1) {\r\n this.dataScheduler = result.Data;\r\n this.eventsArr = [];\r\n result.Data.forEach(item => {\r\n var tempStart = this.intl.formatDate(new Date(item.StartAt), 'HH:mm');\r\n var tempEnd = this.intl.formatDate(new Date(item.EndAt), 'HH:mm');\r\n const event = {\r\n id: item.ID,\r\n title: tempStart + \"-\" + tempEnd + \"-\" + item.Name,\r\n start: new Date(item.StartAt),\r\n end: new Date(item.EndAt),\r\n readonly: true,\r\n delflg: item.DelFlg,\r\n approveflg: item.ApproveFlg,\r\n publicflg: item.PublicFlg,\r\n publicat: new Date(item.PublicAt),\r\n updateat: new Date(item.UpdateAt),\r\n fileurl: item.FileUrl,\r\n meetingdate: item.MeetingDate\r\n }\r\n this.eventsArr.push(event);\r\n item.UnitList = JSON.parse(item.Unit);\r\n for (let j = 0; j < item.UnitList.length; j++) {\r\n if (item.ShowUnit == undefined) {\r\n item.ShowUnit = \"\";\r\n }\r\n if (j != item.UnitList.length - 1) {\r\n item.ShowUnit = item.ShowUnit + \" \" + item.UnitList[j].Name + \",\";\r\n } else {\r\n item.ShowUnit = item.ShowUnit + \" \" + item.UnitList[j].Name;\r\n }\r\n }\r\n item.Admin = JSON.parse(item.Admin);\r\n for (let k = 0; k < item.Admin.length; k++) {\r\n if (item.ShowAdmin == undefined) {\r\n item.ShowAdmin = \"\";\r\n }\r\n if (k != item.Admin.length - 1) {\r\n item.ShowAdmin = item.ShowAdmin + \" \" + item.Admin[k].FullName + \",\";\r\n } else {\r\n item.ShowAdmin = item.ShowAdmin + \" \" + item.Admin[k].FullName;\r\n }\r\n }\r\n item.RoomMeetingList = JSON.parse(item.RoomMeeting)[0];\r\n item.MemberList = JSON.parse(item.Member);\r\n if (item.FileUrl == null || item.FileUrl == \"\") {\r\n item.FileUrl = [];\r\n }\r\n else {\r\n item.FileUrl = JSON.parse(item.FileUrl);\r\n }\r\n\r\n this.dataMeetings.push(item);\r\n });\r\n this.events = this.eventsArr;\r\n this.startFlg = true;\r\n }\r\n }\r\n }\r\n\r\n\r\n ngOnInit() {\r\n }\r\n\r\n membersHandleFilter(value) {\r\n this.membersFilter = this.members.filter((s) => s.FullName.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n\r\n\r\n \r\n\r\n public getNextId(): number {\r\n const len = this.events.length;\r\n return (len === 0) ? 1 : this.events[this.events.length - 1].id + 1;\r\n }\r\n\r\n getUrlDownload(fileUrl) {\r\n let url = this.appService.apiRoot.replace(\"\\\"\", \"\") + fileUrl;\r\n url = url.replace(\"\\\"\", '')\r\n return url;\r\n }\r\n\r\n async downloadFile(fileUrl) {\r\n const dataRequest = {\r\n url: fileUrl\r\n };\r\n const result = await this.appService.doDownload('api/Upload/DownloadByUrl', dataRequest);\r\n if (result) {\r\n FileSaver.saveAs(result, this.appUtils.getNameByUrl(fileUrl));\r\n }\r\n }\r\n\r\n private occupiedSlot(args: any): boolean {\r\n let occupied = false;\r\n this.events.find(e => {\r\n if (e !== args.dataItem && intersects(args.start, args.end, e.start, e.end)) {\r\n occupied = true;\r\n return true;\r\n }\r\n });\r\n return occupied;\r\n }\r\n\r\n public onDragStart(args: any): void {\r\n this.preventReadonly(args);\r\n }\r\n\r\n public onDrag(args: any): void {\r\n if (this.occupiedSlot(args)) {\r\n args.setHintClass('invalid');\r\n }\r\n }\r\n\r\n public onDragEnd(args: any): void {\r\n if (this.occupiedSlot(args)) {\r\n args.preventDefault();\r\n }\r\n }\r\n\r\n private preventReadonly(args: any): void {\r\n if (args.dataItem.readonly) {\r\n args.preventDefault();\r\n }\r\n }\r\n\r\n public ngAfterViewChecked() {\r\n //this.renderer.setStyle(document.querySelector(\"multi-day-view .k-scheduler-pane\"), \"display\", \"none\");\r\n }\r\n\r\n onCloseInfo(e) {\r\n if(this.dataMeetingItemTemp.viewOnly == true){\r\n this.infoOpened = false;\r\n return;\r\n }\r\n this.getMeeting();\r\n this.getRoom();\r\n this.setDefault();\r\n this.infoOpened = false;\r\n }\r\n\r\n addMeeting(date) {\r\n this.setDefault();\r\n this.dataMeetingItemTemp.MeetingDate = new Date(date);\r\n this.dataMeetingItemTemp.SchedulerAddNewDate = new Date(date);\r\n this.infoOpened = true;\r\n }\r\n\r\n compareDate(date) {\r\n var result = false;\r\n var calendarDate = new Date(date);\r\n var today = new Date();\r\n if (calendarDate.getUTCDate() + 1 == today.getUTCDate() && calendarDate.getUTCMonth() == today.getUTCMonth()\r\n && calendarDate.getUTCFullYear() == today.getUTCFullYear()) {\r\n result = true;\r\n } else if (calendarDate < today) {\r\n result = false;\r\n } else {\r\n result = true;\r\n }\r\n return result\r\n }\r\n\r\n // async increaseEventHeight(){\r\n // this.eventHeight = this.eventHeight + 1;\r\n // this.eventHeightPixel = (this.eventHeight * 600).toString() + \"px\";\r\n // this.getMeeting();\r\n // this.createFormGroup = this.createFormGroup.bind(this);\r\n // this.getRoom();\r\n // this.setDefault();\r\n // }\r\n\r\n // async decreaseEventHeight(){\r\n // if(this.eventHeight > 1){\r\n // this.eventHeight = this.eventHeight - 1;\r\n // }\r\n // this.eventHeightPixel = (this.eventHeight * 600).toString() + \"px\";\r\n // this.getMeeting();\r\n // this.createFormGroup = this.createFormGroup.bind(this);\r\n // this.getRoom();\r\n // this.setDefault();\r\n // }\r\n\r\n async register(date) {\r\n if (this.doCalMaxEvent) {\r\n if (this.listDateInMonthView.length == 42) {\r\n var newDate = new Date(date);\r\n if (this.listDateInMonthView[0].getDate() == newDate.getDate()) {\r\n this.doCalMaxEvent = false;\r\n return;\r\n }\r\n this.listDateInMonthView = [];\r\n }\r\n this.listDateInMonthView.push(new Date(date));\r\n if (this.listDateInMonthView.length == 42) {\r\n this.calMaxEvent();\r\n }\r\n }\r\n\r\n return 0;\r\n }\r\n\r\n compareDateGreater(date1, date2) {\r\n var cDate1 = new Date(date1);\r\n cDate1.setHours(0);\r\n cDate1.setMinutes(0);\r\n cDate1.setSeconds(0);\r\n cDate1.setMilliseconds(0);\r\n var cDate2 = new Date(date2);\r\n cDate2.setHours(0);\r\n cDate2.setMinutes(0);\r\n cDate2.setSeconds(0);\r\n cDate2.setMilliseconds(0);\r\n if (cDate1 >= cDate2) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n compareDateLeeser(date1, date2) {\r\n var cDate1 = new Date(date1);\r\n cDate1.setHours(0);\r\n cDate1.setMinutes(0);\r\n cDate1.setSeconds(0);\r\n cDate1.setMilliseconds(0);\r\n var cDate2 = new Date(date2);\r\n cDate2.setHours(0);\r\n cDate2.setMinutes(0);\r\n cDate2.setSeconds(0);\r\n cDate2.setMilliseconds(0);\r\n if (cDate1 <= cDate2) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n async calMaxEvent() {\r\n var events = this.events;\r\n var dateInMonth = this.listDateInMonthView;\r\n var listEventInMonth = [];\r\n var maxEvent = {\r\n count: 0,\r\n date: 0,\r\n month: 0,\r\n year: 0\r\n };\r\n var currentDate = {\r\n count: 0,\r\n date: 0,\r\n month: 0,\r\n year: 0\r\n };\r\n for (let i = 0; i < events.length; i++) {\r\n if (this.compareDateGreater(events[i].start, dateInMonth[0]) && this.compareDateLeeser(events[i].start, dateInMonth[dateInMonth.length - 1])) {\r\n listEventInMonth.push(events[i]);\r\n }\r\n }\r\n for (let j = 0; j < listEventInMonth.length; j++) {\r\n var outerDate = new Date(listEventInMonth[j].start);\r\n currentDate.date = outerDate.getDate();\r\n currentDate.month = outerDate.getMonth();\r\n currentDate.year = outerDate.getFullYear();\r\n currentDate.count = 0;\r\n\r\n if (maxEvent.date == 0) {\r\n maxEvent.date = outerDate.getDate();\r\n maxEvent.month = outerDate.getMonth();\r\n maxEvent.year = outerDate.getFullYear();\r\n maxEvent.count = 0;\r\n }\r\n\r\n for (let k = 0; k < listEventInMonth.length; k++) {\r\n var innerDate = new Date(listEventInMonth[k].start);\r\n if (currentDate.date == innerDate.getDate() && currentDate.month == outerDate.getMonth()\r\n && currentDate.year == outerDate.getFullYear()) {\r\n currentDate.count = currentDate.count + 1;\r\n }\r\n }\r\n\r\n if (currentDate.count > maxEvent.count) {\r\n maxEvent.date = currentDate.date;\r\n maxEvent.month = currentDate.month;\r\n maxEvent.year = currentDate.year;\r\n maxEvent.count = currentDate.count;\r\n }\r\n }\r\n if (maxEvent.count == 3) {\r\n this.eventHeightPixel = (maxEvent.count * 261).toString() + \"px\";\r\n this.getMeeting();\r\n this.cdRef.detectChanges();\r\n } else if (maxEvent.count > 3 && maxEvent.count <= 7) {\r\n this.eventHeightPixel = (maxEvent.count * 231).toString() + \"px\";\r\n this.getMeeting();\r\n this.cdRef.detectChanges();\r\n }else if (maxEvent.count > 7 && maxEvent.count <= 11) {\r\n this.eventHeightPixel = (maxEvent.count * 200).toString() + \"px\";\r\n this.getMeeting();\r\n this.cdRef.detectChanges();\r\n } else if (maxEvent.count > 11) {\r\n this.eventHeightPixel = (maxEvent.count * 190).toString() + \"px\";\r\n this.getMeeting();\r\n this.cdRef.detectChanges();\r\n } else{\r\n this.eventHeightPixel = '600px';\r\n this.getMeeting();\r\n this.cdRef.detectChanges();\r\n }\r\n }\r\n\r\n public onDateChange(args: DateChangeEvent): void {\r\n this.doCalMaxEvent = true;\r\n }\r\n\r\n onViewInfo(id) {\r\n var selectedMeeting = this.dataMeetings[this.dataMeetings.findIndex(x => x.ID == id)];\r\n selectedMeeting.viewOnly = true;\r\n this.setDefault();\r\n this.dataMeetingItemTemp = selectedMeeting;\r\n this.dataMeetingItemTemp.MeetingDate = new Date(selectedMeeting.MeetingDate);\r\n this.dataMeetingItemTemp.StartAt = new Date(selectedMeeting.StartAt);\r\n this.dataMeetingItemTemp.EndAt = new Date(selectedMeeting.EndAt);\r\n this.infoOpened = true;\r\n }\r\n\r\n}\r\n","module.exports = \".xbutton {\\r\\n background-color: red;\\r\\n color: white !important;\\r\\n background: red;\\r\\n width: 100%;\\r\\n font-size: 25px !important;\\r\\n}\\r\\n\\r\\n.xdiv {\\r\\n border: 0.1px solid rgb(184, 184, 184);\\r\\n background-color: white;\\r\\n margin-top: 0px;\\r\\n}\\r\\n\\r\\n.xdivcol11 {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.xdivcol12 {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n height: 46px;\\r\\n}\\r\\n\\r\\n.xdivcol1 {\\r\\n padding-left: 0px;\\r\\n padding-right: 0px;\\r\\n}\\r\\n\\r\\n.button-view-rp {\\r\\n padding-left: 25%;\\r\\n color: white;\\r\\n background-color: blue;\\r\\n}\\r\\n\\r\\n.td-border {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.btn-view-rp {\\r\\n color: white;\\r\\n background-color: #006CB7;\\r\\n padding: 7px 12px;\\r\\n border: none !important;\\r\\n font-size: 16px;\\r\\n display: block;\\r\\n margin: auto;\\r\\n}\\r\\n\\r\\n.align-center-bt {\\r\\n margin: auto;\\r\\n}\\r\\n\\r\\n.text-color-rp {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n.text-color-rp span {\\r\\n color: navy;\\r\\n}\\r\\n\\r\\n.opinion-style {\\r\\n height: auto;\\r\\n margin-left: 0px;\\r\\n padding: 10px;\\r\\n border: 0.1px solid rgb(184, 184, 184);\\r\\n background-color: white;\\r\\n}\\r\\n\\r\\n.opinion-content {\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.opinion-by {\\r\\n bottom: 0;\\r\\n right: 0;\\r\\n text-align: right;\\r\\n font-size: 11px;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.opinion-row {\\r\\n margin-top: 0px !important;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.icon-edit-opinion{\\r\\n margin-left: 5px;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.k-dropdown .k-dropdown-wrap .k-input{\\r\\n background-image: linear-gradient(#FFFFFF, #FFFFFF);\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS93ZWVrbHktcmVwb3J0L3dlZWtseS1yZXBvcnQuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLHFCQUFxQjtJQUNyQix1QkFBdUI7SUFDdkIsZUFBZTtJQUNmLFdBQVc7SUFDWCwwQkFBMEI7QUFDOUI7O0FBRUE7SUFDSSxzQ0FBc0M7SUFDdEMsdUJBQXVCO0lBQ3ZCLGVBQWU7QUFDbkI7O0FBRUE7SUFDSSxhQUFhO0lBQ2IsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixZQUFZO0lBQ1osc0JBQXNCO0FBQzFCOztBQUVBO0lBQ0ksa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLHlCQUF5QjtJQUN6QixpQkFBaUI7SUFDakIsdUJBQXVCO0lBQ3ZCLGVBQWU7SUFDZixjQUFjO0lBQ2QsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxZQUFZO0lBQ1osZ0JBQWdCO0lBQ2hCLGFBQWE7SUFDYixzQ0FBc0M7SUFDdEMsdUJBQXVCO0FBQzNCOztBQUVBO0lBQ0ksZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksU0FBUztJQUNULFFBQVE7SUFDUixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLDBCQUEwQjtJQUMxQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsZUFBZTtBQUNuQjs7QUFFQTtJQUNJLG1EQUFtRDtBQUN2RCIsImZpbGUiOiJzcmMvYXBwL2RhdGEvd2Vla2x5LXJlcG9ydC93ZWVrbHktcmVwb3J0LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIueGJ1dHRvbiB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQ6IHJlZDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgZm9udC1zaXplOiAyNXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi54ZGl2IHtcclxuICAgIGJvcmRlcjogMC4xcHggc29saWQgcmdiKDE4NCwgMTg0LCAxODQpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHg7XHJcbn1cclxuXHJcbi54ZGl2Y29sMTEge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbn1cclxuXHJcbi54ZGl2Y29sMTIge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDQ2cHg7XHJcbn1cclxuXHJcbi54ZGl2Y29sMSB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDBweDtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcclxufVxyXG5cclxuLmJ1dHRvbi12aWV3LXJwIHtcclxuICAgIHBhZGRpbmctbGVmdDogMjUlO1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTtcclxufVxyXG5cclxuLnRkLWJvcmRlciB7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbn1cclxuXHJcbi5idG4tdmlldy1ycCB7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2Q0I3O1xyXG4gICAgcGFkZGluZzogN3B4IDEycHg7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG59XHJcblxyXG4uYWxpZ24tY2VudGVyLWJ0IHtcclxuICAgIG1hcmdpbjogYXV0bztcclxufVxyXG5cclxuLnRleHQtY29sb3ItcnAge1xyXG4gICAgY29sb3I6IG5hdnk7XHJcbn1cclxuXHJcbi50ZXh0LWNvbG9yLXJwIHNwYW4ge1xyXG4gICAgY29sb3I6IG5hdnk7XHJcbn1cclxuXHJcbi5vcGluaW9uLXN0eWxlIHtcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgYm9yZGVyOiAwLjFweCBzb2xpZCByZ2IoMTg0LCAxODQsIDE4NCk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxufVxyXG5cclxuLm9waW5pb24tY29udGVudCB7XHJcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG59XHJcblxyXG4ub3Bpbmlvbi1ieSB7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xyXG4gICAgZm9udC1zaXplOiAxMXB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxuXHJcbi5vcGluaW9uLXJvdyB7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHggIWltcG9ydGFudDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuLmljb24tZWRpdC1vcGluaW9ue1xyXG4gICAgbWFyZ2luLWxlZnQ6IDVweDtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxufVxyXG5cclxuLmstZHJvcGRvd24gLmstZHJvcGRvd24td3JhcCAuay1pbnB1dHtcclxuICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgjRkZGRkZGLCAjRkZGRkZGKTtcclxufSJdfQ== */\"","module.exports = \"\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\n\r\n@Component({\r\n selector: 'app-config',\r\n templateUrl: './config.component.html',\r\n styleUrls: ['./config.component.css']\r\n})\r\nexport class ConfigComponent implements OnInit, OnDestroy {\r\n\r\n user: any;\r\n loading = false;\r\n configs = [];\r\n configSelectableSettings: SelectableSettings;\r\n configSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public configFocus = {\r\n Name: true\r\n };\r\n configSortByField: SortDescriptor[] = [{\r\n field: 'Name',\r\n dir: 'asc'\r\n }];\r\n\r\n public configState: State = {\r\n // skip: 0,\r\n // take: 5,{ field: 'ProductName', operator: 'contains', value: 'Chef' }\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n }\r\n };\r\n configGridDataResult: GridDataResult;\r\n\r\n configSkip = 0;\r\n configPageSize = 50;\r\n configSelection: number[] = [];\r\n configItem: any;\r\n myInterval: any;\r\n configNames: Array<{ Name: string, ID: number }>;\r\n configNamesFilter: Array<{ Name: string, ID: number }>;\r\n\r\n public uploadSaveUrl = 'saveUrl';\r\n public uploadRemoveUrl = 'removeUrl';\r\n public configOpened = false;\r\n isEnabledSaveAll = false;\r\n data: any;\r\n control: any;\r\n controlDefault = true;\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls\r\n ) {\r\n this.authenticationService.getUser();\r\n this.user = this.authenticationService.user;\r\n this.getControl();\r\n this.setDefault();\r\n this.language.default();\r\n this.setSelectableSettings();\r\n this.onReload();\r\n this.initDisplay();\r\n }\r\n\r\n handleFilter(value) {\r\n this.configNamesFilter = this.configNames.filter((s) => s.Name.toLowerCase().indexOf(value.toLowerCase()) !== -1);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.myInterval) { this.myInterval.unsubscribe(); }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n async getControl() {\r\n this.control = await this.appControls.getControls(this.user.RoleID);\r\n this.controlDefault = false;\r\n }\r\n\r\n setSelectableSettings(): void {\r\n this.configSelectableSettings = {\r\n checkboxOnly: false,\r\n mode: 'multiple'\r\n };\r\n }\r\n\r\n async getConfigs() {\r\n this.loading = true;\r\n const result = await this.appService.doGET('api/Config', null);\r\n if (result) {\r\n this.configs = result.Data;\r\n this.bindConfigs();\r\n }\r\n this.loading = false;\r\n this.checkSelectionID();\r\n }\r\n\r\n checkSelectionID() {\r\n // tslint:disable-next-line:prefer-for-of\r\n for (let i = this.configSelection.length - 1; i >= 0; i--) {\r\n const selectedItem = this.configs.find((item) => {\r\n return item.ID === this.configSelection[i];\r\n });\r\n if (!selectedItem) {\r\n this.configSelection.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n setDefault() {\r\n this.configItem = {\r\n IsAdd: true,\r\n ID: '',\r\n Name: '',\r\n Description: '',\r\n };\r\n this.configFocus.Name = true;\r\n }\r\n\r\n onConfigPageChange(event: PageChangeEvent) {\r\n this.configSkip = event.skip;\r\n this.bindConfigs();\r\n }\r\n\r\n onConfigSelectedKeysChange() {\r\n }\r\n\r\n bindConfigs() {\r\n this.configGridDataResult = {\r\n data: orderBy(this.configs, this.configSortByField),\r\n total: this.configs.length\r\n };\r\n }\r\n\r\n onConfigSortChange(sort: SortDescriptor[]): void {\r\n this.configSortByField = sort;\r\n this.bindConfigs();\r\n }\r\n\r\n public onConfigDataStateChange(state: DataStateChangeEvent): void {\r\n this.configState = state;\r\n this.configGridDataResult = process(this.configs, this.configState);\r\n }\r\n\r\n async selectEventHandler(e: SelectEvent) {\r\n\r\n const fileData = (await this.file.readXLSX(e.files[0].rawFile)) as Array\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { AppService } from 'src/app/services/app.service';\r\n\r\n@Component({\r\n selector: 'app-load-data-auto',\r\n templateUrl: './load-data-auto.component.html',\r\n styleUrls: ['./load-data-auto.component.css']\r\n})\r\nexport class LoadDataAutoComponent implements OnInit {\r\n\r\n constructor(\r\n public appService: AppService,\r\n ) { \r\n\r\n }\r\n\r\n async UpdatePost(){\r\n const resultPost = await this.appService.doGET('api/Post/updateUrlPathPostAuto', null);\r\n if (resultPost && resultPost.Status === 1) {\r\n console.log(resultPost)\r\n }\r\n }\r\n\r\n async UpdateMenu(){\r\n const resultPost = await this.appService.doGET('api/Post/updateUrlPathMenuAuto', null);\r\n if (resultPost && resultPost.Status === 1) {\r\n console.log(resultPost)\r\n }\r\n }\r\n\r\n async UpdateOffice(){\r\n const resultPost = await this.appService.doGET('api/Post/updateUrlPathOfficeAuto', null);\r\n if (resultPost && resultPost.Status === 1) {\r\n console.log(resultPost)\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \".k-grid-content {\\r\\n max-height: 200px;\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 302px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvYWQvcGFnZS9wYWdlLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxpQkFBaUI7QUFDckI7O0FBRUEsbUJBQW1COztBQUNuQjtJQUNJLGVBQWU7SUFDZixTQUFTO0lBQ1QsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsVUFBVTtBQUNkOztBQUVBO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCOztBQUVBO0lBQ0k7UUFDSSxlQUFlO1FBQ2YsU0FBUztRQUNULGNBQWM7UUFDZCxZQUFZO1FBQ1osVUFBVTtRQUNWLFVBQVU7SUFDZDs7SUFFQTtRQUNJLGVBQWU7UUFDZixVQUFVO1FBQ1YsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkO0FBQ0o7O0FBRUEsbUJBQW1COztBQUVuQjtJQUNJLGVBQWU7SUFDZixVQUFVO0lBQ1YsY0FBYztJQUNkLFlBQVk7SUFDWixVQUFVO0lBQ1YsYUFBYTtBQUNqQiIsImZpbGUiOiJzcmMvYXBwL2FkL3BhZ2UvcGFnZS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmstZ3JpZC1jb250ZW50IHtcclxuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqL1xyXG4uc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDc2cHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTglO1xyXG59XHJcblxyXG4uc3RpY2t5LXRvb2xiYXItYnRuLXVzZXJ7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDE5M3B4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk5LjU1JTtcclxufVxyXG5cclxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjc2OHB4KSB7XHJcbiAgICAuc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgICAgIHRvcDogNzZweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogOTQlO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAuc3RpY2t5LXRvb2xiYXItYnRuLXVzZXJ7XHJcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgICAgIHRvcDogMTkzcHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk5JTtcclxuICAgIH1cclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuXHJcbjpob3N0IDo6bmctZGVlcCAuc3RpY2t5LWhlYWRlci1ncmlkIC5rLWdyaWQgLmstZ3JpZC1oZWFkZXIge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgdG9wOiAzMDJweDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgei1pbmRleDogMTtcclxuICAgIHdpZHRoOiA5Ny41NSU7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router, NavigationEnd } from '@angular/router';\r\nimport { AppLanguage } from './services/app.language';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.css']\r\n})\r\nexport class AppComponent implements OnInit {\r\n title = 'UBND Quận 10';\r\n loading = false;\r\n constructor(\r\n private language: AppLanguage,\r\n private router: Router) {\r\n this.language.default();\r\n }\r\n\r\n ngOnInit() {\r\n this.router.events.subscribe((evt) => {\r\n if (!(evt instanceof NavigationEnd)) {\r\n return;\r\n }\r\n window.scrollTo(0, 0);\r\n });\r\n}\r\n\r\n switchLanguage(language: string) {\r\n this.language.set(language);\r\n }\r\n\r\n onActivate(event) {\r\n window.scroll(0, 0);\r\n //or document.body.scrollTop = 0;\r\n //or document.querySelector('body').scrollTo(0,0)\r\n\r\n }\r\n\r\n onActivate2(event) {\r\n let scrollToTop = window.setInterval(() => {\r\n let pos = window.pageYOffset;\r\n if (pos > 0) {\r\n window.scrollTo(0, pos - 20); // how far to scroll on each step\r\n } else {\r\n window.clearInterval(scrollToTop);\r\n }\r\n }, 16);\r\n }\r\n}\r\n","import { BrowserModule } from '@angular/platform-browser';\r\nimport { LOCALE_ID, NgModule } from '@angular/core';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { HttpClientModule, HTTP_INTERCEPTORS, HttpClient } from '@angular/common/http';\r\nimport { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';\r\nimport { Headers, Http, RequestOptions, Response, HttpModule } from '@angular/http';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatDatepickerModule\r\n} from '@angular/material';\r\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { AngularFontAwesomeModule } from 'angular-font-awesome';\r\nimport { BsDropdownModule } from 'ngx-bootstrap/dropdown';\r\nimport { FocusModule } from 'angular2-focus';\r\n// import { TooltipModule } from 'ngx-bootstrap/tooltip';\r\nimport { ModalModule } from 'ngx-bootstrap/modal';\r\n\r\nimport { AppRouter } from './app.router';\r\nimport { AuthenticationService } from './services/authentication.service';\r\nimport { TokenInterceptor } from './services/token.interceptor';\r\nimport { AuthGuard } from './services/auth.guard';\r\nimport { AuthService } from './services/auth.service';\r\nimport { AppLanguage } from './services/app.language';\r\n\r\nimport { UserComponent } from './ad/user/user.component';\r\nimport { RoleComponent } from './ad/role/role.component';\r\nimport { AppComponent } from './app.component';\r\nimport { ChangePasswordComponent } from './change-password/change-password.component';\r\nimport { LoginComponent } from './login/login.component';\r\nimport { HomeComponent } from './home/home.component';\r\n\r\nimport { DropDownsModule } from '@progress/kendo-angular-dropdowns';\r\nimport { DateInputModule, DatePickerModule, DateInputsModule } from '@progress/kendo-angular-dateinputs';\r\nimport { InputsModule } from '@progress/kendo-angular-inputs';\r\nimport { ButtonsModule } from '@progress/kendo-angular-buttons';\r\nimport { GridModule, ExcelModule } from '@progress/kendo-angular-grid';\r\nimport { LayoutModule } from '@progress/kendo-angular-layout';\r\nimport { ToolBarModule } from '@progress/kendo-angular-toolbar';\r\nimport { TooltipModule } from '@progress/kendo-angular-tooltip';\r\nimport { ExcelExportModule } from '@progress/kendo-angular-excel-export';\r\nimport { IntlModule } from '@progress/kendo-angular-intl';\r\nimport { NotificationModule } from '@progress/kendo-angular-notification';\r\nimport { UploadModule } from '@progress/kendo-angular-upload';\r\nimport { DialogModule, DialogsModule } from '@progress/kendo-angular-dialog';\r\nimport { PopupModule } from '@progress/kendo-angular-popup';\r\nimport { TreeViewModule } from '@progress/kendo-angular-treeview';\r\nimport { ChartsModule } from '@progress/kendo-angular-charts';\r\nimport { EditorModule } from '@progress/kendo-angular-editor';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { MatVideoModule } from 'mat-video';\r\n\r\nimport { UserRoleComponent } from './ad/user-role/user-role.component';\r\nimport { PageComponent } from './ad/page/page.component';\r\nimport { ControlComponent } from './ad/control/control.component';\r\nimport { AutoNumberComponent } from './ad/auto-number/auto-number.component';\r\nimport { ConfigComponent } from './ad/config/config.component';\r\nimport { DashboardComponent } from './dashboard/dashboard.component';\r\nimport { UnitComponent } from './m/unit/unit.component';\r\nimport { HomepageComponent } from './portal/homepage/homepage.component';\r\nimport { PostDetailComponent } from './portal/post-detail/post-detail.component';\r\nimport { PostComponent } from './s/post/post.component';\r\nimport { PhotoComponent } from './m/photo/photo.component';\r\nimport { MenuComponent } from './m/menu/menu.component';\r\nimport { AdmiProcComponent } from './portal/admi-proc/admi-proc.component';\r\nimport { MultimediaComponent } from './portal/multimedia/multimedia.component';\r\nimport { OfficeComponent } from './data/office/office.component';\r\nimport { AdProcedureComponent } from './data/ad-procedure/ad-procedure.component';\r\nimport { AdmiProcDetailComponent } from './portal/admi-proc-detail/admi-proc-detail.component';\r\nimport { TypeComponent } from './m/type/type.component';\r\nimport { UserOfficeComponent } from './portal/user-office/user-office.component';\r\nimport { UserOfficeDetailComponent } from './portal/user-office-detail/user-office-detail.component';\r\nimport { CommentComponent } from './data/comment/comment.component';\r\nimport { CommentListComponent } from './portal/comment-list/comment-list.component';\r\nimport { PostWardComponent } from './data/post-ward/post-ward.component';\r\nimport { PostListComponent } from './portal/post-list/post-list.component';\r\nimport { HeaderComponent } from './portal/header/header.component';\r\nimport { FooterComponent } from './portal/footer/footer.component';\r\nimport { RightComponent } from './portal/right/right.component';\r\nimport { VideosComponent } from './portal/videos/videos.component';\r\nimport { CommentOftenComponent } from './portal/comment-often/comment-often.component';\r\nimport { AskAndReplyComponent } from './data/ask-and-reply/ask-and-reply.component';\r\nimport { VideoComponent } from './m/video/video.component';\r\nimport { AskAndReplyFeedbackComponent } from './data/ask-and-reply-feedback/ask-and-reply-feedback.component';\r\nimport { ServiceOnlineComponent } from './portal/service-online/service-online.component';\r\nimport { ManageMultimediaComponent } from './m/manage-multimedia/manage-multimedia.component';\r\nimport { CKEditorModule } from '@ckeditor/ckeditor5-angular';\r\nimport { ScheduleComponent } from './data/schedule/schedule.component';\r\nimport { OrganizeComponent } from './data/organize/organize.component';\r\nimport { AccountComponent } from './data/account/account.component';\r\nimport { PartComponent } from './data/part/part.component';\r\nimport { WeeklyReportComponent } from './data/weekly-report/weekly-report.component';\r\nimport { WeeklyReportPortalComponent } from './portal/weekly-report-portal/weekly-report-portal.component';\r\nimport { OfficeDrtComponent } from './data/office-drt/office-drt.component';\r\nimport { OrganizeChartComponent } from './portal/organization/organize-chart/organize-chart.component';\r\nimport { OfficeDrt2Component } from './portal/office-drt2/office-drt2.component';\r\nimport { GoogleChartsModule } from 'angular-google-charts';\r\nimport { CarouselModule } from 'primeng/carousel';\r\nimport { ScrollViewModule } from '@progress/kendo-angular-scrollview';\r\nimport { MandatesComponent } from './data/mandates/mandates.component';\r\nimport { PostResultComponent } from './portal/post-result/post-result.component';\r\nimport { SchedulerModule } from '@progress/kendo-angular-scheduler';\r\nimport { DataRoomMeetingComponent } from './data/data-room-meeting/data-room-meeting/data-room-meeting.component';\r\nimport { DataDeviceRoomMeetingComponent } from './data/data-device-room-meeting/data-device-room-meeting/data-device-room-meeting.component';\r\nimport { MeetingComponent } from './data/meeting/meeting.component';\r\nimport localeVi from '@angular/common/locales/vi';\r\nimport { registerLocaleData } from '@angular/common';\r\nregisterLocaleData(localeVi);\r\n\r\nimport '@progress/kendo-angular-intl/locales/de/all';\r\nimport '@progress/kendo-angular-intl/locales/es/all';\r\nimport '@progress/kendo-angular-intl/locales/vi/all';\r\nimport { PortalMeetingComponent } from './portal/portal-meeting/portal-meeting.component';\r\nimport { MeetingInfoComponent } from './data/meeting-info/meeting-info.component';\r\nimport { NLDNewsComponent } from './portal/nldnews/nldnews.component';\r\nimport { LoginAskComponent } from './portal/login-ask/login-ask.component';\r\nimport { CreateAccountComponent } from './portal/create-account/create-account.component';\r\nimport { ChangeAccountPasswordComponent } from './portal/change-account-password/change-account-password.component';\r\nimport { MeetingWeekComponent } from './portal/portal_meeting_week/meeting-week/meeting-week.component';\r\nimport { PDFExportModule } from '@progress/kendo-angular-pdf-export';\r\nimport { WebSocketService } from \"src/app/websocket.service\";\r\nimport { MeetingWeekGridComponent } from './portal/meeting-week-grid/meeting-week-grid.component';\r\nimport { MailConfigComponent } from './data/mail-config/mail-config.component';\r\nimport {MatToolbarModule} from '@angular/material/toolbar';\r\nimport { DatePipe } from '@angular/common';\r\nimport { CmtUserComponent } from './ad/cmt-user/cmt-user.component';\r\nimport { OrgChartModule } from '@mondal/org-chart';\r\nimport { DocumentMeetingComponent } from './data/document-meeting/document-meeting.component';\r\nimport { LoadDataAutoComponent } from './ad/load-data-auto/load-data-auto.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n LoginComponent,\r\n HomeComponent,\r\n HomeComponent,\r\n ChangePasswordComponent,\r\n UserComponent,\r\n RoleComponent,\r\n UserRoleComponent,\r\n PageComponent,\r\n ControlComponent,\r\n AutoNumberComponent,\r\n ConfigComponent,\r\n DashboardComponent,\r\n UnitComponent,\r\n HomepageComponent,\r\n PostComponent,\r\n PhotoComponent,\r\n MenuComponent,\r\n PostDetailComponent,\r\n AdmiProcComponent,\r\n MultimediaComponent,\r\n OfficeComponent,\r\n AdProcedureComponent,\r\n AdmiProcDetailComponent,\r\n TypeComponent,\r\n UserOfficeComponent,\r\n UserOfficeDetailComponent,\r\n CommentComponent,\r\n CommentListComponent,\r\n PostWardComponent,\r\n PostListComponent,\r\n HeaderComponent,\r\n FooterComponent,\r\n RightComponent,\r\n VideosComponent,\r\n CommentOftenComponent,\r\n AskAndReplyComponent,\r\n VideoComponent,\r\n AskAndReplyFeedbackComponent,\r\n VideoComponent,\r\n ServiceOnlineComponent,\r\n ManageMultimediaComponent,\r\n ScheduleComponent,\r\n OrganizeComponent,\r\n AccountComponent,\r\n PartComponent,\r\n WeeklyReportComponent,\r\n WeeklyReportPortalComponent,\r\n OfficeDrtComponent,\r\n OrganizeChartComponent,\r\n OfficeDrt2Component,\r\n MandatesComponent,\r\n PostResultComponent,\r\n DataRoomMeetingComponent,\r\n DataDeviceRoomMeetingComponent,\r\n MeetingComponent,\r\n PortalMeetingComponent,\r\n MeetingInfoComponent,\r\n NLDNewsComponent,\r\n MeetingWeekComponent,\r\n LoginAskComponent,\r\n CreateAccountComponent,\r\n ChangeAccountPasswordComponent,\r\n MeetingWeekGridComponent,\r\n MailConfigComponent,\r\n CmtUserComponent,\r\n DocumentMeetingComponent,\r\n LoadDataAutoComponent,\r\n ],\r\n imports: [\r\n BrowserModule,\r\n ButtonsModule,\r\n DropDownsModule,\r\n DateInputModule,\r\n DateInputsModule,\r\n DatePickerModule,\r\n GridModule,\r\n ExcelModule,\r\n ExcelExportModule,\r\n LayoutModule,\r\n ToolBarModule,\r\n TooltipModule,\r\n UploadModule,\r\n DialogModule,\r\n DialogsModule,\r\n PopupModule,\r\n TreeViewModule,\r\n ChartsModule,\r\n EditorModule,\r\n MatDatepickerModule,\r\n IntlModule,\r\n InputsModule,\r\n NotificationModule,\r\n BrowserAnimationsModule,\r\n AppRoutingModule,\r\n HttpClientModule,\r\n HttpClientInMemoryWebApiModule,\r\n HttpModule,\r\n FormsModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n AngularFontAwesomeModule,\r\n NgbModule,\r\n MatVideoModule,\r\n CKEditorModule,\r\n RouterModule.forRoot(AppRouter.routes, { useHash: true }),\r\n TranslateModule.forRoot({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: HttpLoaderFactory,\r\n deps: [HttpClient]\r\n }\r\n }),\r\n BsDropdownModule.forRoot(),\r\n FocusModule.forRoot(),\r\n ModalModule.forRoot(),\r\n GoogleChartsModule,\r\n CarouselModule,\r\n ScrollViewModule,\r\n SchedulerModule,\r\n PDFExportModule,\r\n MatToolbarModule,\r\n OrgChartModule\r\n ],\r\n exports: [BsDropdownModule, TooltipModule, ModalModule],\r\n providers: [AuthGuard,\r\n AuthService,\r\n AppLanguage,\r\n {\r\n provide: HTTP_INTERCEPTORS,\r\n useClass: TokenInterceptor,\r\n multi: true\r\n },\r\n {\r\n provide: LOCALE_ID,\r\n useValue: 'vi-VN',\r\n },\r\n WebSocketService,\r\n { provide: LOCALE_ID, useValue: 'vi-VN' },\r\n DatePipe\r\n ],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\nexport function HttpLoaderFactory(http: HttpClient) {\r\n return new TranslateHttpLoader(http);\r\n}\r\n","import { LoginComponent } from './login/login.component';\r\nimport { HomeComponent } from './home/home.component';\r\nimport { Routes } from '@angular/router';\r\nimport { AuthGuard } from './services/auth.guard';\r\nimport { ChangePasswordComponent } from './change-password/change-password.component';\r\nimport { UserComponent } from './ad/user/user.component';\r\nimport { RoleComponent } from './ad/role/role.component';\r\nimport { UserRoleComponent } from './ad/user-role/user-role.component';\r\nimport { PageComponent } from './ad/page/page.component';\r\nimport { ControlComponent } from './ad/control/control.component';\r\nimport { AutoNumberComponent } from './ad/auto-number/auto-number.component';\r\nimport { ConfigComponent } from './ad/config/config.component';\r\nimport { DashboardComponent } from './dashboard/dashboard.component';\r\nimport { UnitComponent } from './m/unit/unit.component';\r\nimport { HomepageComponent } from './portal/homepage/homepage.component';\r\nimport { PostComponent } from './s/post/post.component';\r\nimport { PhotoComponent } from './m/photo/photo.component';\r\nimport { MenuComponent } from './m/menu/menu.component';\r\nimport { PostDetailComponent } from './portal/post-detail/post-detail.component';\r\nimport { AdmiProcComponent } from './portal/admi-proc/admi-proc.component';\r\nimport { MultimediaComponent } from './portal/multimedia/multimedia.component';\r\nimport { OfficeComponent } from './data/office/office.component';\r\nimport { AdProcedureComponent } from './data/ad-procedure/ad-procedure.component';\r\nimport { AdmiProcDetailComponent } from './portal/admi-proc-detail/admi-proc-detail.component';\r\nimport { TypeComponent } from './m/type/type.component';\r\nimport { UserOfficeComponent } from './portal/user-office/user-office.component';\r\nimport { UserOfficeDetailComponent } from './portal/user-office-detail/user-office-detail.component';\r\nimport { CommentComponent } from './data/comment/comment.component';\r\nimport { CommentListComponent } from './portal/comment-list/comment-list.component';\r\nimport { PostWardComponent } from './data/post-ward/post-ward.component';\r\nimport { PostListComponent } from './portal/post-list/post-list.component';\r\nimport { VideosComponent } from './portal/videos/videos.component';\r\nimport { CommentOftenComponent } from './portal/comment-often/comment-often.component';\r\nimport { AskAndReplyComponent } from './data/ask-and-reply/ask-and-reply.component';\r\nimport { VideoComponent } from './m/video/video.component';\r\nimport { AskAndReplyFeedbackComponent } from './data/ask-and-reply-feedback/ask-and-reply-feedback.component';\r\nimport { ServiceOnlineComponent } from './portal/service-online/service-online.component';\r\nimport { ManageMultimediaComponent } from './m/manage-multimedia/manage-multimedia.component';\r\nimport { ScheduleComponent } from './data/schedule/schedule.component';\r\nimport { AccountComponent } from './data/account/account.component';\r\nimport { PartComponent } from './data/part/part.component';\r\nimport { WeeklyReportComponent } from './data/weekly-report/weekly-report.component';\r\nimport { WeeklyReportPortalComponent } from './portal/weekly-report-portal/weekly-report-portal.component';\r\nimport { OfficeDrtComponent } from './data/office-drt/office-drt.component';\r\nimport { OrganizeChartComponent } from './portal/organization/organize-chart/organize-chart.component';\r\nimport { OfficeDrt2Component } from './portal/office-drt2/office-drt2.component';\r\nimport { MandatesComponent } from './data/mandates/mandates.component';\r\nimport { PostResultComponent } from './portal/post-result/post-result.component';\r\nimport { DataRoomMeetingComponent } from './data/data-room-meeting/data-room-meeting/data-room-meeting.component';\r\nimport { DataDeviceRoomMeetingComponent } from './data/data-device-room-meeting/data-device-room-meeting/data-device-room-meeting.component';\r\nimport { MeetingComponent } from './data/meeting/meeting.component';\r\nimport { PortalMeetingComponent } from './portal/portal-meeting/portal-meeting.component';\r\nimport { MeetingInfoComponent } from './data/meeting-info/meeting-info.component';\r\nimport { NLDNewsComponent } from './portal/nldnews/nldnews.component';\r\nimport { LoginAskComponent } from './portal/login-ask/login-ask.component';\r\nimport { CreateAccountComponent } from './portal/create-account/create-account.component';\r\nimport { ChangeAccountPasswordComponent } from './portal/change-account-password/change-account-password.component';\r\nimport { MeetingWeekComponent } from './portal/portal_meeting_week/meeting-week/meeting-week.component';\r\nimport { MailConfigComponent } from './data/mail-config/mail-config.component';\r\nimport { CmtUserComponent } from './ad/cmt-user/cmt-user.component';\r\nimport { DocumentMeetingComponent } from './data/document-meeting/document-meeting.component';\r\nimport { LoadDataAutoComponent } from './ad/load-data-auto/load-data-auto.component';\r\n\r\nexport class AppRouter {\r\n public static routes: Routes = [\r\n { path: 'login', component: LoginComponent },\r\n { path: '', component: HomepageComponent },\r\n { path: 'change-password', component: ChangePasswordComponent, canActivate: [AuthGuard] },\r\n { path: 'ad/user', component: UserComponent, canActivate: [AuthGuard] },\r\n { path: 'ad/role', component: RoleComponent, canActivate: [AuthGuard] },\r\n { path: 'ad/user-role', component: UserRoleComponent, canActivate: [AuthGuard] },\r\n { path: 'ad/page', component: PageComponent, canActivate: [AuthGuard] },\r\n { path: 'ad/control', component: ControlComponent, canActivate: [AuthGuard] },\r\n { path: 'ad/auto-number', component: AutoNumberComponent, canActivate: [AuthGuard] },\r\n { path: 'ad/config', component: ConfigComponent, canActivate: [AuthGuard] },\r\n\r\n { path: 'm/unit', component: UnitComponent, canActivate: [AuthGuard] },\r\n { path: 'm/type', component: TypeComponent, canActivate: [AuthGuard] },\r\n { path: 'm/menu', component: MenuComponent, canActivate: [AuthGuard] },\r\n\r\n { path: 'dashboard', component: DashboardComponent },\r\n\r\n { path: 'portal', component: HomepageComponent },\r\n { path: 'portal/adminis-proc', component: AdmiProcComponent },\r\n { path: 'portal/multimedia', component: MultimediaComponent },\r\n { path: 'portal/admi-proc-detail', component: AdmiProcDetailComponent },\r\n { path: 'portal/post-detail', component: PostDetailComponent },\r\n { path: 'portal/office', component: UserOfficeComponent },\r\n { path: 'portal/office-detail', component: UserOfficeDetailComponent },\r\n { path: 'portal/comment-list', component: CommentListComponent },\r\n { path: 'portal/post-list', component: PostListComponent },\r\n { path: 'portal/videos', component: VideosComponent },\r\n { path: 'portal/comment-often', component: CommentOftenComponent },\r\n { path: 'portal/service-online', component: ServiceOnlineComponent },\r\n { path: 'portal/organize', component: OrganizeChartComponent },\r\n // { path: 'portal/weekly-report-portal', component: WeeklyReportPortalComponent},\r\n // { path: 'portal/portal-meeting', component: PortalMeetingComponent},\r\n { path: 'portal/nldnews', component: NLDNewsComponent},\r\n { path: 'portal/ask-and-reply', component: AskAndReplyComponent},\r\n { path: 'portal/login-ask', component: LoginAskComponent},\r\n { path: 'portal/create-account', component: CreateAccountComponent},\r\n { path: 'portal/change-account-password', component: ChangeAccountPasswordComponent},\r\n\r\n { path: 'data/menu', component: MenuComponent, canActivate: [AuthGuard]},\r\n { path: 'data/post', component: PostComponent, canActivate: [AuthGuard]},\r\n { path: 'data/meeting', component: MeetingComponent, canActivate: [AuthGuard]},\r\n { path: 'data/meeting-info', component: MeetingInfoComponent, canActivate: [AuthGuard]},\r\n { path: 'data/office', component: OfficeComponent, canActivate: [AuthGuard]},\r\n { path: 'data/ad-procedure', component: AdProcedureComponent, canActivate: [AuthGuard]},\r\n { path: 'data/post-ward', component: PostWardComponent, canActivate: [AuthGuard]},\r\n { path: 'data/comment', component: CommentComponent, canActivate: [AuthGuard]},\r\n { path: 'data/ask-and-reply', component: AskAndReplyComponent, canActivate: [AuthGuard]},\r\n { path: 'data/multimedia', component: PhotoComponent, canActivate: [AuthGuard]},\r\n { path: 'data/videos', component: VideoComponent, canActivate: [AuthGuard]},\r\n { path: 'data/ask-and-reply-feedback', component: AskAndReplyFeedbackComponent, canActivate: [AuthGuard]},\r\n { path: 'm/manage-multimedia', component: ManageMultimediaComponent, canActivate: [AuthGuard]},\r\n { path: 'data/schedule', component: ScheduleComponent, canActivate: [AuthGuard]},\r\n { path: 'data/account', component: AccountComponent, canActivate: [AuthGuard]},\r\n { path: 'data/part', component: PartComponent, canActivate: [AuthGuard]},\r\n { path: 'data/weekly-report', component: WeeklyReportComponent, canActivate: [AuthGuard]},\r\n { path: 'data/office-drt', component: OfficeDrtComponent, canActivate: [AuthGuard]},\r\n { path: 'portal/request', component: CommentListComponent },\r\n { path: 'portal/office-drt', component: OfficeDrt2Component },\r\n { path: 'data/mandates', component: MandatesComponent },\r\n { path: 'portal/post-result', component: PostResultComponent },\r\n { path: 'data/data-room-meeting', component: DataRoomMeetingComponent },\r\n { path: 'data/data-device-room-meeting', component: DataDeviceRoomMeetingComponent },\r\n { path: 'portal/meeting-week', component: MeetingWeekComponent },\r\n { path: 'data/mail-config', component: MailConfigComponent },\r\n { path: 'portal/meeting', component: MeetingComponent, canActivate: [AuthGuard]},\r\n { path: 'portal/weekly-report', component: WeeklyReportComponent, canActivate: [AuthGuard]},\r\n { path: 'data/cmt-user', component: CmtUserComponent, canActivate: [AuthGuard]},\r\n { path: 'data/document-meeting', component: DocumentMeetingComponent, canActivate: [AuthGuard]},\r\n { path: 'data/post/loadAuto', component: LoadDataAutoComponent}\r\n ];\r\n}\r\n","module.exports = \".bg>img {\\r\\n height: 40px;\\r\\n width: 50px;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n margin: auto;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\ndiv.bg>span {\\r\\n color: white;\\r\\n position: absolute;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n margin: auto;\\r\\n left: 53px;\\r\\n font-size: 24px;\\r\\n /* font-family: Arial, Helvetica, sans-serif; */\\r\\n font-family: 'Open Sans', sans-serif;\\r\\n font-weight: bold;\\r\\n height: -webkit-fit-content;\\r\\n height: -moz-fit-content;\\r\\n height: fit-content;\\r\\n}\\r\\n\\r\\n.bg {\\r\\n background-color: #006CB7;\\r\\n background-repeat: no-repeat;\\r\\n background-size: 100% 100%;\\r\\n width: 100%;\\r\\n height: 56px;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\nsection {\\r\\n border: 0.5px solid #65656552;\\r\\n border-radius: 40px;\\r\\n position: fixed;\\r\\n height: 300px;\\r\\n max-width: 400px;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n right: 0;\\r\\n left: 0;\\r\\n margin: auto;\\r\\n background-color: #ffffff;\\r\\n color: black;\\r\\n padding: 0px 30px;\\r\\n}\\r\\n\\r\\ninput {\\r\\n border-bottom-color: whitesmoke;\\r\\n color: #FFFFFF;\\r\\n}\\r\\n\\r\\n.login-container {\\r\\n height: 664px;\\r\\n margin-top: -10px !important;\\r\\n}\\r\\n\\r\\n.login-button-container {\\r\\n margin-top: 20px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.login-button-container button {\\r\\n padding: 10px 20px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.footer {\\r\\n margin-top: 140px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.row {\\r\\n padding-top: 0px !important;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2hhbmdlLXBhc3N3b3JkL2NoYW5nZS1wYXNzd29yZC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksWUFBWTtJQUNaLFdBQVc7SUFDWCxNQUFNO0lBQ04sU0FBUztJQUNULFlBQVk7SUFDWixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLE1BQU07SUFDTixTQUFTO0lBQ1QsWUFBWTtJQUNaLFVBQVU7SUFDVixlQUFlO0lBQ2YsK0NBQStDO0lBQy9DLG9DQUFvQztJQUNwQyxpQkFBaUI7SUFDakIsMkJBQW1CO0lBQW5CLHdCQUFtQjtJQUFuQixtQkFBbUI7QUFDdkI7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsNEJBQTRCO0lBQzVCLDBCQUEwQjtJQUMxQixXQUFXO0lBQ1gsWUFBWTtJQUNaLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLDZCQUE2QjtJQUM3QixtQkFBbUI7SUFDbkIsZUFBZTtJQUNmLGFBQWE7SUFDYixnQkFBZ0I7SUFDaEIsTUFBTTtJQUNOLFNBQVM7SUFDVCxRQUFRO0lBQ1IsT0FBTztJQUNQLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGlCQUFpQjtBQUNyQjs7QUFFQTtJQUNJLCtCQUErQjtJQUMvQixjQUFjO0FBQ2xCOztBQUVBO0lBQ0ksYUFBYTtJQUNiLDRCQUE0QjtBQUNoQzs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsbUJBQW1CO0FBQ3ZCOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLDJCQUEyQjtBQUMvQiIsImZpbGUiOiJzcmMvYXBwL2NoYW5nZS1wYXNzd29yZC9jaGFuZ2UtcGFzc3dvcmQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5iZz5pbWcge1xyXG4gICAgaGVpZ2h0OiA0MHB4O1xyXG4gICAgd2lkdGg6IDUwcHg7XHJcbiAgICB0b3A6IDA7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbn1cclxuXHJcbmRpdi5iZz5zcGFuIHtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogMDtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIG1hcmdpbjogYXV0bztcclxuICAgIGxlZnQ6IDUzcHg7XHJcbiAgICBmb250LXNpemU6IDI0cHg7XHJcbiAgICAvKiBmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjsgKi9cclxuICAgIGZvbnQtZmFtaWx5OiAnT3BlbiBTYW5zJywgc2Fucy1zZXJpZjtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcclxufVxyXG5cclxuLmJnIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDZDQjc7XHJcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xyXG4gICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGhlaWdodDogNTZweDtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxufVxyXG5cclxuc2VjdGlvbiB7XHJcbiAgICBib3JkZXI6IDAuNXB4IHNvbGlkICM2NTY1NjU1MjtcclxuICAgIGJvcmRlci1yYWRpdXM6IDQwcHg7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICBoZWlnaHQ6IDMwMHB4O1xyXG4gICAgbWF4LXdpZHRoOiA0MDBweDtcclxuICAgIHRvcDogMDtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgbGVmdDogMDtcclxuICAgIG1hcmdpbjogYXV0bztcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbiAgICBwYWRkaW5nOiAwcHggMzBweDtcclxufVxyXG5cclxuaW5wdXQge1xyXG4gICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogd2hpdGVzbW9rZTtcclxuICAgIGNvbG9yOiAjRkZGRkZGO1xyXG59XHJcblxyXG4ubG9naW4tY29udGFpbmVyIHtcclxuICAgIGhlaWdodDogNjY0cHg7XHJcbiAgICBtYXJnaW4tdG9wOiAtMTBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ubG9naW4tYnV0dG9uLWNvbnRhaW5lciB7XHJcbiAgICBtYXJnaW4tdG9wOiAyMHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4ubG9naW4tYnV0dG9uLWNvbnRhaW5lciBidXR0b24ge1xyXG4gICAgcGFkZGluZzogMTBweCAyMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxufVxyXG5cclxuLmZvb3RlciB7XHJcbiAgICBtYXJnaW4tdG9wOiAxNDBweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxuLnJvdyB7XHJcbiAgICBwYWRkaW5nLXRvcDogMHB4ICFpbXBvcnRhbnQ7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\"","import { Component, OnInit } from '@angular/core';\r\nimport { AppService } from '../services/app.service';\r\nimport { Router } from '@angular/router';\r\nimport { AuthenticationService } from '../services/authentication.service';\r\nimport { AppSwal } from '../services/app.swal';\r\nimport { Location } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-change-password',\r\n templateUrl: './change-password.component.html',\r\n styleUrls: ['./change-password.component.css']\r\n})\r\nexport class ChangePasswordComponent implements OnInit {\r\n\r\n changePassword = {\r\n UserName: '',\r\n CurrentPassword: '',\r\n NewPassword: '',\r\n ConfirmPassword: ''\r\n };\r\n\r\n constructor(\r\n private appService: AppService,\r\n private router: Router,\r\n private authenticationService: AuthenticationService,\r\n private appSwal: AppSwal,\r\n private location: Location\r\n ) {\r\n this.authenticationService.getUser();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n async onChangePassword() {\r\n this.changePassword.UserName = this.authenticationService.user.UserName;\r\n const id = this.changePassword.UserName;\r\n const result = await this.appService.doPUT('api/Account/ChangePassword', this.changePassword, { id} );\r\n if (result && result.Status === 1) {\r\n this.appSwal.showSuccess(result.Msg, false);\r\n } else {\r\n this.appSwal.showWarning(result.Msg, false);\r\n }\r\n }\r\n\r\n onBackPage() {\r\n this.location.back();\r\n }\r\n}\r\n","module.exports = \".search-time-block {\\r\\n position: absolute;\\r\\n margin-left: 12%;\\r\\n height: 70% !important;\\r\\n width: 100%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGFzaGJvYXJkL2Rhc2hib2FyZC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksa0JBQWtCO0lBQ2xCLGdCQUFnQjtJQUNoQixzQkFBc0I7SUFDdEIsV0FBVztBQUNmIiwiZmlsZSI6InNyYy9hcHAvZGFzaGJvYXJkL2Rhc2hib2FyZC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnNlYXJjaC10aW1lLWJsb2NrIHtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMiU7XHJcbiAgICBoZWlnaHQ6IDcwJSAhaW1wb3J0YW50O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n ![](\\\"../../assets/images/logo.png\\\")
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.BirthDay | date:'dd/MM/yyyy'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n Mức độ {{dataItem.PublicService}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.CreateAt | date: 'dd/MM/yyyy HH:mm'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.SendAt | date: 'dd/MM/yyyy HH:mm'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.ReplyAt | date: 'dd/MM/yyyy HH:mm'}}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{postItem.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Từ ngày\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Đến ngày\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.CreateAt | date: 'dd/MM/yyyy HH:mm'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.FeedbackAt | date: 'dd/MM/yyyy HH:mm'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n {{onDotsString(dataItem.FeedbackContent)}}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{i+1}}. {{ getFileName(file) }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{postItem.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.CreateAt | date: 'dd/MM/yyyy'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{postItem.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{postTemp.Title}}
\\r\\n \\r\\n
\\r\\n {{postTemp.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n mandates works!\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-mandates',\r\n templateUrl: './mandates.component.html',\r\n styleUrls: ['./mandates.component.css']\r\n})\r\nexport class MandatesComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \".xbutton {\\r\\n background-color: red;\\r\\n color: white !important;\\r\\n background: red;\\r\\n width: 100%;\\r\\n font-size: 25px !important;\\r\\n}\\r\\n\\r\\n.xdiv {\\r\\n border: 0.1px solid rgb(184, 184, 184);\\r\\n background-color: white;\\r\\n margin-top: 0px;\\r\\n}\\r\\n\\r\\n.xdivcol11 {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.xdivcol12 {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n height: 46px;\\r\\n}\\r\\n\\r\\n.xdivcol1 {\\r\\n padding-left: 0px;\\r\\n padding-right: 0px;\\r\\n}\\r\\n\\r\\n.text-url-style {\\r\\n color: navy;\\r\\n text-decoration: underline;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9tZWV0aW5nLWluZm8vbWVldGluZy1pbmZvLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxxQkFBcUI7SUFDckIsdUJBQXVCO0lBQ3ZCLGVBQWU7SUFDZixXQUFXO0lBQ1gsMEJBQTBCO0FBQzlCOztBQUVBO0lBQ0ksc0NBQXNDO0lBQ3RDLHVCQUF1QjtJQUN2QixlQUFlO0FBQ25COztBQUVBO0lBQ0ksYUFBYTtJQUNiLG1CQUFtQjtBQUN2Qjs7QUFFQTtJQUNJLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsWUFBWTtBQUNoQjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsMEJBQTBCO0FBQzlCIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9tZWV0aW5nLWluZm8vbWVldGluZy1pbmZvLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIueGJ1dHRvbiB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQ6IHJlZDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgZm9udC1zaXplOiAyNXB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi54ZGl2IHtcclxuICAgIGJvcmRlcjogMC4xcHggc29saWQgcmdiKDE4NCwgMTg0LCAxODQpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHg7XHJcbn1cclxuXHJcbi54ZGl2Y29sMTEge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbn1cclxuXHJcbi54ZGl2Y29sMTIge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDQ2cHg7XHJcbn1cclxuXHJcbi54ZGl2Y29sMSB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDBweDtcclxuICAgIHBhZGRpbmctcmlnaHQ6IDBweDtcclxufVxyXG5cclxuLnRleHQtdXJsLXN0eWxlIHtcclxuICAgIGNvbG9yOiBuYXZ5O1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n
\"","import { Component, Renderer2, NgZone, AfterViewInit, OnInit, OnDestroy, ViewEncapsulation, ViewChild, ElementRef, Output, EventEmitter, Input } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay, map } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { FormGroup, FormBuilder } from '@angular/forms';\r\nimport * as DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';\r\nimport { WebSocketService } from 'src/app/websocket.service';\r\n\r\n@Component({\r\n selector: 'app-meeting-info',\r\n templateUrl: './meeting-info.component.html',\r\n styleUrls: ['./meeting-info.component.css']\r\n})\r\nexport class MeetingInfoComponent implements OnInit {\r\n\r\n @Input() meetingdata = null;\r\n\r\n user: any;\r\n loading = false;\r\n dataMeetingItemTemp: any;\r\n\r\n admins: Array<{ FullName: string, UserName: string }> = [];\r\n adminsFilter: Array<{ FullName: string, UserName: string }> = [];\r\n members: Array<{ FullName: string, UserName: string }> = [];\r\n membersFilter: Array<{ FullName: string, UserName: string }> = [];\r\n units: Array<{ Name: string, ID: string }>;\r\n unitsFilter: Array<{ Name: string, ID: string }>;\r\n allmembers: Array<{ Name: string, ID: string }> = [];\r\n allmembersFilter: Array<{ Name: string, ID: string }> = [];\r\n rooms: Array<{ Name: string, ID: string }>;\r\n roomsFilter: Array<{ Name: string, ID: string }>;\r\n\r\n control: any;\r\n controlDefault = true;\r\n InputingFile = false;\r\n allowInsertFile = true;\r\n\r\n filesUpload: Array\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{'Meeting_Info' | translate}}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{i+1}}.{{ getFileName(file) }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{i+1}}.{{ getFileName(file) }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{'Meeting_Date' | translate}}: \\r\\n {{getDayInWeek(value)}} - {{value | date:'dd/MM/yyyy'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{(dataItem.Name.length > 50) ? (dataItem.Name | slice:0:50) + '...' : dataItem.Name}}\\r\\n
\\r\\n \\r\\n {{(dataItem.ShowAdmin.length > 50) ? (dataItem.ShowAdmin | slice:0:50) + '...' : dataItem.ShowAdmin}}\\r\\n
\\r\\n \\r\\n {{(dataItem.ShowUnit.length > 50) ? (dataItem.ShowUnit | slice:0:50) + '...' : dataItem.ShowUnit}}\\r\\n
\\r\\n \\r\\n
\\r\\n {{dataItem.CreateBy}}
\\r\\n {{dataItem.CreateAt | date:'HH:mm'}}\\r\\n {{dataItem.CreateAt | date:'dd/MM/yyyy'}} \\r\\n \\r\\n
\\r\\n {{dataItem.MeetingDayName}}
\\r\\n {{dataItem.MeetingDate | date:'dd/MM/yyyy'}}\\r\\n \\r\\n {{dataItem.StartAt | date:'HH:mm'}}\\r\\n
\\r\\n \\r\\n {{dataItem.EndAt | date:'HH:mm'}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n {{'Weekly_Banner_Left_top' | translate}}
\\r\\n {{'Weekly_Banner_Left_bottom' | translate}}
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n {{'Weekly_Banner_right_top' | translate}}
\\r\\n {{'Weekly_Banner_right_bottom' | translate}}
\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n {{'Weekly_Name_RP' | translate}} {{this.searchOption.Week}}
\\r\\n (Từ {{ this.fromDatePrintDraft | date: 'dd/MM/yyyy'}} đến {{ this.toDatePrintDraft | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n \\r\\n (Từ {{ this.fromDatePrintDraft | date: 'dd/MM/yyyy'}} đến {{ this.toDatePrintDraft | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n Nội dung trọng tâm:
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Lịch tuần thay giấy mời đối với nội bộ cơ quan Liên đoàn Lao động Thành phố.\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n {{'Weekly_Banner_Left_top' | translate}}
\\r\\n {{'Weekly_Banner_Left_bottom' | translate}}
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n {{'Weekly_Banner_right_top' | translate}}
\\r\\n {{'Weekly_Banner_right_bottom' | translate}}
\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n {{'Weekly_Name_RP' | translate}} {{this.searchOption.Week}}
\\r\\n (Từ {{ this.fromDatePrintDraft | date: 'dd/MM/yyyy'}} đến {{ this.toDatePrintDraft | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n \\r\\n (Từ {{ this.fromDatePrintDraft | date: 'dd/MM/yyyy'}} đến {{ this.toDatePrintDraft | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n Nội dung trọng tâm:
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n 0\\\" #ngcarousel [showNavigationArrows]=\\\"false\\\" [interval]=\\\"5000\\\" class=\\\"no-indicators\\\" data-interval=\\\"false\\\" [pauseOnHover]=\\\"true\\\" [keyboard]=\\\"true\\\">\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Lịch tuần thay giấy mời đối với nội bộ cơ quan Liên đoàn Lao động Thành phố.\\r\\n
\\r\\n 1\\\">\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.PublishAt | date: 'dd/MM/yyyy'}}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{i+1}}. {{ getFileName(file) }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n organize works!\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-organize',\r\n templateUrl: './organize.component.html',\r\n styleUrls: ['./organize.component.css']\r\n})\r\nexport class OrganizeComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \":host ::ng-deep .k-tabstrip>.k-content{\\r\\n background-color: #f6f6f6 !important;\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n.sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 98%;\\r\\n}\\r\\n\\r\\n.sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99.55%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width:768px) {\\r\\n .sticky-group-search {\\r\\n position: fixed;\\r\\n top: 76px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 94%;\\r\\n }\\r\\n \\r\\n .sticky-toolbar-btn-user{\\r\\n position: fixed;\\r\\n top: 193px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 99%;\\r\\n }\\r\\n}\\r\\n\\r\\n/* sticky toolbar */\\r\\n\\r\\n:host ::ng-deep .sticky-header-grid .k-grid .k-grid-header {\\r\\n position: fixed;\\r\\n top: 300px;\\r\\n display: block;\\r\\n height: auto;\\r\\n z-index: 1;\\r\\n width: 97.55%;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvZGF0YS9wYXJ0L3BhcnQuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLG9DQUFvQztBQUN4Qzs7QUFFQSxtQkFBbUI7O0FBQ25CO0lBQ0ksZUFBZTtJQUNmLFNBQVM7SUFDVCxjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxlQUFlO0lBQ2YsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osVUFBVTtJQUNWLGFBQWE7QUFDakI7O0FBRUE7SUFDSTtRQUNJLGVBQWU7UUFDZixTQUFTO1FBQ1QsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsVUFBVTtJQUNkOztJQUVBO1FBQ0ksZUFBZTtRQUNmLFVBQVU7UUFDVixjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixVQUFVO0lBQ2Q7QUFDSjs7QUFFQSxtQkFBbUI7O0FBR25CO0lBQ0ksZUFBZTtJQUNmLFVBQVU7SUFDVixjQUFjO0lBQ2QsWUFBWTtJQUNaLFVBQVU7SUFDVixhQUFhO0FBQ2pCIiwiZmlsZSI6InNyYy9hcHAvZGF0YS9wYXJ0L3BhcnQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IDo6bmctZGVlcCAuay10YWJzdHJpcD4uay1jb250ZW50e1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjZmNiAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4vKiBzdGlja3kgdG9vbGJhciAqL1xyXG4uc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDc2cHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTglO1xyXG59XHJcblxyXG4uc3RpY2t5LXRvb2xiYXItYnRuLXVzZXJ7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDE5M3B4O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB6LWluZGV4OiAxO1xyXG4gICAgd2lkdGg6IDk5LjU1JTtcclxufVxyXG5cclxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjc2OHB4KSB7XHJcbiAgICAuc3RpY2t5LWdyb3VwLXNlYXJjaCB7XHJcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgICAgIHRvcDogNzZweDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgICB3aWR0aDogOTQlO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAuc3RpY2t5LXRvb2xiYXItYnRuLXVzZXJ7XHJcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgICAgIHRvcDogMTkzcHg7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgaGVpZ2h0OiBhdXRvO1xyXG4gICAgICAgIHotaW5kZXg6IDE7XHJcbiAgICAgICAgd2lkdGg6IDk5JTtcclxuICAgIH1cclxufVxyXG5cclxuLyogc3RpY2t5IHRvb2xiYXIgKi9cclxuXHJcblxyXG46aG9zdCA6Om5nLWRlZXAgLnN0aWNreS1oZWFkZXItZ3JpZCAuay1ncmlkIC5rLWdyaWQtaGVhZGVyIHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIHRvcDogMzAwcHg7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIGhlaWdodDogYXV0bztcclxuICAgIHotaW5kZXg6IDE7XHJcbiAgICB3aWR0aDogOTcuNTUlO1xyXG59Il19 */\"","module.exports = \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{dataPostItem.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n [title]=\\\"'Send' | translate\\\" (click)=\\\"onSendPost()\\\" [disabled]=\\\"enabled\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n ![]()
\\r\\n\\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{postTemp.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{register(date)}}\\r\\n \\r\\n {{ date | date: 'dd' }}\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n event.dataItem.publicat\\r\\n }\\\">\\r\\n \\r\\n
\\r\\n {{event.title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{ pageName }}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ column.title }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ column.title }}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{ column.title }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ onDotsVideoString(dataItem.FullName) }}\\r\\n
\\r\\n \\r\\n {{ column.title }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ onDotsVideoString(dataItem.OpinionTB) }}\\r\\n
\\r\\n \\r\\n {{ column.title }}\\r\\n
\\r\\n \\r\\n \\r\\n {{ onDotsVideoString(dataItem.Opinion) }}\\r\\n
\\r\\n \\r\\n {{ column.title }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{ onDotsVideoString(opinionCt) }}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ \\\"Tittle_Report\\\" | translate }}\\r\\n {{ dataWeeklyReportItem.Week }}/{{ dataWeeklyReportItem.Year }}\\r\\n
\\r\\n \\r\\n TỪ NGÀY\\r\\n {{ dataWeeklyReportItem.FromDate | date : \\\"dd/MM/yyyy\\\" }}\\r\\n ĐẾN NGÀY\\r\\n {{ dataWeeklyReportItem.ToDate | date : \\\"dd/MM/yyyy\\\" }}\\r\\n
\\r\\n \\r\\n Thời gian cập nhật {{ dayHour }},\\r\\n {{ dataWeeklyReportItem.UpdateAt | date : \\\"dd/MM/yyyy\\\" }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n \\\"NoRecordsAvailable\\\" | translate\\r\\n }} \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n \\\"NoRecordsAvailable\\\" | translate\\r\\n }} \\r\\n \\r\\n \\r\\n \\r\\n {{\\r\\n \\\"NoRecordsAvailable\\\" | translate\\r\\n }} \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n {{ dataWeeklyReportItem.OpinionTB }}\\r\\n
\\r\\n \\r\\n {{ dataWeeklyReportItem.OpinionTBBy }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ dataWeeklyReportItem.Opinion }}\\r\\n
\\r\\n \\r\\n {{ dataWeeklyReportItem.OpinionBy }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{ opinionCt.Opinion }}\\r\\n
\\r\\n \\r\\n {{ opinionCt.OpinionBy }}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{ i + 1 }}.{{ getFileName(file) }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n {{ i + 1 }}.{{ getFileName(file) }}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter, Input, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { t } from '@angular/core/src/render3';\r\nimport { DatePipe } from '@angular/common';\r\nimport { Packer } from 'docx';\r\nimport { DocumentCreator } from \"../../word-generator\";\r\n\r\n@Component({\r\n selector: 'app-weekly-report',\r\n templateUrl: './weekly-report.component.html',\r\n styleUrls: ['./weekly-report.component.css']\r\n})\r\nexport class WeeklyReportComponent implements OnInit, OnDestroy {\r\n\r\n //codeimage\r\n commentInput = null;\r\n\r\n uploadFlag = {\r\n banner: false,\r\n image: false,\r\n video: false,\r\n };\r\n\r\n user: any;\r\n loading = false;\r\n dataWeeklyReports = [];\r\n dataWeeklyReportSelectableSettings: SelectableSettings;\r\n dataWeeklyReportSort = {\r\n allowUnsort: true,\r\n mode: 'multiple'\r\n };\r\n public dataWeeklyReportFocus = {\r\n Name: true\r\n };\r\n dataWeeklyReportSortByField: SortDescriptor[] = [\r\n\r\n ];\r\n\r\n //imagesUploadName = \"\";\r\n\r\n public LBM_NUM_PAGING_SKIP = 0;\r\n public LBM_NUM_PAGING_TAKE = 50;\r\n public LBM_NUM_PAGING_BTN = 5;\r\n\r\n dataWeeklyReportSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataWeeklyReportPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataWeeklyReportSelection: number[] = [];\r\n dataWeeklyReportItem: any;\r\n myInterval: any;\r\n pageName: any;\r\n infoOpened = false;\r\n\r\n public buttonCount = this.LBM_NUM_PAGING_BTN;\r\n public info = true;\r\n public type: 'numeric' | 'input' = 'numeric';\r\n public pageSizes = true;\r\n public previousNext = true;\r\n editOpinion = false;\r\n editOpinionTB = false;\r\n\r\n public dataWeeklyReportState: State = {\r\n skip: this.dataWeeklyReportSkip,\r\n take: this.dataWeeklyReportSkip + this.dataWeeklyReportPageSize,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n group: [{ field: 'UnitName' }]\r\n };\r\n dataWeeklyReportGridDataResult: GridDataResult;\r\n\r\n dataFileUrlsGridDataResult: GridDataResult;\r\n dataFileUrlsSelectableSettings: SelectableSettings;\r\n dataFileUrlsSkip = this.LBM_NUM_PAGING_SKIP;\r\n dataFileUrlsPageSize = this.LBM_NUM_PAGING_TAKE;\r\n dataFileUrlsSelection: number[] = [];\r\n\r\n groupTypes: Array<{ Name: string, ID: string }>;\r\n groupTypesFilter: Array<{ Name: string, ID: string }>;\r\n groupTypesSearch: Array<{ Name: string, ID: string }>;\r\n\r\n filesUpload: Array\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthenticationService } from '../services/authentication.service';\r\nimport { AppService } from '../services/app.service';\r\nimport { URLSearchParams } from '@angular/http';\r\nimport { AppComponent } from '../app.component';\r\nimport { AppLanguage } from '../services/app.language';\r\nimport { AppSwal } from '../services/app.swal';\r\n\r\n@Component({\r\n selector: 'app-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n\r\n loginInfo = {\r\n UserName: '',\r\n Password: ''\r\n };\r\n\r\n languageName = '';\r\n\r\n languages: Array\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n
\\r\\n {{item.Name}}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n {{item.Name}}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{'Root' | translate}}\\r\\n {{dataItem.ParentName}}\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n = 0\\\">\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.Name}}\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n ![]()
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.BannerType === -1 ? 'Không hiển thị (Trang chủ)' : dataItem.BannerType === 0 ? 'Banner phía trên (Trang chủ)' : dataItem.BannerType === 2 ? 'Banner các đơn vị trực thuộc (Trang chủ)' : dataItem.BannerType === 3 ? ' Ảnh nền Footer' : dataItem.BannerType\\r\\n === 4 ? ' Ảnh tin bài' : dataItem.BannerType === 5 ? 'Ảnh banner huy chương' : dataItem.BannerType === 6 ? 'Ảnh banner logo' : dataItem.BannerType === 7 ? 'Ảnh banner bên phải' : dataItem.BannerType === 8 ? 'Banner phần tin bài trang chủ' : 'Album ảnh'}}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n {{'Type0' | translate}}\\r\\n {{'Type1' | translate}}\\r\\n {{'Type2' | translate}}\\r\\n {{'Type3' | translate}}\\r\\n {{'Type4' | translate}}\\r\\n {{'Type6' | translate}}\\r\\n {{'Type7' | translate}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.HotFlg === 1 ? 'Hiển thị (Trang chủ)' : 'Không hiển thị (Trang chủ)'}}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Thủ Tục Hành Chính\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | {{'AdProcedure_Name_Detail' | translate}} | \\r\\n{{dataAdProcDetail?.Name}} | \\r\\n
| {{'AdProcedure_OrderActive' | translate}} | \\r\\n\\r\\n\\r\\n | \\r\\n
| {{'AdProcedure_FileInfo' | translate}} | \\r\\n\\r\\n\\r\\n |
| {{'AdProcedure_ResolveDate' | translate}} | \\r\\n\\r\\n\\r\\n |
| {{'AdProcedure_ObjectActive' | translate}} | \\r\\n{{dataAdProcDetail?.ObjectActive}} | \\r\\n
| {{'AdProcedure_OfficeActive' | translate}} | \\r\\n{{dataAdProcDetail?.PlaceActive}} | \\r\\n
| {{'AdProcedure_ResultActive' | translate}} | \\r\\n{{dataAdProcDetail?.ResultActive}} | \\r\\n
| {{'AdProcedure_TemplateTypeID' | translate}} | \\r\\n\\r\\n {{item?.Name}}\\r\\n | \\r\\n
| {{'AdProcedure_Fees' | translate}} | \\r\\n\\r\\n\\r\\n |
| {{'AdProcedure_BaseJuridical' | translate}} | \\r\\n{{dataAdProcDetail?.BaseJuridicalFileUrl}} | \\r\\n
| {{'AdProcedure_AdProcedure' | translate}} | \\r\\n{{dataAdProcDetail?.AdProcedure}} | \\r\\n
| {{'AdProcedure_PublicService' | translate}} | \\r\\n{{dataAdProcDetail?.PublicService ? 'Mức độ' : ''}} {{dataAdProcDetail?.PublicService}}\\r\\n | \\r\\n
| {{'AdProcedure_PostalServiceFlg' | translate}} | \\r\\n\\r\\n \\r\\n | \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Thủ tục hành chính\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ dataItem.Name }}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Mức độ {{dataItem.PublicService}}\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\"","import { Component, OnInit, HostListener } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppComponent } from 'src/app/app.component';\r\nimport { AppService } from 'src/app/services/app.service';\r\nimport { AppLanguage } from 'src/app/services/app.language';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\n\r\n@Component({\r\n selector: 'app-change-account-password',\r\n templateUrl: './change-account-password.component.html',\r\n styleUrls: ['./change-account-password.component.css']\r\n})\r\nexport class ChangeAccountPasswordComponent implements OnInit {\r\n\r\n isSticky: boolean = false;\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset > 0;\r\n }\r\n loginInfo = {\r\n UserName: '',\r\n Password: ''\r\n\r\n };\r\n dataRequest = {\r\n UserName: '',\r\n NewPassword: '',\r\n ConfirmPassword: '',\r\n Email: '',\r\n };\r\n languageName = '';\r\n\r\n languages: Array\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{menuNames}}\\r\\n \\r\\n {{accountInfoPortal.FullName}} | \\r\\n Đăng Xuất\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n Tất cảTổng số {{dataComments.length}} kết quả\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n Trả\\r\\n lời:\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Câu hỏi xem nhiều\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{item.Title}} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Câu hỏi mới nhất\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{item.Title}} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{dataCommentDetail.Description}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n Trả lời: \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{i+1}}. {{ getFileName(file) }}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{i+1}}. {{ getFileName(file) }}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Câu hỏi thường gặp\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Hiển thị tất cả {{dataComments.length}} kết quả\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![](\\\"../assets/images/icon_comment.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n Nội dung kiến nghị: \\r\\n {{dataItem.Description}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{dataCommentDetail.Title}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{dataCommentDetail.Description}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![](\\\"../assets/images/icon_comment_feedback.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{dataCommentDetail.FeedbackContent}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n ![](\\\"../assets/images/icon-logo.png\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n Câu Hỏi Thường Gặp\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{pageName}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Hủy bỏ
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\"","import { Component, OnInit, Output, Input, EventEmitter, OnDestroy, HostListener } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { AuthenticationService } from '../../services/authentication.service';\r\nimport { AppService } from '../../services/app.service';\r\nimport { AppComponent } from '../../app.component';\r\nimport { AppSwal } from '../../services/app.swal';\r\nimport { ResourceLoader } from '@angular/compiler';\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.css']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n @Output() searchChange = new EventEmitter \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{getDayInWeek()}}, ngày {{currentDate.getDate()}} tháng {{currentDate.getMonth()+1}} năm {{currentDate.getFullYear()}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n Trang thông tin điện tử
\\r\\n CÔNG ĐOÀN
THÀNH PHỐ HỒ CHÍ MINH
\\r\\n THÀNH PHỐ HỒ CHÍ MINH
HO CHI MINH CITY FEDERATION OF LABOUR
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n ![]()
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n VĂN BẢN MỚI\\r\\n
\\r\\n 2 ? 'ul-notify-scroll' : 'ul-notify'\\\">\\r\\n
\\r\\n 2 ? 'scrollbars' : 'no-scrollbars'\\\">\\r\\n
\\r\\n - \\r\\n
- \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n {{item.Summary}}\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n {{menu.DATA_MENU.Name}} \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n ![]()
\\r\\n
\\r\\n \\r\\n {{item.Title}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n CÁC ĐƠN VỊ TRỰC THUỘC\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\"","import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppComponent } from 'src/app/app.component';\r\nimport { AppService } from 'src/app/services/app.service';\r\nimport { AppLanguage } from 'src/app/services/app.language';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\n\r\n@Component({\r\n selector: 'app-login-ask',\r\n templateUrl: './login-ask.component.html',\r\n styleUrls: ['./login-ask.component.css']\r\n})\r\nexport class LoginAskComponent implements OnInit {\r\n\r\n @Input() urlPath = '';\r\n @Output() loginSuccess = new EventEmitter\\r\\n
\\r\\n \\r\\nĐăng ký tài khoản mới
\\r\\n \\r\\n
\\r\\n {{dataItem.DayName}}
\\r\\n {{dataItem.StartAtRp | date:'dd/MM/yyyy'}}
\\r\\n \\r\\n
\\r\\n {{dataItem.DayHour}}
\\r\\n \\r\\n \\r\\n
\\r\\n {{dataItem.Name}}
\\r\\n Chủ trì: {{dataItem.ShowAdmin}}
\\r\\n TP: {{dataItem.ShowMembers}}
\\r\\n \\r\\n
\\r\\n {{dataItem.RoomMeetingName}}
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{pageName}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\"","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, Output, EventEmitter, HostListener } from '@angular/core';\r\nimport { AppLanguage } from '../../services/app.language';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AppService } from '../../services/app.service';\r\nimport { SelectableSettings, PageChangeEvent, GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';\r\nimport { State, process, SortDescriptor, orderBy } from '@progress/kendo-data-query';\r\nimport { AppSwal } from 'src/app/services/app.swal';\r\nimport { IntlService } from '@progress/kendo-angular-intl';\r\nimport { Notification } from '../../services/app.notification';\r\nimport { ExcelExportData } from '@progress/kendo-angular-excel-export';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/observable/interval';\r\nimport { AppGuid } from 'src/app/services/app.guid';\r\nimport { NullInjector } from '@angular/core/src/di/injector';\r\nimport { FileRestrictions, SelectEvent, ClearEvent, RemoveEvent, FileInfo } from '@progress/kendo-angular-upload';\r\nimport * as XLSX from 'xlsx';\r\nimport { AppFile } from 'src/app/services/app.file';\r\nimport { nullSafeIsEquivalent } from '@angular/compiler/src/output/output_ast';\r\nimport { AuthenticationService } from 'src/app/services/authentication.service';\r\nimport { AppControls } from 'src/app/services/app.controls';\r\nimport { AppUtils } from 'src/app/services/app.utils';\r\nimport { AppComponent } from '../../app.component';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpProgressEvent, HttpEventType, HttpResponse } from '@angular/common/http';\r\nimport { of, concat } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport * as FileSaver from 'file-saver';\r\nimport { ActivatedRoute, Router, NavigationEnd } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-nldnews',\r\n templateUrl: './nldnews.component.html',\r\n styleUrls: ['./nldnews.component.css']\r\n})\r\nexport class NLDNewsComponent implements OnInit {\r\n isSticky: boolean = false;\r\n @HostListener('window:scroll', ['$event'])\r\n checkScroll() {\r\n this.isSticky = window.pageYOffset > 0;\r\n }\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n private language: AppLanguage,\r\n private appService: AppService,\r\n private appSwal: AppSwal,\r\n public intl: IntlService,\r\n private notification: Notification,\r\n private guid: AppGuid,\r\n private file: AppFile,\r\n private authenticationService: AuthenticationService,\r\n public appControls: AppControls,\r\n private appUtils: AppUtils,\r\n private appComponent: AppComponent,\r\n private domSanitizer: DomSanitizer,\r\n private activatedRoute: ActivatedRoute,\r\n private router: Router\r\n ) {\r\n this.getNewsNLD(5);\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n NLDNews: any = [];\r\n nld: any = [];\r\n sanitizedUrl;\r\n public numPost = [5, 10, 15, 20, 25, 30];\r\n public selectedItem = this.numPost[0];\r\n\r\n sanitize(url: string) {\r\n return this.domSanitizer.bypassSecurityTrustUrl(url);\r\n }\r\n\r\n async getNewsNLD(num: any) {\r\n this.NLDNews = [];\r\n this.nld = [];\r\n const result = await this.appService.doGET('api/NLDNews/getNews', null);\r\n if (result && result.Status === 1) {\r\n var count = 0;\r\n for (let data of result.Data) {\r\n this.nld.push(data);\r\n count = count + 1;\r\n if (count == num) {\r\n break;\r\n }\r\n }\r\n this.NLDNews = this.nld;\r\n }\r\n }\r\n\r\n public selectionChange(value: any){\r\n this.getNewsNLD(value);\r\n }\r\n\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BvcnRhbC9vZmZpY2UtZHJ0Mi9vZmZpY2UtZHJ0Mi5jb21wb25lbnQuY3NzIn0= */\"","module.exports = \"Không có nội dung nào được hiển thị\\r\\n
\\r\\n \\r\\n Số Bài Viết Hiển Thị:\\r\\n
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{dataItem.Title}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Sơ Đồ Tổ Chức\\r\\n Organization Chart\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Lãnh Đạo\\r\\n Leaders\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Chức năng nhiệm vụ\\r\\n Responsibility\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Họ tên: \\r\\n Name: \\r\\n {{accountDetail.Name}}\\r\\n
\\r\\n \\r\\n Chức vụ: \\r\\n Role: \\r\\n {{accountDetail.PartName}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{unitDetail.Name}}\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n ' + item.PartName + '
' + item.Name + '
' },\r\n item.ParentID, item.ID]\r\n );\r\n }\r\n }\r\n this.loading = false;\r\n }\r\n\r\n getUnitDetail(id){\r\n const dataUnitDetail = this.dataUnits.find((item) => {\r\n return item.ID === id;\r\n });\r\n this.unitDetail = dataUnitDetail;\r\n }\r\n\r\n getAccountDetail(id) {\r\n const data = this.dataAccounts.find((item) => {\r\n return item.ID === id;\r\n });\r\n\r\n this.accountDetail = data;\r\n }\r\n\r\n async getMissionOperator(languageID) {\r\n this.loading = true;\r\n const dataRequest = {\r\n langID: languageID\r\n };\r\n\r\n const result = await this.appService.doGET('api/Post/getMissionOperator', dataRequest);\r\n if (result.Data) {\r\n this.content = result.Data.Description;\r\n this.contentFlg = result.Data.HotFlg;\r\n }\r\n this.loading = false;\r\n }\r\n\r\n\r\n onSelectAcc(event) {\r\n if(event.length != 0){\r\n this.nameAcc = '';\r\n \r\n const { row, column } = event[0];\r\n const id = this.data.accounts[row][2];\r\n this.getAccountDetail(id);\r\n if(this.accountDetail.DisplayFlg){\r\n this.opened = true;\r\n }\r\n }\r\n }\r\n\r\n onSelectUnit(event) {\r\n this.nameAcc = '';\r\n this.openedUnitDialog = true;\r\n this.getUnitDetail(event.id);\r\n\r\n }\r\n public closeDialog(status) {\r\n this.opened = false;\r\n this.openedUnitDialog = false;\r\n }\r\n\r\n \r\n\r\n onReload() {\r\n this.getUnits(this.languageName);\r\n this.getAccounts(this.languageName);\r\n this.getMissionOperator(this.languageName);\r\n }\r\n\r\n ngOnInit(): void {\r\n \r\n }\r\n\r\n ngOnDestroy(){\r\n var datalanguage = {\r\n id: 0,\r\n culture: 'vi-VN',\r\n text: 'Tiếng Việt'\r\n }\r\n this.onChangeLanguage(datalanguage);\r\n }\r\n \r\n\r\n onChangeLanguage(e: any) {\r\n this.languageName = e;\r\n this.onReload();\r\n }\r\n \r\n getLanguageName() {\r\n let lang = localStorage.getItem('currentLanguage');\r\n if(lang == null || lang == undefined){\r\n lang = \"vi-VN\";\r\n }\r\n this.languageName = lang;\r\n this.onReload();\r\n }\r\n\r\n}\r\n","module.exports = \".schedule-editor .k-window{\\r\\n width: 57%px;\\r\\n height: 500px;\\r\\n}\\r\\n\\r\\n.label-scheduler{\\r\\n padding-bottom: 5px;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n.placeholer-color{\\r\\n color: black;\\r\\n}\\r\\n\\r\\n.text-box{\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.deleted{\\r\\n text-decoration: line-through;\\r\\n}\\r\\n\\r\\n.changed{\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.publiced{\\r\\n background-color: mediumturquoise;\\r\\n}\\r\\n\\r\\n.approved{\\r\\n background-color: rgb(25, 214, 116);\\r\\n}\\r\\n\\r\\n.text-center{\\r\\n padding-top: 10px;\\r\\n width: 100%;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.xpre{\\r\\n white-space: pre-wrap; \\r\\n word-break: break-word;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcG9ydGFsL3BvcnRhbC1tZWV0aW5nL3BvcnRhbC1tZWV0aW5nLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxZQUFZO0lBQ1osYUFBYTtBQUNqQjs7QUFFQTtJQUNJLG1CQUFtQjtJQUNuQixnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxZQUFZO0FBQ2hCOztBQUVBO0lBQ0ksV0FBVztBQUNmOztBQUVBO0lBQ0ksNkJBQTZCO0FBQ2pDOztBQUVBO0lBQ0ksaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksaUNBQWlDO0FBQ3JDOztBQUVBO0lBQ0ksbUNBQW1DO0FBQ3ZDOztBQUVBO0lBQ0ksaUJBQWlCO0lBQ2pCLFdBQVc7SUFDWCxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsc0JBQXNCO0FBQzFCIiwiZmlsZSI6InNyYy9hcHAvcG9ydGFsL3BvcnRhbC1tZWV0aW5nL3BvcnRhbC1tZWV0aW5nLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc2NoZWR1bGUtZWRpdG9yIC5rLXdpbmRvd3tcclxuICAgIHdpZHRoOiA1NyVweDtcclxuICAgIGhlaWdodDogNTAwcHg7XHJcbn1cclxuXHJcbi5sYWJlbC1zY2hlZHVsZXJ7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcclxufVxyXG5cclxuLnBsYWNlaG9sZXItY29sb3J7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbn1cclxuXHJcbi50ZXh0LWJveHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcblxyXG4uZGVsZXRlZHtcclxuICAgIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xyXG59XHJcblxyXG4uY2hhbmdlZHtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG59XHJcblxyXG4ucHVibGljZWR7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBtZWRpdW10dXJxdW9pc2U7XHJcbn1cclxuXHJcbi5hcHByb3ZlZHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyNSwgMjE0LCAxMTYpO1xyXG59XHJcblxyXG4udGV4dC1jZW50ZXJ7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcblxyXG4ueHByZXtcclxuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDsgXHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xyXG59Il19 */\"","module.exports = \" event.dataItem.publicat\\r\\n }\\\">\\r\\n \\r\\n
\\r\\n {{event.title}}
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{'Room_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{'Unit_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{'Admin_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{'Member_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{'Date_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{'Start_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{'End_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{'Title_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n {{'Content_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n {{'File_Meeting' | translate}}\\r\\n
\\r\\n \\r\\n Tài\\r\\n liệu\\r\\n Hiện không có\\r\\n tài liệu\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{pageName}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n {{'Weekly_Banner_Left_top' | translate}}
\\r\\n {{'Weekly_Banner_Left_bottom' | translate}}
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n {{'Weekly_Banner_right_top' | translate}}
\\r\\n {{'Weekly_Banner_right_bottom' | translate}}
\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n {{'Weekly_Name_RP' | translate}} {{this.WeekNo}}
\\r\\n (Từ {{ this.searchOption.FromDate | date: 'dd/MM/yyyy'}} đến {{ this.searchOption.ToDate | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n \\r\\n (Từ {{ this.searchOption.FromDate | date: 'dd/MM/yyyy'}} đến {{ this.searchOption.ToDate | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n Nội dung trọng tâm:
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Lịch tuần thay giấy mời đối với nội bộ cơ quan Liên đoàn Lao động Thành phố.\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{'Weekly_Name_RP' | translate}} {{this.WeekNo}}
\\r\\n (Từ {{ this.searchOption.FromDate | date: 'dd/MM/yyyy'}} đến {{ this.searchOption.ToDate | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n \\r\\n (Từ {{ this.searchOption.FromDate | date: 'dd/MM/yyyy'}} đến {{ this.searchOption.ToDate | date: 'dd/MM/yyyy'}})\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n Nội dung trọng tâm:
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n 0\\\" #ngcarousel [showNavigationArrows]=\\\"false\\\" [interval]=\\\"5000\\\" class=\\\"no-indicators\\\" data-interval=\\\"false\\\" [pauseOnHover]=\\\"true\\\" [keyboard]=\\\"true\\\">\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n 1\\\">\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{item.MenuName}};\\r\\n \\r\\n
\\r\\n {{postItem.Title}}
\\r\\n \\r\\n No English Data\\r\\n
\\r\\n {{getDayInWeek()}}, {{postItem.ApprovedAt | date: 'dd/MM/yyyy'}} \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n {{'FileUploadFileUrls' | translate}}:
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{postNLD.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Chi tiết xem Tại Đây\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n TIN LIÊN QUAN\\r\\n Related Posts\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Không có nội dung nào được hiển thị
\\r\\n No Records to show
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\nKhông có nội dung nào được hiển thị
\\r\\n \\r\\n ![]()
\\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{dataItem.Title}}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\"","import { Component, OnInit } from '@angular/core';\r\nimport { AppService } from 'src/app/services/app.service';\r\n\r\n@Component({\r\n selector: 'app-right',\r\n templateUrl: './right.component.html',\r\n styleUrls: ['./right.component.css']\r\n})\r\nexport class RightComponent implements OnInit {\r\n\r\n listBanners: any[];\r\n\r\n constructor(\r\n public appService: AppService\r\n ) {\r\n this.onReload();\r\n }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n async onReload() {\r\n const resultBanner = await this.appService.doGET('api/Post/GetBannerRight', null);\r\n if (resultBanner && resultBanner.Status === 1) {\r\n this.listBanners = resultBanner.Data;\r\n }\r\n }\r\n\r\n}\r\n","module.exports = \"\\r\\n::-moz-selection {\\r\\n background: rgba(2,139,255,1);\\r\\n color: #fff;\\r\\n text-shadow: none;\\r\\n}\\r\\n::selection {\\r\\n background: rgba(2,139,255,1);\\r\\n color: #fff;\\r\\n text-shadow: none;\\r\\n}\\r\\n.col-sm-6 {\\r\\n width: 50%;\\r\\n}\\r\\n.home-top-box .box {\\r\\n text-align: center;\\r\\n padding: 50px 10%;\\r\\n background-color: #fff;\\r\\n border: 1px solid #F3F3F3;\\r\\n transition: all 0.3s ease-out 0s;\\r\\n margin: 0 0 20px 0;\\r\\n}\\r\\n.home-top-box .box i {\\r\\n text-align: center;\\r\\n font-size: 42px;\\r\\n color: #006CB7;\\r\\n transition: all 0.3s ease-out 0s;\\r\\n}\\r\\n.home-top-box .box h4 {\\r\\n color: #333;\\r\\n padding: 15px 0px;\\r\\n position: relative;\\r\\n text-transform: capitalize;\\r\\n font-size: 20px;\\r\\n font-weight: 500;\\r\\n}\\r\\n.fa, .fas {\\r\\n font-weight: 500;\\r\\n}\\r\\n.home-top-box .box:hover {\\r\\n background: #006CB7;\\r\\n}\\r\\n.home-top-box .box:hover i {\\r\\n color: #fff;\\r\\n}\\r\\n.home-top-box .box:hover h4 {\\r\\n color: #fff;\\r\\n}\\r\\na, u {\\r\\n text-decoration: none;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcG9ydGFsL3NlcnZpY2Utb25saW5lL3NlcnZpY2Utb25saW5lLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBO0lBQ0ksNkJBQTZCO0lBQzdCLFdBQVc7SUFDWCxpQkFBaUI7QUFDckI7QUFKQTtJQUNJLDZCQUE2QjtJQUM3QixXQUFXO0lBQ1gsaUJBQWlCO0FBQ3JCO0FBQ0E7SUFDSSxVQUFVO0FBQ2Q7QUFDQTtJQUNJLGtCQUFrQjtJQUNsQixpQkFBaUI7SUFDakIsc0JBQXNCO0lBQ3RCLHlCQUF5QjtJQUt6QixnQ0FBZ0M7SUFDaEMsa0JBQWtCO0FBQ3RCO0FBQ0E7SUFDSSxrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGNBQWM7SUFLZCxnQ0FBZ0M7QUFDcEM7QUFDQTtJQUNJLFdBQVc7SUFDWCxpQkFBaUI7SUFDakIsa0JBQWtCO0lBQ2xCLDBCQUEwQjtJQUMxQixlQUFlO0lBQ2YsZ0JBQWdCO0FBQ3BCO0FBQ0E7SUFDSSxnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLG1CQUFtQjtBQUN2QjtBQUNBO0lBQ0ksV0FBVztBQUNmO0FBQ0E7SUFDSSxXQUFXO0FBQ2Y7QUFDQTtJQUNJLHFCQUFxQjtBQUN6QiIsImZpbGUiOiJzcmMvYXBwL3BvcnRhbC9zZXJ2aWNlLW9ubGluZS9zZXJ2aWNlLW9ubGluZS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbjo6c2VsZWN0aW9uIHtcclxuICAgIGJhY2tncm91bmQ6IHJnYmEoMiwxMzksMjU1LDEpO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICB0ZXh0LXNoYWRvdzogbm9uZTtcclxufVxyXG4uY29sLXNtLTYge1xyXG4gICAgd2lkdGg6IDUwJTtcclxufVxyXG4uaG9tZS10b3AtYm94IC5ib3gge1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgcGFkZGluZzogNTBweCAxMCU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI0YzRjNGMztcclxuICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQgMHM7XHJcbiAgICAtbW96LXRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0IDBzO1xyXG4gICAgLW1zLXRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0IDBzO1xyXG4gICAgLW8tdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQgMHM7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dCAwcztcclxuICAgIG1hcmdpbjogMCAwIDIwcHggMDtcclxufVxyXG4uaG9tZS10b3AtYm94IC5ib3ggaSB7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBmb250LXNpemU6IDQycHg7XHJcbiAgICBjb2xvcjogIzAwNkNCNztcclxuICAgIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQgMHM7XHJcbiAgICAtbW96LXRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0IDBzO1xyXG4gICAgLW1zLXRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0IDBzO1xyXG4gICAgLW8tdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQgMHM7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dCAwcztcclxufVxyXG4uaG9tZS10b3AtYm94IC5ib3ggaDQge1xyXG4gICAgY29sb3I6ICMzMzM7XHJcbiAgICBwYWRkaW5nOiAxNXB4IDBweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxufVxyXG4uZmEsIC5mYXMge1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxufVxyXG4uaG9tZS10b3AtYm94IC5ib3g6aG92ZXIge1xyXG4gICAgYmFja2dyb3VuZDogIzAwNkNCNztcclxufVxyXG4uaG9tZS10b3AtYm94IC5ib3g6aG92ZXIgaSB7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxufVxyXG4uaG9tZS10b3AtYm94IC5ib3g6aG92ZXIgaDQge1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbn1cclxuYSwgdSB7XHJcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbn0iXX0= */\"","module.exports = \"\\r\\n Thông tin\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{dataOfficeDetail?.Title}} \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | {{'Office_SerialNumber' | translate}} | \\r\\n{{dataOfficeDetail?.SerialNumber}} | \\r\\n
| {{'Office_OfficeTypeID' | translate}} | \\r\\n{{dataOfficeDetail?.OfficeTypeName}} | \\r\\n
| {{'Office_PublishAt' | translate}} | \\r\\n{{dataOfficeDetail?.PublishAt | date: 'dd/MM/yyyy'}} | \\r\\n
| {{'Office_PublishTypeID' | translate}} | \\r\\n{{dataOfficeDetail?.PublishTypeName}} | \\r\\n
| {{'Office_FieldTypeID' | translate}} | \\r\\n{{dataOfficeDetail?.FieldTypeName}} | \\r\\n
| {{'Office_Summary' | translate}} | \\r\\n{{dataOfficeDetail?.Summary}} | \\r\\n
| {{'Office_FileUrl' | translate}} | \\r\\n\\r\\n |
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{pageName}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n {{ItemParent.Name}}\\r\\n
\\r\\n \\r\\n
\\r\\n - \\r\\n
- \\r\\n \\r\\n \\r\\n {{child.Name}}\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n {{categoryTypeName}}\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{notifyNoRecord}}
\\r\\n 0\\\">\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{dataItem.Summary}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Tin videos\\r\\n
\\r\\n \\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{videos[0].Name}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n = 1 && i <= 3\\\">\\r\\n \\r\\n
\\r\\n {{item.Name}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n = 4\\\">\\r\\n \\r\\n
\\r\\n {{item.Name}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{pageName}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{dataItem.GroupTypeName}}
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n {{itemChild.Name}}
\\r\\n \\r\\n {{itemChild.LinkUrl}}\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{pageName}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.CreateAt | date: 'dd/MM/yyyy HH:mm:ss'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{dataItem.ApprovedAt | date: 'dd/MM/yyyy HH:mm:ss'}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n ![]()
\\r\\n ![]()
\\r\\n ![]()
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n {{postTemp.Title}}
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 0\\\">\\r\\n
\\r\\n \\r\\n {{'FileUploadFileUrls' | translate}}:
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{i+1}}.{{ getFileName(file) }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n ![]()
\\r\\n
\\r\\n {{item.Name}}
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n {{item.Name}}
\\r\\n