tnx-shared 5.1.28 → 5.1.29

package/bundles/tnx-shared.umd.js

@@ -904,7 +904,7 @@
                 life: life
             });
         };
-        NotifierService.prototype.showWarningByReponse = function (res) {
+        NotifierService.prototype.showWarningByResponse = function (res) {
             var message = res.message;
             if (!message)
                 message = res.error;
@@ -5475,16 +5475,16 @@
                         return Math.ceil(milisecond / 3600000) + ' giờ trước';
                     }
                     else {
-                        return ('Hôm qua lúc ' +
-                            this.datePipe.transform(datetime, 'HH:mm'));
+                        return ('Hôm qua lúc '
+                            + this.datePipe.transform(datetime, 'HH:mm'));
                     }
                 }
                 if (milisecond >= 86400000) {
-                    if (datetime.getDate() == now.getDate() - 1 &&
-                        datetime.getMonth() == now.getMonth() &&
-                        datetime.getYear() == now.getYear()) {
-                        return ('Hôm qua lúc ' +
-                            this.datePipe.transform(datetime, 'HH:mm'));
+                    if (datetime.getDate() == now.getDate() - 1
+                        && datetime.getMonth() == now.getMonth()
+                        && datetime.getYear() == now.getYear()) {
+                        return ('Hôm qua lúc '
+                            + this.datePipe.transform(datetime, 'HH:mm'));
                     }
                     else {
                         return this.datePipe.transform(datetime, 'dd/MM/yyyy HH:mm');
@@ -5519,25 +5519,25 @@
                         return Math.ceil(milisecond / 3600000) + ' giờ nữa';
                     }
                     else {
-                        return ('Ngày mai lúc ' +
-                            this.datePipe.transform(datetime, 'HH:mm'));
+                        return ('Ngày mai lúc '
+                            + this.datePipe.transform(datetime, 'HH:mm'));
                     }
                 }
                 if (milisecond >= 86400000) {
-                    if (datetime.getDate() == now.getDate() - 1 &&
-                        datetime.getMonth() == now.getMonth() &&
-                        datetime.getYear() == now.getYear()) {
-                        return ('Ngày mai lúc ' +
-                            this.datePipe.transform(datetime, 'HH:mm'));
-                    }
-                    if (datetime.getDate() == now.getDate() - 2 &&
-                        datetime.getMonth() == now.getMonth() &&
-                        datetime.getYear() == now.getYear()) {
+                    if (datetime.getDate() == now.getDate() - 1
+                        && datetime.getMonth() == now.getMonth()
+                        && datetime.getYear() == now.getYear()) {
+                        return ('Ngày mai lúc '
+                            + this.datePipe.transform(datetime, 'HH:mm'));
+                    }
+                    if (datetime.getDate() == now.getDate() - 2
+                        && datetime.getMonth() == now.getMonth()
+                        && datetime.getYear() == now.getYear()) {
                         return 'Hai ngày nữa';
                     }
-                    else if (datetime.getDate() == now.getDate() - 3 &&
-                        datetime.getMonth() == now.getMonth() &&
-                        datetime.getYear() == now.getYear()) {
+                    else if (datetime.getDate() == now.getDate() - 3
+                        && datetime.getMonth() == now.getMonth()
+                        && datetime.getYear() == now.getYear()) {
                         return 'Ba ngày nữa';
                     }
                     else {
@@ -5558,8 +5558,8 @@
                 return this.datePipe.transform(datetime, 'dd/MM/yyyy');
             }
             var now = new Date();
-            if (datetime.getMonth() == now.getMonth() &&
-                datetime.getYear() == now.getYear()) {
+            if (datetime.getMonth() == now.getMonth()
+                && datetime.getYear() == now.getYear()) {
                 var days = datetime.getDate() - now.getDate();
                 if (days == 0) {
                     return 'Hôm nay';
@@ -5590,7 +5590,8 @@
                 return this.datePipe.transform(datetime, 'dd/MM/yyyy');
             }
         };
-        CrudService.prototype.hideControlAndLabel = function () { };
+        CrudService.prototype.hideControlAndLabel = function () {
+        };
         CrudService.prototype.buildFilter = function (field, operator, value) {
             return new Filter({ field: field, operator: operator, value: value });
         };
@@ -5697,7 +5698,8 @@
                                 _this.createDropdownOptions(schema));
                             }
                             promise.then(function (res) {
-                                var funcSetValueRow = function (rowItem, data) { };
+                                var funcSetValueRow = function (rowItem, data) {
+                                };
                                 if (schema.funcSetValueRow) {
                                     funcSetValueRow = schema.funcSetValueRow;
                                 }
@@ -6024,19 +6026,24 @@
                     this._injector.get(NotifierService).showWarning('Có lỗi xảy ra. Liên hệ quản trị viên để biết thêm chi tiết.');
                 }
                 else {
-                    if (res.message != null && res.message != '')
+                    if (res.message != null && res.message != '') {
                         this._injector.get(NotifierService).showWarning(res.message);
-                    else
+                    }
+                    else {
                         this._injector.get(NotifierService).showWarning(res.error);
+                    }
                 }
-                if (callBackError)
+                if (callBackError) {
                     callBackError(res);
+                }
                 return;
             }
-            if (message)
+            if (message) {
                 this._injector.get(NotifierService).showSuccess(message);
-            if (callBack)
+            }
+            if (callBack) {
                 callBack(res);
+            }
         };
         CrudService.prototype.handleReponsePromise = function (res, messageSuccess) {
             var _this = this;
@@ -6087,14 +6094,16 @@
             };
             if (model.hasOwnProperty(sourceField)) {
                 valueFilter = model[sourceField];
-                if (canAccessSubField(valueFilter))
+                if (canAccessSubField(valueFilter)) {
                     valueFilter = valueFilter[subField];
+                }
             }
             else if (rootModel) {
                 if (rootModel.hasOwnProperty(sourceField)) {
                     valueFilter = rootModel[sourceField];
-                    if (canAccessSubField(valueFilter))
+                    if (canAccessSubField(valueFilter)) {
                         valueFilter = valueFilter[subField];
+                    }
                 }
                 else {
                     var fields = sourceField.split('.');
@@ -6118,25 +6127,30 @@
                         }
                         finally { if (e_1) throw e_1.error; }
                     }
-                    if (canAccessSubField(temp))
+                    if (canAccessSubField(temp)) {
                         valueFilter = temp[subField];
+                    }
                 }
             }
-            if (filter.logic == null && (valueFilter == null || valueFilter === '' || valueFilter.length == 0))
+            if (filter.logic == null && (valueFilter == null || valueFilter === '' || valueFilter.length == 0)) {
                 return;
+            }
             var tmpFilter = new Filter(filter);
             delete tmpFilter.sourceField;
-            if (tmpFilter.funcGetValue)
+            if (tmpFilter.funcGetValue) {
                 valueFilter = tmpFilter.funcGetValue(valueFilter);
+            }
             tmpFilter.value = JSON.stringify(valueFilter);
             tmpFilter.filters = [];
             if (filter.logic && filter.filters) {
                 filter.filters.forEach(function (f) { return _this.deQuyReplaceValue(tmpFilter.filters, f, model, rootModel); });
-                if (tmpFilter.filters.length > 0)
+                if (tmpFilter.filters.length > 0) {
                     filters.push(tmpFilter);
+                }
             }
-            else
+            else {
                 filters.push(tmpFilter);
+            }
         };
         CrudService.prototype.getWorkflowCoreStatusText = function (workflowCoreStatusValue) {
             var item = DataSourceWorkflowCoreStatus.find(function (x) { return x.id == workflowCoreStatusValue; });
@@ -6282,7 +6296,8 @@
             if (schema.funcGetLabel) {
                 funcGetLabel = schema.funcGetLabel;
             }
-            var funcSetValueRow = function (rowItem, data) { };
+            var funcSetValueRow = function (rowItem, data) {
+            };
             var funcGetRefDataRow = function (refItems) {
                 return refItems.map(function (item) { return funcGetLabel(item); }).join(schema.separator + " ");
             };
@@ -6439,14 +6454,17 @@
                         }
                     }
                 });
-                if (apiUrl.indexOf('?') == -1)
+                if (apiUrl.indexOf('?') == -1) {
                     apiUrl += "?";
-                else
+                }
+                else {
                     apiUrl += "&";
+                }
                 apiUrl += "_keySignalr=" + topic;
                 _this._http.get(apiUrl)
                     .pipe(operators.shareReplay(_this.REPLAY_COUNT), operators.retry(_this.RETRY_COUNT), operators.catchError(function (err) { return _this.handleError(err, _this._injector); })).toPromise()
-                    .then(function (res) { })
+                    .then(function (res) {
+                })
                     .catch(function (err) {
                     _this.unSubscribeSignalR(topic);
                     reject(err);
@@ -6468,14 +6486,17 @@
                         }
                     }
                 });
-                if (apiUrl.indexOf('?') == -1)
+                if (apiUrl.indexOf('?') == -1) {
                     apiUrl += "?";
-                else
+                }
+                else {
                     apiUrl += "&";
+                }
                 apiUrl += "_keySignalr=" + topic;
                 _this._http.post(apiUrl, data)
                     .pipe(operators.shareReplay(_this.REPLAY_COUNT), operators.retry(_this.RETRY_COUNT), operators.catchError(function (err) { return _this.handleError(err, _this._injector); })).toPromise()
-                    .then(function (res) { })
+                    .then(function (res) {
+                })
                     .catch(function (err) {
                     _this.unSubscribeSignalR(topic);
                     reject(err);
@@ -6819,6 +6840,11 @@
             var url = this.serviceUri + "/" + id;
             return this._http.delete(url).toPromise();
         };
+        BaseService.prototype.deleteById = function (id) {
+            var _this = this;
+            var url = this.serviceUri + "/" + id;
+            return this._http.delete(url).pipe(operators.catchError(function (err) { return _this.handleError(err, _this._injector); })).toPromise();
+        };
         BaseService.prototype.deleteMany = function (lstId) {
             var url = this.serviceUri + "/DeleteManyAsync/" + lstId;
             return this._http.delete(url).toPromise();
@@ -9177,6 +9203,12 @@
                 });
             }
         };
+        /**
+         * Hàm dùng để lấy thông tin cơ bản nhiều người dùng dựa vào userName,
+         * hiện tại chưa có thông tin về đơn vị và chức vụ người dùng để giảm load và vì chưa dùng đến
+         * @param {string} userName
+         * @return {Promise<BasicUserInfo[]>
+         */
         UserService.prototype.getBasicUserInfoByUserName = function (userName) {
             var _this = this;
             var storageItem = localStorage.getItem(this.USER_INFO_KEY + '_' + userName);
@@ -9211,24 +9243,37 @@
                 }); });
             }
         };
-        UserService.prototype.getBasicUsersInfoByUserName = function (userNames) {
-            var _this = this;
-            var storageItem = localStorage.getItem(this.USER_INFO_KEY);
-            var userInfos = JSON.parse(storageItem);
-            var check = userInfos ? userNames.indexOf(userInfos['userName']) > -1 : null;
-            if (check) {
-                return new Promise(function (resolve, reject) { return resolve(userInfos); });
-            }
-            else {
-                return new Promise(function (resolve, reject) {
-                    var svUrl = _this.serviceUri + "/GetBasicUsersInfoByUserName?userNames=" + userNames;
-                    _this._http.get(svUrl).pipe(operators.shareReplay(_this.REPLAY_COUNT), operators.retry(_this.RETRY_COUNT), operators.catchError(function (err) { return _this.handleError(err, _this._injector); }), operators.map(function (repsonse) { return repsonse.data; })).toPromise().then(function (success) {
-                        resolve(success);
-                    }).catch(function (err) {
-                        resolve([]);
-                    });
+        /**
+         * Hàm dùng để lấy thông tin cơ bản nhiều người dùng dựa vào userName,
+         * hiện tại chưa có thông tin về đơn vị và chức vụ người dùng để giảm load và vì chưa dùng đến
+         * @param {string} userNames
+         * @return {Promise<BasicUserInfo[]>
+         */
+        UserService.prototype.getBasicUsersInfoByUserNames = function (userNames) {
+            return __awaiter(this, void 0, void 0, function () {
+                var storageItem, userInfos, check, svUrl;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            storageItem = localStorage.getItem(this.USER_INFO_KEY);
+                            userInfos = JSON.parse(storageItem);
+                            check = userInfos ? userNames.indexOf(userInfos['userName']) > -1 : null;
+                            if (!check) return [3 /*break*/, 1];
+                            return [2 /*return*/, userInfos];
+                        case 1:
+                            svUrl = this.serviceUri + "/GetBasicUsersInfoByUserNames?userNames=" + userNames;
+                            return [4 /*yield*/, this._http.get(svUrl).pipe(operators.shareReplay(this.REPLAY_COUNT), operators.retry(this.RETRY_COUNT), operators.catchError(function (err) { return _this.handleError(err, _this._injector); }), operators.map(function (repsonse) {
+                                    localStorage.setItem(_this.USER_INFO_KEY + '_' + repsonse.data.map(function (x) {
+                                        if (x.userName)
+                                            return x.userName;
+                                    }), JSON.stringify(repsonse.data));
+                                    return repsonse.data;
+                                })).toPromise().catch(function (err) { return []; })];
+                        case 2: return [2 /*return*/, _b.sent()];
+                    }
                 });
-            }
+            });
         };
         UserService.prototype.convertListUserIdToString = function (userIds) {
             if (userIds.length > 0) {
@@ -9236,14 +9281,14 @@
             }
             return ',';
         };
-        UserService.prototype.fillBasicUserInfo = function (dataSource, propertyName, users) {
+        UserService.prototype.fillBasicUserInfo = function (dataSource, propertyName) {
             dataSource.forEach(function (item) {
                 var userId = item[propertyName].id ? item[propertyName].id : item[propertyName];
                 // tslint:disable-next-line:no-shadowed-variable
-                var user = users.find(function (user) { return user.id === userId; });
-                if (user) {
-                    item[propertyName] = user;
-                }
+                // const user = users.find(user => user.id === userId);
+                // if (user) {
+                //     item[propertyName] = user;
+                // }
             });
             return dataSource;
         };
@@ -11520,7 +11565,7 @@
                             _this._notifierService.showDeleteDataSuccess();
                         }
                         else {
-                            _this._notifierService.showWarningByReponse(response);
+                            _this._notifierService.showWarningByResponse(response);
                         }
                     }, function (error) {
                         _this._notifierService.showDeleteDataError();
@@ -11545,7 +11590,7 @@
                             _this._notifierService.showDeleteDataSuccess();
                         }
                         else {
-                            _this._notifierService.showWarningByReponse(response);
+                            _this._notifierService.showWarningByResponse(response);
                         }
                     });
                 }
@@ -33437,7 +33482,7 @@
                         _this._notifierService.showDeleteDataSuccess();
                     }
                     else {
-                        _this._notifierService.showWarningByReponse(response);
+                        _this._notifierService.showWarningByResponse(response);
                     }
                 });
             });
@@ -33558,7 +33603,7 @@
                     _this.data.moving = {};
                 }
                 else {
-                    _this._notifierService.showWarningByReponse(response);
+                    _this._notifierService.showWarningByResponse(response);
                 }
             });
         };
@@ -34565,7 +34610,7 @@
                         _this.onClose.next(true);
                     }
                     else {
-                        _this._notifierService.showWarningByReponse(response);
+                        _this._notifierService.showWarningByResponse(response);
                     }
                 });
             });
@@ -44821,7 +44866,7 @@
     BaseCauHinhWorkflowDetailComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'base-cauhinh-workflow-detail',
-                    template: "<workflow-picker #workflowPicker *ngIf=\"readyGenWorkflow\" #formBase [data]=\"workflowData\" [showButtonSave]=\"true\"\r\n    (onSaveSetting)=\"handleSave($event)\"></workflow-picker>\r\n<after-view-checked *ngIf=\"hasCountDown\" (loaded)=\"handleReadyToGetWorkflowData()\">\r\n</after-view-checked>",
+                    template: "<workflow-picker #workflowPicker *ngIf=\"readyGenWorkflow\" #formBase [data]=\"workflowData\" [showButtonSave]=\"true\"\r\n    (onSaveSetting)=\"handleSave($event)\"></workflow-picker>\r\n<after-view-checked *ngIf=\"hasCountDown\" (loaded)=\"handleReadyToGetWorkflowData()\">\r\n</after-view-checked>\r\n",
                     providers: [ComponentContextService],
                     styles: [".container-task-info .percent-done{background-color:#f0f0f0;border-radius:2px;height:5px;margin-top:5px;overflow:hidden;position:relative}.container-task-info .percent-done .detail{border-radius:2px;color:#fff;font-size:13px;height:5px;left:0;position:absolute;text-align:center;top:0}"]
                 },] }
@@ -45374,6 +45419,12 @@
             _this.autoFocus = true;
             _this.enumFormState = exports.FormState;
             _this.enumLoaiDanhSachCongViec = exports.EnumLoaiDanhSachCongViec;
+            _this.users = {
+                taskName: '',
+                assigner: 0,
+                assignee: 0,
+                relatedUsers: [],
+            };
             _this.tabDataChild = [
                 {
                     code: 'fileDinhKem',
@@ -45389,6 +45440,11 @@
                     code: 'taskLienQuan',
                     icon: 'pi pi-share-alt',
                     label: 'Công việc liên quan'
+                },
+                {
+                    code: 'traoDoiCongViec',
+                    icon: 'pi pi-comment',
+                    label: 'Trao đổi công việc',
                 }
             ];
             _this.handleChangeLoaiCongViecWhenAdd = function (evt) { return __awaiter(_this, void 0, void 0, function () {
@@ -45404,6 +45460,9 @@
                     }
                 });
             }); };
+            _this.users.assigner = 0;
+            _this.users.assignee = 0;
+            _this.users.relatedUsers = [];
             return _this;
         }
         Object.defineProperty(BaseCongViecFormComponent.prototype, "tenCongViec", {
@@ -45519,19 +45578,25 @@
                 });
             });
         };
-        BaseCongViecFormComponent.prototype.onBeforeSave = function () {
-        };
         BaseCongViecFormComponent.prototype.onAfterSave = function (res) {
             if (this.model.formState == exports.FormState.ADD && res && res.success && res.data) {
                 this.onAfterSaved.emit(res.data);
             }
         };
+        BaseCongViecFormComponent.prototype.onTabChange = function (evt) {
+            this.currentTabIndex = evt.index;
+            this.users.taskName = this.model.data.ten;
+        };
+        BaseCongViecFormComponent.prototype.forcusToFirstInputControl = function (event) {
+            event.preventDefault();
+            this.context.fireEvent(ComCtxConstants.COMMON.FOCUS_TO_FIRST_INPUT_CONTROL);
+        };
         return BaseCongViecFormComponent;
     }(DataFormBase));
     BaseCongViecFormComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'base-congviec-form',
-                    template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    [autoFocus]=\"autoFocus\" (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<base-congviec-dinhkem [loadDetailFromQueryParam]=\"false\" [formState]=\"model.formState\" [taskId]=\"model.data.id\">\r\n</base-congviec-dinhkem>\r\n<div class=\"tab-child\">\r\n    <tn-tabview [data]=\"tabDataChild\">\r\n        <ng-template #fileDinhKem>\r\n            <file-manager [loadDetailFromQueryParam]=\"false\" [serviceCode]=\"setting.baseService.serviceCode\"\r\n                [entity]=\"setting.baseService.entityName\" [entityKey]=\"model.data.id\"\r\n                [readonly]=\"model.formState == enumFormState.VIEW\">\r\n            </file-manager>\r\n        </ng-template>\r\n        <ng-template #taskChild>\r\n            <div style=\"height: 100%\">\r\n                <base-congviec [loadDetailFromQueryParam]=\"false\" [isChildView]=\"true\" [formState]=\"model.formState\"\r\n                    [loaiDanhSach]=\"enumLoaiDanhSachCongViec.CongViecCon\" [idCongViec]=\"model.data.id\">\r\n                </base-congviec>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template #taskLienQuan>\r\n            <base-congviec [loadDetailFromQueryParam]=\"false\" [isChildView]=\"true\" [formState]=\"model.formState\"\r\n                [loaiDanhSach]=\"enumLoaiDanhSachCongViec.CongViecLienQuan\" [idCongViec]=\"model.data.id\">\r\n            </base-congviec>\r\n        </ng-template>\r\n    </tn-tabview>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n        class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>",
+                    template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n           [autoFocus]=\"autoFocus\" (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<base-congviec-dinhkem [loadDetailFromQueryParam]=\"false\" [formState]=\"model.formState\" [taskId]=\"model.data.id\">\r\n</base-congviec-dinhkem>\r\n<div class=\"tab-child\">\r\n    <tn-tabview [data]=\"tabDataChild\" (onTabChange)=\"onTabChange($event)\">\r\n        <ng-template #fileDinhKem>\r\n            <file-manager [loadDetailFromQueryParam]=\"false\" [serviceCode]=\"setting.baseService.serviceCode\"\r\n                          [entity]=\"setting.baseService.entityName\" [entityKey]=\"model.data.id\"\r\n                          [readonly]=\"model.formState == enumFormState.VIEW\">\r\n            </file-manager>\r\n        </ng-template>\r\n        <ng-template #taskChild>\r\n            <div style=\"height: 100%\">\r\n                <base-congviec [loadDetailFromQueryParam]=\"false\" [isChildView]=\"true\" [formState]=\"model.formState\"\r\n                               [loaiDanhSach]=\"enumLoaiDanhSachCongViec.CongViecCon\" [idCongViec]=\"model.data.id\">\r\n                </base-congviec>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template #taskLienQuan>\r\n            <base-congviec [loadDetailFromQueryParam]=\"false\" [isChildView]=\"true\" [formState]=\"model.formState\"\r\n                           [loaiDanhSach]=\"enumLoaiDanhSachCongViec.CongViecLienQuan\" [idCongViec]=\"model.data.id\">\r\n            </base-congviec>\r\n        </ng-template>\r\n        <ng-template #traoDoiCongViec>\r\n            <div style=\"height: 350px;\">\r\n                <chat-box [showSendMessageBox]=\"false\" [serviceCode]=\"'congviec'\" [entity]=\"'congviec'\"\r\n                          [taskId]=\"model.data.id\" [parentModel]=\"model\" [parentContext]=\"context\"\r\n                          [users]=\"users\"\r\n                ></chat-box>\r\n            </div>\r\n            <chat-send-message-box [parentContext]=\"context\">\r\n            </chat-send-message-box>\r\n        </ng-template>\r\n    </tn-tabview>\r\n</div>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" type=\"button\" pButton icon=\"pi pi-save\"\r\n            class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"_handleSave($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n            [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n",
                     providers: [ComponentContextService],
                     styles: [".tab-child{padding:1em}"]
                 },] }
@@ -45895,7 +45960,7 @@
                         _this.reload();
                     }
                     else {
-                        _this._notifierService.showWarningByReponse(response);
+                        _this._notifierService.showWarningByResponse(response);
                     }
                 }, function (error) {
                     _this._notifierService.showDeleteDataError();
@@ -45909,7 +45974,7 @@
                         _this.reload();
                     }
                     else {
-                        _this._notifierService.showWarningByReponse(response);
+                        _this._notifierService.showWarningByResponse(response);
                     }
                 }, function (error) {
                     _this._notifierService.showDeleteDataError();
@@ -47829,6 +47894,1368 @@
         { type: UserService }
     ]; };
 
+    var ServiceRequestModel = /** @class */ (function () {
+        function ServiceRequestModel(init) {
+            this.service = '';
+            this.entityInstanceId = '';
+            this.parent = null;
+            this.serviceCode = '';
+            this.entity = '';
+            this.entityKey = '';
+            for (var key in init) {
+                this[key] = init[key];
+            }
+        }
+        return ServiceRequestModel;
+    }());
+
+    var ContentsService = /** @class */ (function (_super) {
+        __extends(ContentsService, _super);
+        function ContentsService(_injector, _httpClient, _moduleConfigService, _fileService) {
+            var _this = _super.call(this, _httpClient, _injector, _moduleConfigService.getConfig().environment.apiDomain.chatEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/Contents") || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this._fileService = _fileService;
+            _this.entityName = 'Contents';
+            _this.serviceCode = 'chat';
+            _this.endPoint = "" + _moduleConfigService.getConfig().environment.apiDomain.chatEndpoint;
+            return _this;
+        }
+        ContentsService.prototype.getByService = function (model, page) {
+            if (page === void 0) { page = 0; }
+            var serviceCode = model.serviceCode, entity = model.entity, entityKey = model.entityKey;
+            var url = this.serviceUri + "/GetByService?serviceCode=" + serviceCode + "&entity=" + entity + "&entityKey=" + entityKey + "&page=" + page;
+            return this.defaultGet(url);
+        };
+        ContentsService.prototype.getByTaskId = function (model, taskId) {
+            var serviceCode = model.serviceCode, entity = model.entity, entityKey = model.entityKey;
+            var url = this.serviceUri + "/GetByTaskId?serviceCode=" + serviceCode + "&entity=" + entity + "&entityKey=" + entityKey + "&taskId=" + taskId;
+            return this.defaultGet(url);
+        };
+        ContentsService.prototype.getContentById = function (data) {
+            var url = this.serviceUri + "/GetByChatId/" + data.instanceId;
+            if (data.page) {
+                url += url + "?page=" + data.page;
+            }
+            return this.defaultGet(url);
+        };
+        ContentsService.prototype.sendMessage = function (messageContent) {
+            var url = this.serviceUri + "/SendMessage";
+            return this.defaultPost(url, messageContent);
+        };
+        ContentsService.prototype.markAsReadAllContents = function (chatId) {
+            var url = this.serviceUri + "ReadInfo/MarkAsReadAllContents/" + chatId;
+            return this.defaultPost(url, chatId);
+        };
+        return ContentsService;
+    }(BaseService));
+    ContentsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ContentsService_Factory() { return new ContentsService(i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(FileExplorerService)); }, token: ContentsService, providedIn: "root" });
+    ContentsService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ContentsService.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: i1$1.HttpClient },
+        { type: ModuleConfigService },
+        { type: FileExplorerService }
+    ]; };
+
+    var StatusExtendsService = /** @class */ (function (_super) {
+        __extends(StatusExtendsService, _super);
+        function StatusExtendsService(_injector, _http, _moduleConfigService) {
+            var _this = _super.call(this, _http, _injector, _moduleConfigService.getConfig().environment.apiDomain.chatEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/StatusExtends") || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this.entityName = 'StatusExtends';
+            _this.serviceCode = 'chat';
+            _this.endPoint = "" + _moduleConfigService.getConfig().environment.apiDomain.chatEndpoint;
+            return _this;
+        }
+        StatusExtendsService.prototype.insertUserOnline = function (chatId) {
+            var statusExtends = { chatId: chatId };
+            var url = this.serviceUri + "/InsertUserOnline";
+            return this.defaultPost(url, statusExtends);
+        };
+        StatusExtendsService.prototype.removeUserOnline = function (id) {
+            return this.deleteById(id);
+        };
+        return StatusExtendsService;
+    }(BaseService));
+    StatusExtendsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function StatusExtendsService_Factory() { return new StatusExtendsService(i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ModuleConfigService)); }, token: StatusExtendsService, providedIn: "root" });
+    StatusExtendsService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    StatusExtendsService.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: i1$1.HttpClient },
+        { type: ModuleConfigService }
+    ]; };
+
+    var ChatService = /** @class */ (function (_super) {
+        __extends(ChatService, _super);
+        function ChatService(_injector, _httpClient, _moduleConfigService, _folderService, _myDriveService, _fileService, _contentService, _statusService) {
+            var _this = _super.call(this, _httpClient, _injector, _moduleConfigService.getConfig().environment.apiDomain.chatEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/Instances") || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this._folderService = _folderService;
+            _this._myDriveService = _myDriveService;
+            _this._fileService = _fileService;
+            _this._contentService = _contentService;
+            _this._statusService = _statusService;
+            _this.entityName = 'Instances';
+            _this.serviceCode = 'chat';
+            _this.SERVICE = 'chat';
+            _this.ENTITY_CONTENT = 'contents';
+            _this.endPoint = "" + _moduleConfigService.getConfig().environment.apiDomain.chatEndpoint;
+            return _this;
+        }
+        ChatService.prototype.getListAttachment = function (id) {
+            return __awaiter(this, void 0, void 0, function () {
+                var request;
+                return __generator(this, function (_a) {
+                    request = new ServiceRequestModel({
+                        service: this.SERVICE,
+                        serviceCode: this.SERVICE,
+                        entity: this.ENTITY_CONTENT,
+                        entityInstanceId: id,
+                        entityKey: 'id',
+                    });
+                    // const result = await this._folderService.getServiceFolderId(request);
+                    // if (!result.success || !result.data) {
+                    //     return [];
+                    // }
+                    // const folder = await this._folderService.getDetail(result.data);
+                    // // const folder = await this._myDriveService.getByFolderId(result.data);
+                    // if (result.success) {
+                    //     if (folder.data.length > 0) {
+                    //         return folder.data.map(x => {
+                    //             const item = <any>{
+                    //                 id: x.id,
+                    //                 fileName: x.name,
+                    //                 type: this._commonService.isImage(x.name) ? 'image' : ''
+                    //             };
+                    //
+                    //             item.url = this._fileService.getFileDownloadUrl(x.id);
+                    //
+                    //             return item;
+                    //         });
+                    //     }
+                    // }
+                    return [2 /*return*/, []];
+                });
+            });
+        };
+        ChatService.prototype.getChatId = function (model) {
+            var serviceCode = model.serviceCode, entity = model.entity, entityKey = model.entityKey;
+            var url = this.serviceUri + "/GetIdByService?serviceCode=" + serviceCode + "&entity=" + entity + "&entityKey=" + entityKey;
+            return this.defaultGet(url);
+        };
+        ChatService.prototype.getChatIdByTask = function (serviceRequest, taskId) {
+            var serviceCode = serviceRequest.serviceCode, entity = serviceRequest.entity, entityKey = serviceRequest.entityKey;
+            var url = this.serviceUri + "/GetIdByTaskId?serviceCode=" + serviceCode + "&entity=" + entity + "&entityKey=" + entityKey + "&taskId=" + taskId;
+            return this.defaultGet(url);
+        };
+        ChatService.prototype.getByService = function (model, page) {
+            if (page === void 0) { page = 0; }
+            return this._contentService.getByService(model, page);
+        };
+        ChatService.prototype.getContentByTaskId = function (serviceRequest, taskId) {
+            return this._contentService.getByTaskId(serviceRequest, taskId);
+        };
+        ChatService.prototype.markAsReadAllContents = function (chatId) {
+            return this._contentService.markAsReadAllContents(chatId);
+        };
+        ChatService.prototype.sendMessage = function (messageContent) {
+            return this._contentService.sendMessage(messageContent);
+        };
+        ChatService.prototype.insertUserOnline = function (chatId) {
+            return this._statusService.insertUserOnline(chatId);
+        };
+        ChatService.prototype.removeUserOnline = function (id) {
+            return this._statusService.removeUserOnline(id);
+        };
+        return ChatService;
+    }(BaseService));
+    ChatService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ChatService_Factory() { return new ChatService(i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(FolderService), i0.ɵɵinject(MyDriveService), i0.ɵɵinject(FileExplorerService), i0.ɵɵinject(ContentsService), i0.ɵɵinject(StatusExtendsService)); }, token: ChatService, providedIn: "root" });
+    ChatService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ChatService.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: i1$1.HttpClient },
+        { type: ModuleConfigService },
+        { type: FolderService },
+        { type: MyDriveService },
+        { type: FileExplorerService },
+        { type: ContentsService },
+        { type: StatusExtendsService }
+    ]; };
+
+    var MessageBoardService = /** @class */ (function (_super) {
+        __extends(MessageBoardService, _super);
+        function MessageBoardService(_injector, _http, _moduleConfigService) {
+            var _this = _super.call(this, _http, _injector, _moduleConfigService.getConfig().environment.apiDomain.chatEndpoint + "/" + _moduleConfigService.getConfig().environment.apiVersion + "/MessageBoards") || this;
+            _this._moduleConfigService = _moduleConfigService;
+            _this.entityName = 'MessageBoards';
+            _this.serviceCode = 'chat';
+            _this.endPoint = "" + _this._moduleConfigService.getConfig().environment.apiDomain.chatEndpoint;
+            return _this;
+        }
+        MessageBoardService.prototype.pinMessage = function (messageId, pinned, correlationId) {
+            var url = this.serviceUri + "/PinnedMessage";
+            return this.defaultPost(url, { pinned: pinned, id: messageId, correlationId: correlationId });
+        };
+        MessageBoardService.prototype.getLatestPinnedMessage = function (chatId) {
+            var url = this.serviceUri + "/GetLatestPinnedMessage?chatId=" + chatId;
+            return this.defaultGet(url);
+        };
+        MessageBoardService.prototype.getListPinnedMessage = function (chatId) {
+            var url = this.serviceUri + "/GetListPinnedMessage?chatId=" + chatId;
+            return this.defaultGet(url);
+        };
+        return MessageBoardService;
+    }(BaseService));
+    MessageBoardService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MessageBoardService_Factory() { return new MessageBoardService(i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ModuleConfigService)); }, token: MessageBoardService, providedIn: "root" });
+    MessageBoardService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    MessageBoardService.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: i1$1.HttpClient },
+        { type: ModuleConfigService }
+    ]; };
+
+    var CheckControlVisibleService = /** @class */ (function () {
+        function CheckControlVisibleService() {
+        }
+        CheckControlVisibleService.prototype.checkDisplayStatus = function (elem) {
+            var _this = this;
+            return new Promise(function (resolve, reject) {
+                _this.doCheck(resolve, elem);
+            });
+        };
+        CheckControlVisibleService.prototype.doCheck = function (resolve, elem) {
+            var _this = this;
+            var timeoutCheckDisplayStatus;
+            timeoutCheckDisplayStatus = setTimeout(function () {
+                _this.doCheck(resolve, elem);
+            }, 100);
+            var newStatus = this.isVisible(elem);
+            if (newStatus) {
+                setTimeout(function () {
+                    // show control
+                    resolve(true);
+                });
+                clearTimeout(timeoutCheckDisplayStatus);
+            }
+        };
+        CheckControlVisibleService.prototype.isVisible = function (elem) {
+            var style = getComputedStyle(elem);
+            if (style.display === 'none')
+                return false;
+            if (style.visibility !== 'visible')
+                return false;
+            if (+style.opacity < 0.1)
+                return false;
+            if (elem.offsetWidth + elem.offsetHeight + elem.getBoundingClientRect().height +
+                elem.getBoundingClientRect().width === 0) {
+                return false;
+            }
+            var elemCenter = {
+                x: elem.getBoundingClientRect().left + elem.offsetWidth / 2,
+                y: elem.getBoundingClientRect().top + elem.offsetHeight / 2
+            };
+            var pointContainer = document.elementFromPoint(elemCenter.x, elemCenter.y);
+            if (pointContainer) {
+                do {
+                    if (pointContainer === elem)
+                        return true;
+                } while (pointContainer = pointContainer.parentNode);
+            }
+            return false;
+        };
+        return CheckControlVisibleService;
+    }());
+    CheckControlVisibleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CheckControlVisibleService_Factory() { return new CheckControlVisibleService(); }, token: CheckControlVisibleService, providedIn: "root" });
+    CheckControlVisibleService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    CheckControlVisibleService.ctorParameters = function () { return []; };
+
+    var NEW_MESSAGE = 'NewMessage';
+    var PINNED_CHANGED = 'PinnedChanged';
+    var NotificationType;
+    (function (NotificationType) {
+        NotificationType[NotificationType["NewMessage"] = 0] = "NewMessage";
+        NotificationType[NotificationType["PinnedChanged"] = 1] = "PinnedChanged";
+    })(NotificationType || (NotificationType = {}));
+    var MessageType;
+    (function (MessageType) {
+        MessageType[MessageType["TEXT"] = 0] = "TEXT";
+        MessageType[MessageType["FILE"] = 1] = "FILE";
+    })(MessageType || (MessageType = {}));
+
+    // fix for build prod
+    var moment$1 = moment___namespace;
+    var ChatBoxComponent = /** @class */ (function (_super) {
+        __extends(ChatBoxComponent, _super);
+        function ChatBoxComponent(injector, _chatService, _messageBoardService, _userService, _checkControlVisible, _signalrService, _fileService, _crudService, _notifierService, _moduleConfigService) {
+            var _this = _super.call(this, injector) || this;
+            _this._chatService = _chatService;
+            _this._messageBoardService = _messageBoardService;
+            _this._userService = _userService;
+            _this._checkControlVisible = _checkControlVisible;
+            _this._signalrService = _signalrService;
+            _this._fileService = _fileService;
+            _this._crudService = _crudService;
+            _this._notifierService = _notifierService;
+            _this._moduleConfigService = _moduleConfigService;
+            _this.showSendMessageBox = true;
+            _this.userPickerForm = {
+                selectedValue: [],
+                data: null,
+            };
+            _this.topic = '';
+            _this.firstTime = true;
+            _this.multiple = true;
+            _this.showAddNoteForm = false;
+            _this.fileApi = '';
+            _this.peopleAll = [];
+            _this.correlationIds = [];
+            _this.attachments = [];
+            _this.image = '';
+            _this.peopleAllUsers = [];
+            _this.peopleRelatedUsers = [];
+            _this.editFormModel = {};
+            _this._moduleConfig = _this._moduleConfigService.getConfig();
+            _this.environment = _this._moduleConfig.environment;
+            _this.defaultAvatar = _this.environment.appMetadata.main.defaultMaleAvatar;
+            _this.fileApi = _this.environment.apiDomain.fileEndpoint;
+            _this.model.userPickerForm = { popupSize: PopupSize, data: {} };
+            _this.model.quickNoteForm = { popupSize: {}, data: {} };
+            _this.context.subscribe('QUICK_NOTE_POPUP.CLOSE_POPUP', function (response) {
+                _this.model.editFormModel.showQuickNoteForm = false;
+            });
+            return _this;
+        }
+        ChatBoxComponent.prototype.updateUsers = function (assignee, assigner, relatedUser) {
+            this.assignee = assignee;
+            this.assigner = assigner;
+            this.relatedUser = relatedUser;
+            var all = [];
+            all.push(assignee);
+            all.push(assigner);
+            if (this.relatedUser.length > 0) {
+                all = all.concat(relatedUser);
+            }
+            this.peopleAll = all.filter(function (x, i, a) { return a.indexOf(x) == i; });
+        };
+        ChatBoxComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.initClassVar();
+            this.getMessages(null);
+            this._chatService.getChatIdByTask(this.serviceRequestModel, this.taskId).then(function (rs) {
+                if (!rs.success)
+                    _this._notifierService.showWarning(rs.message);
+                if (!rs.data)
+                    return;
+                _this.model.id = rs.data;
+                _this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_INSTANCE_ID_LOADED, _this.model.id);
+                _this.topic = "chat." + _this.model.id;
+                _this._signalrService.start(null, _this.topic, function (data) { return _this.handleChanges(data); });
+                // get pinned message
+                if (_this.model.id) {
+                    _this._messageBoardService.getLatestPinnedMessage(_this.model.id).then(function (rs) {
+                        if (rs.data) {
+                            _this.model.pinnedMessage = rs.data.content;
+                        }
+                    });
+                }
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.CHAT_MESSAGE_SENDING, function (data) { return __awaiter(_this, void 0, void 0, function () {
+                var temp;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            this.model.correlationIds.push(data.message.correlationId);
+                            if (data.attachments && data.attachments.length > 0) {
+                                data.attachments = data.attachments.map(function (x) {
+                                    x.url = null;
+                                    return x;
+                                });
+                            }
+                            return [4 /*yield*/, this.appendMessage(data.message.messageContent, 'own', 'sending', this.currentUser.userName, data.attachments, data.message.correlationId, false)];
+                        case 1:
+                            temp = _c.sent();
+                            console.log(temp);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.CHAT_MESSAGE_SENT, function (data) {
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.CHAT_LOAD_MORE, function (data) {
+                // this.getMessages(this.model.createdFrom);
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.CHAT_SCROLLING, function (scrolling) {
+                if (scrolling) {
+                    _this.model.scrolling = true;
+                }
+                else {
+                    _this.model.scrolling = false;
+                    _this.model.newMessageNotUpdatedCount = 0;
+                }
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.CHAT_HAS_NEW_MESSAGE_NOT_UPDATED, function (count) {
+                _this.model.scrolling = count !== 0;
+                _this.model.newMessageNotUpdatedCount = count;
+            });
+            this.context.subscribe('CLOSE_POPUP', function (rs) {
+                _this.model.userPickerForm.show = false;
+                _this.parentContext.fireEvent('TASK.RELATED_USER_CHANGED', rs);
+            });
+            this.parentContext.subscribe('TASK.DATA_CHANGED', function (rs) {
+                _this.updateUsers(rs.assignee, rs.assigner, rs.relatedUser);
+            });
+        };
+        ChatBoxComponent.prototype.handleChanges = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var newMessage, _c, ind;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            newMessage = JSON.parse(data);
+                            if (!newMessage || !newMessage.data) {
+                                this._notifierService.showWarning('SYS_ERR_DEV: Lỗi SignalR');
+                                return [2 /*return*/];
+                            }
+                            _c = newMessage.notificationType;
+                            switch (_c) {
+                                case NotificationType.NewMessage: return [3 /*break*/, 1];
+                                case NEW_MESSAGE: return [3 /*break*/, 1];
+                                case NotificationType.PinnedChanged: return [3 /*break*/, 3];
+                                case PINNED_CHANGED: return [3 /*break*/, 3];
+                            }
+                            return [3 /*break*/, 7];
+                        case 1: return [4 /*yield*/, this.handleNewMessageNotification(newMessage.data)];
+                        case 2:
+                            _d.sent();
+                            return [3 /*break*/, 7];
+                        case 3:
+                            ind = this.model.correlationIds.findIndex(function (x) { return x == newMessage.correlationId; });
+                            if (!(ind > -1)) return [3 /*break*/, 4];
+                            this.model.correlationIds.splice(ind, 1);
+                            return [3 /*break*/, 6];
+                        case 4: return [4 /*yield*/, this.handlePinnedChangeNotification(newMessage.data)];
+                        case 5:
+                            _d.sent();
+                            _d.label = 6;
+                        case 6: return [3 /*break*/, 7];
+                        case 7: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ChatBoxComponent.prototype.initClassVar = function () {
+            var _this = this;
+            this.fileViewerModel = {
+                data: {},
+                showEditForm: false,
+            };
+            this.userPickerControl = new UserPickerControlSchema({
+                field: 'id',
+                label: '',
+                fullLabel: '',
+                multiple: true,
+                hiddenCheck: function () { return _this.userPickerForm.show; },
+            });
+            this.serviceRequestModel = {
+                service: this.serviceCode,
+                serviceCode: this.serviceCode,
+                entity: this.entity,
+                entityKey: 'id',
+                entityInstanceId: this.taskId
+            };
+            this.model.dataSource = [];
+            this.model.correlationIds = [];
+            this.model.attachments = [];
+            this.model.maxFileSize = 3000000;
+            this.model.img = {};
+            this.currentUser = this._userService.getCurrentUser();
+            this.peopleAllUsers = [];
+            this.peopleRelatedUsers = [];
+            this.model.editFormModel = [];
+            if (this.users) {
+                this.model.taskName = this.users.taskName;
+                this.updateUsers(this.users.assignee, this.users.assigner, this.users.relatedUsers);
+                this.getRelatedUserInfo();
+            }
+        };
+        ChatBoxComponent.prototype.getRelatedUserInfo = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var peopleRelatedUsers, peopleRelatedUsers_1, peopleRelatedUsers_1_1, item;
+                var e_1, _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0: return [4 /*yield*/, this._userService.getBasicUsersInfo(this.relatedUser.join())];
+                        case 1:
+                            peopleRelatedUsers = _d.sent();
+                            if (peopleRelatedUsers == null || peopleRelatedUsers.length == 0) {
+                                return [2 /*return*/];
+                            }
+                            try {
+                                for (peopleRelatedUsers_1 = __values(peopleRelatedUsers), peopleRelatedUsers_1_1 = peopleRelatedUsers_1.next(); !peopleRelatedUsers_1_1.done; peopleRelatedUsers_1_1 = peopleRelatedUsers_1.next()) {
+                                    item = peopleRelatedUsers_1_1.value;
+                                    this.peopleRelatedUsers.push({
+                                        title: item.fullName,
+                                        label: item.fullName,
+                                        value: item.id
+                                    });
+                                }
+                            }
+                            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                            finally {
+                                try {
+                                    if (peopleRelatedUsers_1_1 && !peopleRelatedUsers_1_1.done && (_c = peopleRelatedUsers_1.return)) _c.call(peopleRelatedUsers_1);
+                                }
+                                finally { if (e_1) throw e_1.error; }
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ChatBoxComponent.prototype.handlePinnedChangeNotification = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_c) {
+                    if (data.pinned) {
+                        this.model.pinnedMessage = data.message;
+                    }
+                    else {
+                        this.model.pinnedMessage = null;
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        ChatBoxComponent.prototype.handleNewMessageNotification = function (newMessage) {
+            return __awaiter(this, void 0, void 0, function () {
+                var ind, _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            ind = this.model.correlationIds.findIndex(function (x) { return x == newMessage.correlationId; });
+                            if (!(newMessage.messageType == MessageType.FILE)) return [3 /*break*/, 2];
+                            _c = newMessage;
+                            return [4 /*yield*/, this._chatService.getListAttachment(newMessage.id)];
+                        case 1:
+                            _c.attachments = _d.sent();
+                            _d.label = 2;
+                        case 2:
+                            if (!(ind === -1)) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this.appendMessage(newMessage.content, this.getTypeOfMessage(newMessage.createdBy), 'received', newMessage.createdBy, newMessage.attachments, '', true)];
+                        case 3:
+                            _d.sent();
+                            return [3 /*break*/, 5];
+                        case 4:
+                            this.updateMessage(newMessage.correlationId, newMessage);
+                            this.model.correlationIds.splice(ind, 1);
+                            _d.label = 5;
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ChatBoxComponent.prototype.getMessages = function (createdFrom) {
+            var _this = this;
+            this._chatService.getContentByTaskId(this.serviceRequestModel, this.taskId).then(function (rs) { return __awaiter(_this, void 0, void 0, function () {
+                var currentUserName, nearByCreated, index, userNames, _c, _d, item, _e, e_2_1, userInfos, _loop_1, _f, _g, item;
+                var e_2, _h, e_3, _j;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
+                        case 0:
+                            currentUserName = this.currentUser.userName;
+                            nearByCreated = '';
+                            index = 0;
+                            userNames = '';
+                            if (!rs.success) {
+                                return [2 /*return*/, this._notifierService.showWarning(rs.message)];
+                            }
+                            _k.label = 1;
+                        case 1:
+                            _k.trys.push([1, 7, 8, 9]);
+                            _c = __values(rs.data), _d = _c.next();
+                            _k.label = 2;
+                        case 2:
+                            if (!!_d.done) return [3 /*break*/, 6];
+                            item = _d.value;
+                            if (item.createdBy && item.createdBy != '')
+                                userNames += "" + (index == 0 ? '' : ',') + item.createdBy;
+                            if (index === 0)
+                                this.model.createdFrom = item.created;
+                            item.type = item.createdBy === currentUserName ? 'own' : 'from';
+                            if (!(item.messageType === MessageType.FILE)) return [3 /*break*/, 4];
+                            _e = item;
+                            return [4 /*yield*/, this._chatService.getListAttachment(item.id)];
+                        case 3:
+                            _e.attachments = _k.sent();
+                            _k.label = 4;
+                        case 4:
+                            item.isLastMessageFlow = false;
+                            if (item.createdBy !== nearByCreated) {
+                                if (+item > -0) {
+                                    rs.data[+item - 1].isLastMessageFlow = true;
+                                }
+                                nearByCreated = item.createdBy;
+                                item.isFirstMessageFlow = true;
+                            }
+                            else {
+                                item.isFirstMessageFlow = false;
+                            }
+                            if (+index === rs.data.length - 1)
+                                item.isLastMessageFlow = true;
+                            index++;
+                            _k.label = 5;
+                        case 5:
+                            _d = _c.next();
+                            return [3 /*break*/, 2];
+                        case 6: return [3 /*break*/, 9];
+                        case 7:
+                            e_2_1 = _k.sent();
+                            e_2 = { error: e_2_1 };
+                            return [3 /*break*/, 9];
+                        case 8:
+                            try {
+                                if (_d && !_d.done && (_h = _c.return)) _h.call(_c);
+                            }
+                            finally { if (e_2) throw e_2.error; }
+                            return [7 /*endfinally*/];
+                        case 9:
+                            if (createdFrom) {
+                                this.model.dataSource = __spread(rs.data, this.model.dataSource);
+                            }
+                            else {
+                                this.model.dataSource = rs.data;
+                            }
+                            if (!(userNames != '')) return [3 /*break*/, 11];
+                            return [4 /*yield*/, this._userService.getBasicUsersInfoByUserNames(userNames)];
+                        case 10:
+                            userInfos = _k.sent();
+                            if (userInfos != null) {
+                                _loop_1 = function (item) {
+                                    var user = userInfos.find(function (x) { return x.userName == item.createdBy; });
+                                    if (!user) {
+                                        return "continue";
+                                    }
+                                    item.avatar = user.avatar;
+                                    item.fullName = user.fullName;
+                                };
+                                try {
+                                    for (_f = __values(this.model.dataSource), _g = _f.next(); !_g.done; _g = _f.next()) {
+                                        item = _g.value;
+                                        _loop_1(item);
+                                    }
+                                }
+                                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                                finally {
+                                    try {
+                                        if (_g && !_g.done && (_j = _f.return)) _j.call(_f);
+                                    }
+                                    finally { if (e_3) throw e_3.error; }
+                                }
+                            }
+                            _k.label = 11;
+                        case 11:
+                            this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_DATA_LOADED, true);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        ChatBoxComponent.prototype.scrollToBottom = function (speed, force, sent) {
+            if (speed === void 0) { speed = 0; }
+            if (force === void 0) { force = false; }
+            if (!this.model.scrolling) {
+                this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_HAS_NEW_MESSAGE, { speed: speed, force: true });
+            }
+            else if (sent !== false) {
+                this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_HAS_NEW_MESSAGE, { speed: speed, force: force });
+            }
+        };
+        ChatBoxComponent.prototype.appendMessage = function (message, type, status, createdBy, attachments, correlationId, sent) {
+            if (attachments === void 0) { attachments = []; }
+            if (correlationId === void 0) { correlationId = ''; }
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function () {
+                var fullName, avatar, user, clonedAttachment;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            fullName = '';
+                            avatar = '';
+                            return [4 /*yield*/, this._userService.getBasicUserInfoByUserName(createdBy)];
+                        case 1:
+                            user = _c.sent();
+                            fullName = (_a = user.fullName) !== null && _a !== void 0 ? _a : '';
+                            avatar = (_b = user.avatar) !== null && _b !== void 0 ? _b : '';
+                            if (attachments && attachments.length > 0) {
+                                clonedAttachment = JSON.parse(JSON.stringify(attachments));
+                                this.model.dataSource.push({
+                                    created: new Date(),
+                                    createdBy: createdBy,
+                                    fullName: fullName,
+                                    status: status,
+                                    type: type,
+                                    avatar: avatar,
+                                    attachments: clonedAttachment,
+                                    correlationId: correlationId,
+                                    isFirstMessageFlow: false,
+                                    isLastMessageFlow: false,
+                                    sent: sent
+                                });
+                                this.updateFirstOrLastMessage();
+                            }
+                            if (message && message.trim() != '') {
+                                this.model.dataSource.push({
+                                    created: new Date(),
+                                    createdBy: createdBy,
+                                    fullName: fullName,
+                                    content: message,
+                                    status: status,
+                                    type: type,
+                                    avatar: avatar,
+                                    correlationId: correlationId,
+                                    isFirstMessageFlow: false,
+                                    isLastMessageFlow: false,
+                                    sent: sent
+                                });
+                                this.updateFirstOrLastMessage();
+                            }
+                            return [2 /*return*/, this.model.dataSource];
+                    }
+                });
+            });
+        };
+        ChatBoxComponent.prototype.updateFirstOrLastMessage = function () {
+            if (this.model.dataSource.length > 0) {
+                var length = this.model.dataSource.length;
+                if (length === 1) {
+                    this.model.dataSource[0].isFirstMessageFlow = true;
+                }
+                else {
+                    var createdBy = this.model.dataSource[length - 2].createdBy;
+                    var createdBy2 = this.model.dataSource[length - 1].createdBy;
+                    if (createdBy !== createdBy2) {
+                        this.model.dataSource[length - 2].isLastMessageFlow = true;
+                        this.model.dataSource[length - 1].isFirstMessageFlow = true;
+                    }
+                    else {
+                        this.model.dataSource[length - 2].isLastMessageFlow = false;
+                        this.model.dataSource[length - 1].isLastMessageFlow = true;
+                    }
+                }
+            }
+        };
+        ChatBoxComponent.prototype.updateMessage = function (correlationId, message) {
+            var item = this.model.dataSource.find(function (x) { return x.correlationId === correlationId; });
+            if (item) {
+                if (message.attachments && message.attachments.length > 0) {
+                    item.attachments = message.attachments;
+                }
+                item.id = message.id;
+                item.sent = true;
+            }
+        };
+        ChatBoxComponent.prototype.updateMessageStatus = function (message, status, errorMessage) {
+            if (errorMessage === void 0) { errorMessage = ''; }
+            var item = this.model.dataSource.find(function (x) { return x.message === message; });
+            item.status = status;
+            item.errorMessage = errorMessage;
+        };
+        ChatBoxComponent.prototype.getDisplayStatus = function (status) {
+            switch (status) {
+                case 'sending':
+                    return 'Đang gửi';
+                case 'sent':
+                    return 'Đã gửi';
+                default:
+                    return '';
+            }
+        };
+        ChatBoxComponent.prototype.ngOnDestroy = function () {
+            // unscrible signalr
+            this._signalrService.unSubscribeViewCode(null, this.topic);
+            this.rootContext.unSubscribe(ComCtxConstants.ROOT.CHAT_MESSAGE_SENDING);
+            this.rootContext.unSubscribe(ComCtxConstants.ROOT.CHAT_MESSAGE_SENT);
+            this.rootContext.unSubscribe(ComCtxConstants.ROOT.CHAT_LOAD_MORE);
+            this.rootContext.unSubscribe(ComCtxConstants.ROOT.CHAT_SCROLLING);
+            this.rootContext.unSubscribe(ComCtxConstants.ROOT.CHAT_HAS_NEW_MESSAGE_NOT_UPDATED);
+            _super.prototype.ngOnDestroy.call(this);
+        };
+        ChatBoxComponent.prototype.getTypeOfMessage = function (createdBy) {
+            return createdBy === this.currentUser.userName ? 'own' : 'from';
+        };
+        ChatBoxComponent.prototype.trackByFunc = function (index, item) {
+            return item.id;
+        };
+        ChatBoxComponent.prototype.trackAttachmentByFunc = function (index, item) {
+            return item.fileName;
+        };
+        ChatBoxComponent.prototype.handlePaste = function (event) {
+            var objectData = this.getImageClipboardData(event);
+            if (objectData) {
+                this.model.attachments.push({
+                    type: 'image',
+                    url: objectData.url,
+                    data: objectData.blob,
+                    fileName: this._commonService.guid() + '.png'
+                });
+            }
+        };
+        ChatBoxComponent.prototype.getImageClipboardData = function (e) {
+            for (var i = 0; i < e.clipboardData.items.length; i++) {
+                var item = e.clipboardData.items[i];
+                if (item.type.indexOf('image') != -1) {
+                    var imageObj = item.getAsFile();
+                    if (imageObj.size < this.model.maxFileSize) {
+                        return { url: URL.createObjectURL(imageObj), blob: imageObj };
+                    }
+                    else {
+                        return null;
+                    }
+                }
+            }
+            return null;
+        };
+        ChatBoxComponent.prototype.viewOrDownloadFile = function (evt, attachmentItem) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!this._fileService.isSupportedViewOnline(attachmentItem.fileName)) return [3 /*break*/, 1];
+                            // this.model.fileViewer.data = {};
+                            // this.model.fileViewer.data.fileId = attachmentItem.id;
+                            // this.model.fileViewer.data.fileName = attachmentItem.fileName;
+                            // this.model.fileViewer.data.isFileVersion = false;
+                            // this.model.fileViewer.show = true;
+                            this.fileViewerModel = {
+                                data: {
+                                    fileId: attachmentItem.id,
+                                    fileName: attachmentItem.fileName,
+                                    isFileVersion: false,
+                                },
+                                showEditForm: true,
+                            };
+                            return [3 /*break*/, 3];
+                        case 1:
+                            _c = top.location;
+                            return [4 /*yield*/, this.getDownloadLink(attachmentItem)];
+                        case 2:
+                            _c.href = _d.sent();
+                            _d.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ChatBoxComponent.prototype.getDownloadLink = function (file) {
+            var _this = this;
+            return new Promise(function (resolve, reject) {
+                var model = new GenerateLinkDownloadDTO();
+                model.fileId = file.id;
+                model.isFileVersion = false;
+                _this._fileService.generateLinkDownload(model)
+                    .then(function (response) {
+                    var downloadUrl = _this._fileService.getAnonymousDownloadUrl(response.data);
+                    resolve(downloadUrl);
+                }, function (error) {
+                    throw new Error('Cannot get download link');
+                });
+            });
+        };
+        ChatBoxComponent.prototype.browseFileFromPersonal = function () {
+        };
+        ChatBoxComponent.prototype.browseFileFromComputer = function () {
+            this.fileElement.advancedFileInput.nativeElement.click();
+        };
+        ChatBoxComponent.prototype.onSelectFileFromComputer = function (evt) {
+            try {
+                if (evt.files && evt.files.length > 0) {
+                    for (var index = 0; index < evt.files.length; index++) {
+                        var fileName = evt.files[index].name;
+                        var type = this._commonService.isImage(fileName) ? 'image' : 'file';
+                        var attachmentItem = {
+                            type: type,
+                            data: evt.files[index], fileName: fileName
+                        };
+                        if (attachmentItem.type == 'image') {
+                            attachmentItem.url = evt.files[index].objectURL.changingThisBreaksApplicationSecurity;
+                        }
+                        this.model.attachments.push(attachmentItem);
+                    }
+                }
+            }
+            catch (e) {
+                console.error('error on process select file computer', e);
+            }
+            // this.fileElement.clear();
+        };
+        ChatBoxComponent.prototype.removeAttachment = function (item) {
+            var ind = this.model.attachments.findIndex(function (x) { return x.url === item.url; });
+            this.model.attachments.splice(ind, 1);
+        };
+        ChatBoxComponent.prototype.hasAttachment = function (item) {
+            return item.attachments && item.attachments.length > 0;
+        };
+        ChatBoxComponent.prototype.loadImg = function (evt, parentIndex, index) {
+            this.model.img["" + parentIndex + index] = true;
+            this.model.img[parentIndex + "width" + index] = (evt.target.width + 32) + 'px';
+        };
+        ChatBoxComponent.prototype.inTheSameTime = function (i, item, dataSource) {
+            if (i < dataSource.length - 1) {
+                var d1 = new Date(dataSource[i + 1].created);
+                var d2 = new Date(item.created);
+                var ms = d1.getTime() - d2.getTime();
+                return ms < 30000;
+            }
+            return false;
+        };
+        ChatBoxComponent.prototype.pinMessage = function (item) {
+            var _this = this;
+            if (this.model.pinnedMessage) {
+                if (this.model.pinnedMessage.id != item.id) {
+                    this._notifierService.showConfirm('Bạn có chắc chắn muốn ghim tin nhắn này? Tin nhắn đã ghim trước đó sẽ được bỏ ghim.').then(function (rs) {
+                        if (!rs)
+                            return;
+                        _this.doPin(item, item.id, true);
+                    });
+                }
+                else {
+                    this.doPin(item, item.id, false);
+                }
+            }
+            else {
+                this.doPin(item, item.id, true);
+            }
+        };
+        ChatBoxComponent.prototype.doPin = function (item, id, pinned) {
+            var _this = this;
+            var correlationId = this._commonService.guid();
+            this.model.correlationIds.push(correlationId);
+            this._messageBoardService.pinMessage(id, pinned, correlationId).then(function (rs) {
+                if (pinned) {
+                    _this.model.pinnedMessage = item;
+                }
+                else {
+                    _this.model.pinnedMessage = null;
+                }
+            });
+        };
+        ChatBoxComponent.prototype.getCurrentUserAvatar = function (avatar) {
+            if (avatar != null) {
+                return this.fileApi + "/file/public/" + avatar + "/Download";
+            }
+            else {
+                return this.defaultAvatar;
+            }
+        };
+        ChatBoxComponent.prototype.addPeople = function () {
+            this.userPickerForm.selectedValue = this.peopleRelatedUsers;
+            this.userPickerForm.multiple = this.multiple;
+            this.userPickerForm.show = true;
+        };
+        ChatBoxComponent.prototype.quickNote = function (item) {
+            return __awaiter(this, void 0, void 0, function () {
+                var userResult;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0: return [4 /*yield*/, this._userService.getBasicUserInfo(item.createdBy)];
+                        case 1:
+                            userResult = _c.sent();
+                            this.context.data.noteDataModel = {
+                                editFormModel: {
+                                    showEditForm: true,
+                                    showQuickNoteForm: true,
+                                    popupSize: {},
+                                    data: {
+                                        name: item.content1,
+                                        content: '<b>' + userResult.fullName + '</b>' + ' đã chat tại công việc '
+                                            + '<b>' + this.model.taskName + '</b>' + ' với nội dung '
+                                            + '<b>' + item.content1 + '</b>' + ' vào lúc ' + moment$1(new Date(item.created)).format('YYYY-MM-DD hh:mm:ss A')
+                                    }
+                                }
+                            };
+                            this.model.editFormModel.showQuickNoteForm = true;
+                            this.showAddNoteForm = true;
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ChatBoxComponent.prototype.onMouseUp = function (event) {
+            event.cancelBubble = true;
+            event.stopPropagation();
+        };
+        ChatBoxComponent.prototype.addClassToMessage = function (item, isPinnedMessage) {
+            var styleClass = '';
+            if (!isPinnedMessage) {
+                if (item.isFirstMessageFlow) {
+                    styleClass = 'first';
+                }
+                else if (item.isLastMessageFlow) {
+                    styleClass = 'last';
+                }
+                else {
+                    styleClass = 'middle';
+                }
+            }
+            if (item.sent == false) {
+                styleClass = 'sending';
+            }
+            return styleClass;
+        };
+        return ChatBoxComponent;
+    }(ComponentBase));
+    ChatBoxComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'chat-box',
+                    template: "<div class=\"dashboard\">\r\n    <div class=\"chat\">\r\n        <div class=\"group-info\">\r\n            <a href=\"javascript:\">C\u00F3 {{peopleAll.length}} ng\u01B0\u1EDDi trong nh\u00F3m n\u00E0y</a>\r\n            <div class=\"circleButton\" pTooltip=\"Xem to\u00E0n b\u1ED9 \u0111\u00EDnh k\u00E8m\" tooltipPosition=\"top\">\r\n                <a href=\"javascript:\"><i class=\"far fa-images\"></i></a>\r\n            </div>\r\n            <div (click)=\"addPeople()\" class=\"circleButton\" pTooltip=\"Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi v\u00E0o nh\u00F3m\" tooltipPosition=\"top\"\r\n                disabled=\"true\">\r\n                <a href=\"javascript:\"><i class=\"fas fa-user-plus\"></i></a>\r\n            </div>\r\n        </div>\r\n        <ul #scrollMe [ngClass]=\"{'hasPin': model.pinnedMessage != null}\">\r\n            <li *ngIf=\"model.pinnedMessage\" class=\"clearfix pin\" [ngClass]=\"{'message-from': true}\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"messageItem; context: { i : -1, item: model.pinnedMessage, isPinnedMessage: true}\">\r\n                </ng-container>\r\n            </li>\r\n            <li *ngFor=\"let item of model.dataSource; let i = index; trackBy: trackByFunc\" class=\"clearfix\"\r\n                [ngClass]=\"{ 'message-own': item.type == 'own'}\">\r\n                <ng-container *ngTemplateOutlet=\"messageItem; context: { i : i, item: item}\">\r\n                </ng-container>\r\n            </li>\r\n        </ul>\r\n        <!--        <chat-send-message-box *ngIf=\"showSendMessageBox\"></chat-send-message-box>-->\r\n        <div [ngClass]=\"{'visible2': model.scrolling, 'hidden2': !model.scrolling}\" class=\"scroll-to-bottom\">\r\n            <span *ngIf=\"model.newMessageNotUpdatedCount > 0\" (click)=\"scrollToBottom(350, true, null)\">\r\n                {{model.newMessageNotUpdatedCount <= 5 ? model.newMessageNotUpdatedCount : '5+' }} </span>\r\n                    <span (click)=\"scrollToBottom(350, true, null)\" *ngIf=\"model.newMessageNotUpdatedCount == 0\">\r\n                        <i class=\"fas fa-chevron-down\"></i>\r\n                    </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<file-viewer *ngIf=\"fileViewerModel.showEditForm\" [parentContext]=\"context\" [parentModel]=\"model\"\r\n    [model]=\"fileViewerModel\">\r\n</file-viewer>\r\n\r\n<ng-template #messageItem let-i=\"i\" let-isPinnedMessage=\"isPinnedMessage\" let-item=\"item\">\r\n    <img *ngIf=\"item.isFirstMessageFlow && item.type != 'own' && !isPinnedMessage && item.avatar != null\" alt=\"\"\r\n        class=\"chat-avatar\" src=\"{{getCurrentUserAvatar(item.avatar)}}\">\r\n    <p *ngIf=\"(item.isFirstMessageFlow && item.type != 'own') && !isPinnedMessage\" class=\"message-created-by\">\r\n        {{item.fullName}}\r\n    </p>\r\n    <span *ngIf=\"!hasAttachment(item)\">\r\n        <!--          [class]=\"addClassToMessage(item, isPinnedMessage)\">-->\r\n        <p *ngIf=\"!hasAttachment(item)\" class=\"message-content\">\r\n            <i (click)=\"pinMessage(item)\" class=\"fas fa-thumbtack\" style=\"right: 0;\"></i>\r\n            <i (click)=\"quickNote(item)\" class=\"fas fa-sticky-note\"></i>\r\n            {{item.content}}\r\n        </p>\r\n        <p *ngIf=\"!isPinnedMessage && (item.isLastMessageFlow || !inTheSameTime(i, item, model.dataSource))\"\r\n            class=\"message-created\" pTooltip=\"{{item.created | date:'dd/MM/yyyy HH:mm'}}\"\r\n            tooltipPosition=\"{{item.type != 'own'?'right':'left'}}\">\r\n            {{_crudService.renderDateTime(item.created)}}\r\n        </p>\r\n        <p *ngIf=\"isPinnedMessage\" class=\"message-created\">\r\n            {{item.createdBy}} \u0111\u00E3 g\u1EEDi l\u00FAc {{item.created | date:'dd/MM/yyyy HH:mm'}}\r\n        </p>\r\n    </span>\r\n    <ng-container *ngIf=\"hasAttachment(item)\">\r\n        <ng-container *ngFor=\"let attachmentItem of item.attachments;let index=index\">\r\n            <div class=\"file\"\r\n                [ngClass]=\"{'first':item.isFirstMessageFlow && index == 0, 'middle':index > 0 || !item.isFirstMessageFlow, 'image' : attachmentItem.type == 'image'}\"\r\n                [ngStyle]=\"{'width': model.img[i + 'width' + index]}\">\r\n                <p class=\"attachment\">\r\n                    <span (mouseup)=\"onMouseUp($event)\" class=\"attachment-item\">\r\n                        <a *ngIf=\"attachmentItem.type != 'image'\" (click)=\"viewOrDownloadFile($event, attachmentItem)\">\r\n                            <i class=\"fas fa-paperclip\"></i>{{attachmentItem.fileName}}\r\n                        </a>\r\n                        <a *ngIf=\"attachmentItem.type == 'image'\" #aElement\r\n                            [ngClass]=\"{'hidden': !model.img[i + '' + index], 'visible':model.img[i + '' + index]}\"\r\n                            (click)=\"viewOrDownloadFile($event, attachmentItem)\">\r\n                            <img class=\"message-img\" (load)=\"loadImg($event, i, index)\"\r\n                                [src]=\"attachmentItem.url | secure | async\" />\r\n                        </a>\r\n                    </span>\r\n                </p>\r\n                <div style=\"clear: both\"></div>\r\n                <p class=\"message-created\" pTooltip=\"{{item.created | date:'dd/MM/yyyy HH:mm'}}\"\r\n                    tooltipPosition=\"{{item.type != 'own'?'right':'left'}}\">\r\n                    {{_crudService.renderDateTime(item.created)}}\r\n                </p>\r\n            </div>\r\n            <div style=\"clear: both\"></div>\r\n        </ng-container>\r\n    </ng-container>\r\n    <after-view-checked *ngIf=\"model.dataSource.length == i + 1\" (loading)=\"scrollToBottom(0, false, item.sent)\">\r\n    </after-view-checked>\r\n</ng-template>\r\n\r\n<!--<tn-dialog *ngIf=\"userPickerForm.show\" #dialog [styleClass]=\"'tn-form-dialog'\"-->\r\n<!--           [header]=\"'Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi d\u00F9ng' | translate\" [popupSize]=\"userPickerForm.popupSize\"-->\r\n<!--           (onCancel)=\"userPickerForm.show = false\"-->\r\n<!--           (onHide)=\"userPickerForm.show = false\">-->\r\n<!--    &lt;!&ndash;    <congviec-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onAfterSaved)=\"onAfterSaved($event)\"></congviec-form>&ndash;&gt;-->\r\n<!--    <user-picker-box #formBase [control]=\"userPickerControl\"-->\r\n<!--                     [(ngModel)]=\"this.peopleAll\" [multiple]=\"userPickerControl.multiple\">-->\r\n<!--    </user-picker-box>-->\r\n<!--</tn-dialog>-->\r\n\r\n\r\n<!--<tn-dialog *ngIf=\"userPickerForm.show\" #dialog [styleClass]=\"'tn-form-dialog'\"-->\r\n<!--           [header]=\"'Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi d\u00F9ng' | translate\" [popupSize]=\"userPickerForm.popupSize\" (onHide)=\"userPickerForm.show == false\">-->\r\n<!--    &lt;!&ndash;    <congviec-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onAfterSaved)=\"onAfterSaved($event)\"></congviec-form>&ndash;&gt;-->\r\n\r\n<!--    &lt;!&ndash;<quick-add-form *ngIf=\"model.editFormModel.showQuickNoteForm\" [parentContext]=\"context\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                [parentModel]=\"context.data.noteDataModel\"></quick-add-form>&ndash;&gt;-->\r\n<!--</tn-dialog>-->",
+                    providers: [ComponentContextService, CheckControlVisibleService],
+                    styles: [".paging-advance{list-style:none;margin:3px 0;padding-left:0}.paging-advance li{line-height:30;padding-left:15px;width:150px}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{background:none;cursor:default}.paging-advance li:hover{background:red;cursor:pointer}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{left:1.25em;margin-left:-10;right:auto}.paging-advance-overlay.ui-overlaypanel-shifted:after{left:1.25em;margin-left:-8px;right:auto}.chat-avatar{border:2px solid #eee;height:36px}", "@charset \"UTF-8\";@import url(C:\\Users\\vietp\\source\\repos\\5.1\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(C:\\Users\\vietp\\source\\repos\\5.1\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
+                },] }
+    ];
+    ChatBoxComponent.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: ChatService },
+        { type: MessageBoardService },
+        { type: UserService },
+        { type: CheckControlVisibleService },
+        { type: SignalRService },
+        { type: FileExplorerService },
+        { type: CrudService },
+        { type: NotifierService },
+        { type: ModuleConfigService }
+    ]; };
+    ChatBoxComponent.propDecorators = {
+        taskId: [{ type: i0.Input }],
+        serviceCode: [{ type: i0.Input }],
+        entity: [{ type: i0.Input }],
+        users: [{ type: i0.Input }],
+        showSendMessageBox: [{ type: i0.Input }],
+        input: [{ type: i0.ViewChild, args: ['input',] }],
+        fileElement: [{ type: i0.ViewChild, args: ['fileElement',] }]
+    };
+
+    // fix for prod build
+    // const objectToFormData = objectToFormData_;
+    var ChatSendMessageBoxComponent = /** @class */ (function (_super) {
+        __extends(ChatSendMessageBoxComponent, _super);
+        function ChatSendMessageBoxComponent(injector, _chatService, _checkControlVisible, _fileExplorerNewService, _notifierService) {
+            var _this = _super.call(this, injector) || this;
+            _this._chatService = _chatService;
+            _this._checkControlVisible = _checkControlVisible;
+            _this._fileExplorerNewService = _fileExplorerNewService;
+            _this._notifierService = _notifierService;
+            _this.model.driveFileDialog = { popupSize: {} };
+            return _this;
+        }
+        ChatSendMessageBoxComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            console.log('inside ChatSendMessageBoxComponent');
+            this.model.dataSource = [];
+            this.model.correlationIds = [];
+            this.model.attachments = [];
+            this.model.maxFileSize = 3000000;
+            this.model.fileViewer = {};
+            this._checkControlVisible.checkDisplayStatus(this.input.nativeElement).then(function (rs) {
+                _this.input.nativeElement.focus();
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.CHAT_INSTANCE_ID_LOADED, function (data) {
+                if (data) {
+                    _this.model.id = data;
+                    _this.chatInstanceId = data;
+                    _this.notifiUserOnline(_this.model.id);
+                }
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.CHAT_MOUSE_UP, function (data) {
+                if (data) {
+                    _this.onMouseUp(null);
+                }
+            });
+            this.rootContext.subscribe('DRIVE_FILE_DIALOG.CLOSE_POPUP', function (response) {
+                if (response != null) {
+                    var type = _this._commonService.isImage(response.name) ? 'image' : 'file';
+                    var attachmentItem_1 = {
+                        type: type,
+                        fileId: response.id,
+                        fileName: response.name
+                    };
+                    if (attachmentItem_1.type == 'image') {
+                        // Get preview url
+                        _this._fileExplorerNewService.getImageFileBase64(response.id).then(function (result) {
+                            attachmentItem_1.url = result;
+                        });
+                    }
+                    _this.model.attachments.push(attachmentItem_1);
+                    _this.input.nativeElement.focus();
+                    _this.model.classHasAttachment = 'attached-file';
+                    _this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_ATTACH_FILE, true);
+                }
+                _this.model.driveFileDialog.show = false;
+            });
+            this.rootContext.subscribe(ComCtxConstants.ROOT.DESTROY_TASK_DETAIL_COMPONENT, function (data) {
+                if (_this.model.userOnlineId) {
+                    _this.removeUserOnline(_this.model.userOnlineId);
+                }
+            });
+        };
+        ChatSendMessageBoxComponent.prototype.browseFileFromPersonal = function () {
+            this.model.driveFileDialog = {
+                show: true
+            };
+        };
+        ChatSendMessageBoxComponent.prototype.onSendMessage = function (message) {
+            var e_1, _a;
+            var _this = this;
+            if ((!message || message.trim() == '') && this.model.attachments.length === 0) {
+                return;
+            }
+            if (!message) {
+                message = '';
+            }
+            message = message.trim();
+            var objToSend = {
+                chatId: this.model.id,
+                messageContent: message,
+                correlationId: this._commonService.guid()
+            };
+            var formData = new FormData();
+            for (var key in objToSend) {
+                formData.append(key, objToSend[key]);
+            }
+            try {
+                for (var _b = __values(this.model.attachments), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var item = _c.value;
+                    // const item = this.model.attachments[itejm];
+                    if (item.fileId != null) {
+                        formData.append('fileId', item.fileId);
+                    }
+                    else {
+                        if (item.type == 'image') {
+                            formData.append('files', item.data, item.fileName);
+                        }
+                        else {
+                            formData.append('files', item.data);
+                        }
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_SENDING, {
+                message: objToSend,
+                attachments: this.model.attachments
+            });
+            // reset attachment list
+            this.model.attachments.length = 0;
+            this.model.content = '';
+            this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_ATTACH_FILE, false);
+            this.model.classHasAttachment = '';
+            this._chatService.sendMessage(formData).then(function (rs) {
+                _this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_SENT, { message: objToSend, status: true });
+            }).catch(function (err) {
+                _this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_SENT, {
+                    message: objToSend,
+                    status: false,
+                    error: err.error
+                });
+                _this._notifierService.showWarningByResponse(err);
+            });
+        };
+        ChatSendMessageBoxComponent.prototype.handlePaste = function (event) {
+            // console.log(event.clipboardData);
+            var objectData = this.getImageClipboardData(event);
+            if (objectData) {
+                this.model.attachments.push({
+                    type: 'image',
+                    url: objectData.url,
+                    data: objectData.blob, fileName: this._commonService.guid() + '.png'
+                });
+                this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_ATTACH_FILE, true);
+                this.model.classHasAttachment = 'attached-file';
+            }
+        };
+        ChatSendMessageBoxComponent.prototype.getImageClipboardData = function (e) {
+            for (var i = 0; i < e.clipboardData.items.length; i++) {
+                var item = e.clipboardData.items[i];
+                if (item.type.indexOf('image') != -1) {
+                    var imageObj = item.getAsFile();
+                    if (imageObj.size < this.model.maxFileSize) {
+                        return { url: URL.createObjectURL(imageObj), blob: imageObj };
+                    }
+                    else {
+                        return null;
+                    }
+                }
+            }
+            return null;
+        };
+        ChatSendMessageBoxComponent.prototype.browseFileFromComputer = function () {
+            this.fileElement.advancedFileInput.nativeElement.click();
+        };
+        ChatSendMessageBoxComponent.prototype.onSelectFileFromComputer = function (evt) {
+            try {
+                if (evt.files && evt.files.length > 0) {
+                    for (var index = 0; index < evt.files.length; index++) {
+                        var fileName = evt.files[index].name;
+                        var type = this._commonService.isImage(fileName) ? 'image' : 'file';
+                        var attachmentItem = {
+                            type: type,
+                            data: evt.files[index], fileName: fileName
+                        };
+                        if (attachmentItem.type == 'image') {
+                            attachmentItem.url = evt.files[index].objectURL.changingThisBreaksApplicationSecurity;
+                        }
+                        this.model.attachments.push(attachmentItem);
+                    }
+                    this.input.nativeElement.focus();
+                    this.model.classHasAttachment = 'attached-file';
+                    this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_ATTACH_FILE, true);
+                }
+            }
+            catch (e) {
+                console.error('error on process select file computer', e);
+            }
+            this.fileElement.clear();
+        };
+        ChatSendMessageBoxComponent.prototype.removeAttachment = function (item) {
+            var attachments = this.model.attachments;
+            var index = attachments.findIndex(function (x) { return x.url == item.url; });
+            this.model.attachments.splice(index, 1);
+            if (this.model.attachments.length === 0) {
+                this.model.classHasAttachment = '';
+                this.rootContext.fireEvent(ComCtxConstants.ROOT.CHAT_MESSAGE_ATTACH_FILE, false);
+            }
+        };
+        ChatSendMessageBoxComponent.prototype.onMouseUp = function ($event) {
+            this.input.nativeElement.focus();
+        };
+        ChatSendMessageBoxComponent.prototype.cancelBlur = function (event) {
+            event.preventDefault();
+        };
+        ChatSendMessageBoxComponent.prototype.ngOnDestroy = function () {
+            this.rootContext.unSubscribe(ComCtxConstants.ROOT.CHAT_INSTANCE_ID_LOADED);
+            this.rootContext.unSubscribe(ComCtxConstants.ROOT.CHAT_MOUSE_UP);
+        };
+        ChatSendMessageBoxComponent.prototype.notifiUserOnline = function (chatId) {
+            var _this = this;
+            this._chatService.insertUserOnline(chatId).then(function (rs) {
+                if (rs.success) {
+                    _this.model.userOnlineId = rs.data;
+                }
+            });
+        };
+        ChatSendMessageBoxComponent.prototype.removeUserOnline = function (userOnlineId) {
+            var _this = this;
+            this.chatInstanceId = '';
+            this._chatService.removeUserOnline(userOnlineId).then(function (rs) {
+                if (rs.success) {
+                    _this._notifierService.showWarning('Đã bỏ người dùng thành công');
+                }
+            });
+        };
+        ChatSendMessageBoxComponent.prototype.clickInputText = function () {
+            if (this.model.instanceId) {
+                this._chatService.markAsReadAllContents(this.model.id).then(function (rs) {
+                    console.log('markAsReadAllContents');
+                });
+            }
+        };
+        return ChatSendMessageBoxComponent;
+    }(ComponentBase));
+    ChatSendMessageBoxComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'chat-send-message-box',
+                    template: "<div class=\"dashboard\" (mouseup)=\"onMouseUp($event)\">\r\n    <div class=\"chat\">\r\n        <div class=\"new-message\">\r\n            <div class=\"message-emotion\">\r\n                <i class=\"far fa-smile\" style=\"color: gray;\" disabled=\"true\"></i>\r\n            </div>\r\n            <div class=\"message-attachment\" pTooltip=\"\u0110\u00EDnh k\u00E8m file\" tooltipPosition=\"top\" (click)=\"op.toggle($event)\">\r\n                <i class=\"fas fa-paperclip\"></i>\r\n            </div>\r\n            <p-overlayPanel #op [dismissable]=\"true\" [appendTo]=\"'body'\" [styleClass]=\"'paging-advance-overlay'\"\r\n                            (mouseup)=\"onMouseUp($event)\">\r\n                <ul class=\"paging-advance\">\r\n                    <li (click)=\"browseFileFromPersonal()\">T\u1EEB file c\u00E1 nh\u00E2n</li>\r\n                    <li (click)=\"browseFileFromComputer()\">T\u1EA3i l\u00EAn t\u1EEB m\u00E1y t\u00EDnh</li>\r\n                </ul>\r\n            </p-overlayPanel>\r\n            <div class=\"message-input p-float-label\">\r\n                <input #input pInputText\r\n                       id=\"message\"\r\n                       autocomplete=\"off\" autocorrect=\"off\"\r\n                       spellcheck=\"false\" class=\"ui-inputtext\"\r\n                       type=\"text\" placeholder=\"N\u1ED9i dung tin nh\u1EAFn\"\r\n                       [(ngModel)]=\"model.content\"\r\n                       (keyup.enter)=\"onSendMessage($event.target.value)\" (keydown.shift.tab)=\"cancelBlur($event)\"\r\n                       (keydown.tab)=\"cancelBlur($event)\" (paste)=\"handlePaste($event)\" (click)=\"clickInputText()\"/>\r\n            </div>\r\n            <div>\r\n                <button pButton class=\"p-button-danger\" icon=\"fas fa-send\" type=\"button\" label=\"G\u1EEDi\"\r\n                        (click)=\"onSendMessage(model.content)\">\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <div class=\"attachment-list\" [ngClass]=\"model.classHasAttachment\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'height': '100px'}\">\r\n                <div *ngFor=\"let item of model.attachments\" class=\"attachment-item\">\r\n                    <img *ngIf=\"item.type == 'image'\" [src]=\"item.url | safeUrl\"/>\r\n                    <span *ngIf=\"item.type == 'file'\">{{item.fileName}}</span>\r\n                    <i class=\"far fa-times-circle label-danger remove-file-attachment\"\r\n                       (click)=\"removeAttachment(item)\"></i>\r\n                </div>\r\n            </tn-custom-scrollbar>\r\n            <!--            <div class=\"clearfix\"></div>-->\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-fileUpload [ngStyle]=\"{'display': 'none'}\" #fileElement (onSelect)=\"onSelectFileFromComputer($event)\"\r\n              multiple=\"multiple\" name=\"fileUpload\" [maxFileSize]=\"model.maxFileSize\" auto=\"false\">\r\n</p-fileUpload>\r\n\r\n<!-- <app-drive-file-dialog *ngIf=\"model.driveFileDialog.show\" [parentDataContext]=\"dataContext\"\r\n    []=\"model.driveFileDialog\" #driveFileDialog>\r\n</app-drive-file-dialog> -->\r\n",
+                    providers: [ComponentContextService],
+                    styles: ["", "@charset \"UTF-8\";@import url(C:\\Users\\vietp\\source\\repos\\5.1\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(C:\\Users\\vietp\\source\\repos\\5.1\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
+                },] }
+    ];
+    ChatSendMessageBoxComponent.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: ChatService },
+        { type: CheckControlVisibleService },
+        { type: FileExplorerNewService },
+        { type: NotifierService }
+    ]; };
+    ChatSendMessageBoxComponent.propDecorators = {
+        fileElement: [{ type: i0.ViewChild, args: ['fileElement', { static: false },] }],
+        input: [{ type: i0.ViewChild, args: ['input', { static: true },] }],
+        driveFileDialog: [{ type: i0.ViewChild, args: ['driveFileDialog', { static: false },] }]
+    };
+
+    var UserPickerDialogComponent = /** @class */ (function (_super) {
+        __extends(UserPickerDialogComponent, _super);
+        function UserPickerDialogComponent(_userService, _injector) {
+            var _this = _super.call(this, _injector) || this;
+            _this._userService = _userService;
+            _this.STORAGE_KEY_USER_PICKER_NAME = 'user_picker_storage_name';
+            _this.STORAGE_KEY_USER_PICKER_ID_USER = 'user_picker_storage_id_user';
+            _this.STORAGE_KEY_USER_PICKER_SEARCH_KEY = 'user_picker_storage_search_key';
+            _this.STORAGE_KEY_USER_PICKER_NODE_SELECTED = 'user_picker_storage_node';
+            _this.rootTreeNode = [
+                {
+                    label: '',
+                    data: '-1',
+                    expandedIcon: 'pi pi-folder-open',
+                    collapsedIcon: 'pi pi-folder',
+                    children: []
+                }
+            ];
+            _this.multiple = false;
+            _this.enableCaching = true;
+            _this.isFirstLoad = true;
+            _this.rootFilter = {};
+            return _this;
+        }
+        UserPickerDialogComponent.prototype.ngOnInit = function () {
+            this.setting.baseService = this._userService;
+            _super.prototype.ngOnInit.call(this);
+        };
+        return UserPickerDialogComponent;
+    }(DataListBase));
+    UserPickerDialogComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'app-user-picker-dialog',
+                    template: "<p>\r\n  user-picker-dialog works!\r\n</p>\r\n",
+                    providers: [ComponentContextService],
+                    styles: [""]
+                },] }
+    ];
+    UserPickerDialogComponent.ctorParameters = function () { return [
+        { type: UserService },
+        { type: i0.Injector }
+    ]; };
+    UserPickerDialogComponent.propDecorators = {
+        dialog: [{ type: i0.ViewChild, args: ['dialog',] }],
+        multiple: [{ type: i0.Input }],
+        enableCaching: [{ type: i0.Input }],
+        control: [{ type: i0.Input }]
+    };
+
     function coreDeclaration() {
         return [
             AddressComponent,
@@ -47971,7 +49398,10 @@
             AddNewsComponent,
             CommonDashboardComponent,
             NotFoundComponent,
-            UniversalLinkProcessorComponent
+            UniversalLinkProcessorComponent,
+            ChatBoxComponent,
+            ChatSendMessageBoxComponent,
+            UserPickerDialogComponent
         ];
     }
     function coreModuleImport() {
@@ -49215,65 +50645,6 @@
         { type: ModuleConfigService }
     ]; };
 
-    var CheckControlVisibleService = /** @class */ (function () {
-        function CheckControlVisibleService() {
-        }
-        CheckControlVisibleService.prototype.checkDisplayStatus = function (elem) {
-            var _this = this;
-            return new Promise(function (resolve, reject) {
-                _this.doCheck(resolve, elem);
-            });
-        };
-        CheckControlVisibleService.prototype.doCheck = function (resolve, elem) {
-            var _this = this;
-            var timeoutCheckDisplayStatus;
-            timeoutCheckDisplayStatus = setTimeout(function () {
-                _this.doCheck(resolve, elem);
-            }, 100);
-            var newStatus = this.isVisible(elem);
-            if (newStatus) {
-                setTimeout(function () {
-                    // show control
-                    resolve(true);
-                });
-                clearTimeout(timeoutCheckDisplayStatus);
-            }
-        };
-        CheckControlVisibleService.prototype.isVisible = function (elem) {
-            var style = getComputedStyle(elem);
-            if (style.display === 'none')
-                return false;
-            if (style.visibility !== 'visible')
-                return false;
-            if (+style.opacity < 0.1)
-                return false;
-            if (elem.offsetWidth + elem.offsetHeight + elem.getBoundingClientRect().height +
-                elem.getBoundingClientRect().width === 0) {
-                return false;
-            }
-            var elemCenter = {
-                x: elem.getBoundingClientRect().left + elem.offsetWidth / 2,
-                y: elem.getBoundingClientRect().top + elem.offsetHeight / 2
-            };
-            var pointContainer = document.elementFromPoint(elemCenter.x, elemCenter.y);
-            if (pointContainer) {
-                do {
-                    if (pointContainer === elem)
-                        return true;
-                } while (pointContainer = pointContainer.parentNode);
-            }
-            return false;
-        };
-        return CheckControlVisibleService;
-    }());
-    CheckControlVisibleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CheckControlVisibleService_Factory() { return new CheckControlVisibleService(); }, token: CheckControlVisibleService, providedIn: "root" });
-    CheckControlVisibleService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    CheckControlVisibleService.ctorParameters = function () { return []; };
-
     var ImageService = /** @class */ (function () {
         function ImageService(_moduleConfigService) {
             this._moduleConfigService = _moduleConfigService;
@@ -49949,6 +51320,8 @@
     exports.CanBoHoSoService = CanBoHoSoService;
     exports.CauHinhWorkflowService = CauHinhWorkflowService;
     exports.CellExcel = CellExcel;
+    exports.ChatBoxComponent = ChatBoxComponent;
+    exports.ChatSendMessageBoxComponent = ChatSendMessageBoxComponent;
     exports.CheckBoxListControlSchema = CheckBoxListControlSchema;
     exports.CheckControlVisibleService = CheckControlVisibleService;
     exports.CheckDuplicateFieldsValidator = CheckDuplicateFieldsValidator;
@@ -50218,6 +51591,7 @@
     exports.UserFormatPipe = UserFormatPipe;
     exports.UserGroupService = UserGroupService;
     exports.UserPickerControlSchema = UserPickerControlSchema;
+    exports.UserPickerDialogComponent = UserPickerDialogComponent;
     exports.UserService = UserService;
     exports.UserV5Service = UserV5Service;
     exports.UsersFormatPipe = UsersFormatPipe;
@@ -50380,10 +51754,14 @@
     exports.ɵec = NewsCategoryService;
     exports.ɵed = NotFoundComponent;
     exports.ɵee = UniversalLinkProcessorComponent;
-    exports.ɵef = CheckReadyComponent;
-    exports.ɵeg = SendAccessTokenInterceptor;
-    exports.ɵeh = LogInterceptor;
-    exports.ɵei = PermissionUtilsInterceptor;
+    exports.ɵef = ChatService;
+    exports.ɵeg = ContentsService;
+    exports.ɵeh = StatusExtendsService;
+    exports.ɵei = MessageBoardService;
+    exports.ɵej = CheckReadyComponent;
+    exports.ɵek = SendAccessTokenInterceptor;
+    exports.ɵel = LogInterceptor;
+    exports.ɵem = PermissionUtilsInterceptor;
     exports.ɵf = AfterViewCheckedComponent;
     exports.ɵg = AdvanceSearchComponent;
     exports.ɵh = AppRootMenuComponent;