tnx-shared 5.2.17 → 5.2.18

package/esm2020/components/chat/chat-box/chat-box.component.mjs

@@ -18,10 +18,10 @@ import * as i6 from "../../file-explorer/services/file-explorer.service";
 import * as i7 from "../../../services/crud.service";
 import * as i8 from "../../../services/notifier.service";
 import * as i9 from "../../../services/environment.service";
-import * as i10 from "../../file-explorer/file-viewer/file-viewer.component";
-import * as i11 from "../../after-view-checked/after-view-checked.component";
-import * as i12 from "tn-custom-primeng/tooltip";
-import * as i13 from "@angular/common";
+import * as i10 from "@angular/common";
+import * as i11 from "tn-custom-primeng/tooltip";
+import * as i12 from "../../after-view-checked/after-view-checked.component";
+import * as i13 from "../../file-explorer/file-viewer/file-viewer.component";
 import * as i14 from "../../../pipes/secure.pipe";
 // fix for build prod
 const moment = moment_;
@@ -583,9 +583,9 @@ export class ChatBoxComponent extends ComponentBase {
         return styleClass;
     }
 }
-ChatBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ChatBoxComponent, deps: [{ token: i0.Injector }, { token: i1.ChatService }, { token: i2.MessageBoardService }, { token: i3.UserService }, { token: i4.CheckControlVisibleService }, { token: i5.SignalRService }, { token: i6.FileExplorerService }, { token: i7.CrudService }, { token: i8.NotifierService }, { token: i9.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
-ChatBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: ChatBoxComponent, selector: "chat-box", inputs: { taskId: "taskId", serviceCode: "serviceCode", entity: "entity", users: "users", showSendMessageBox: "showSendMessageBox" }, providers: [ComponentContextService, CheckControlVisibleService], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "fileElement", first: true, predicate: ["fileElement"], descendants: true }], usesInheritance: true, ngImport: i0, 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>-->", styles: [".paging-advance{list-style:none;padding-left:0;margin:3px 0}.paging-advance li{width:150px;padding-left:15px;line-height:30}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{cursor:default;background:none}.paging-advance li:hover{cursor:pointer;background:red}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{right:auto;left:1.25em;margin-left:-10}.paging-advance-overlay.ui-overlaypanel-shifted:after{right:auto;left:1.25em;margin-left:-8px}.chat-avatar{height:36px;border:2px solid #eee}\n", "@charset \"UTF-8\";@import\"@angular/material/prebuilt-themes/indigo-pink.css\";@import\"~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-h{justify-content:center}.flex.center-all{align-items:center;justify-content:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap;background-color:#fff}.tn-scroll-bar.bgWhite>div{background-color:#fff}.label-primary{padding:2px;border-radius:.25em;background-color:#1ab394;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-danger{padding:2px 5px;border-radius:.25em;background-color:#ed5565;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-warning{padding:2px;border-radius:.25em;background-color:#b8860b;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-secondary{padding:2px;border-radius:.25em;background-color:#a9a9a9;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-done{padding:2px;border-radius:.25em;background-color:#3b1ef7;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{max-height:calc(100vh - 180px);min-height:80px;overflow-y:hidden;overflow-x:hidden;border:1px solid #eee;border-radius:5px}.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{padding:60px 0 0;overflow:hidden}div.circleButton{line-height:32px;border-radius:50%;width:32px;height:32px;text-align:center;position:relative;display:inline-block;transform:perspective(1px);overflow:hidden;margin-top:4px;margin-bottom:4px}div.circleButton>a{padding:0!important;line-height:32px}div.circleButton>a>i{width:24px!important}div.circleButton:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background:#e6e6e6;z-index:-1;transform:scale(0);transition:all cubic-bezier(.4,.34,.01,.97) .3s;border-radius:50%}div.circleButton:hover:before{transform:scale(1)}.message-notice{text-align:center;background:#e0e0e0}.message-created-by{font-weight:400;font-size:.82em;color:#888;margin-top:5px;margin-bottom:3px;margin-left:45px}.message-created{font-size:.82em;color:#495057;margin-top:0;margin-bottom:0;display:inline-block}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-right:10px;padding-left:6px}.message-content{margin-top:3px;margin-bottom:6px;line-height:20px;position:relative;color:#000}.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{float:left;width:84px;height:84px;margin:8px;position:relative;overflow:hidden;background:#f1f1f1;border-radius:8px;text-align:center;border:1px solid #ccc;box-shadow:1px 2px 3px #0000000f;-webkit-user-select:none;user-select:none}.attachment-list .attachment-item img{width:100%;height:100%}.attachment-list .attachment-item span{position:absolute;top:25px;left:0;padding:5px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{height:120px;width:auto;margin-left:0;float:none}.message-attachment{cursor:pointer;position:relative;font-size:1.5em;margin:0 5px 0 0}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{position:absolute;right:5px;top:5px;cursor:pointer;color:#fff;font-size:20px;background:#495057;border-radius:50%}.attachment-list{position:absolute;bottom:51px;width:calc(100% + 30px);background:#fff;left:-15px;height:100px;display:none;box-shadow:0 -2px 3px -3px #00000036}.attachment-list.attached-file{display:block}.dashboard{margin-top:-5px;margin-bottom:-15px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{white-space:nowrap;color:#555}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{white-space:pre-wrap;text-align:justify;line-height:18px;padding-left:30px}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{position:absolute;left:20px;margin-top:3px}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{display:flex;border:0;text-align:left;margin:0;padding:0}.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{line-height:40px;display:inline-block;width:40px;height:100%;text-align:center}.dashboard .chat .new-message .message-emotion i{line-height:inherit;font-size:24px}.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{border-radius:2px 20px 20px 2px;background-color:#f0e3fd;border:0}.dashboard .chat ul li.message-from>.middle,.dashboard .chat ul li.message-from>.first{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{margin-left:45px!important;border-radius:2px 20px 20px}.dashboard .chat ul li.message-from>img{margin-top:5px;width:36px;border-radius:50%;position:absolute}.dashboard .chat ul li.message-own>span{border-radius:20px 2px 2px 20px;background-color:#def6f8;border:0;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-right:0;padding-left:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{display:inline-block;cursor:pointer;font-weight:700;color:#555}.dashboard .chat ul li.message-own>div.file{border-radius:6px;background:#f1f1f1;display:inline-block;margin:1px;text-align:right;border:1px solid #e4e4e4;overflow:hidden}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-right:0;padding-left:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{display:inline-block;cursor:pointer;font-weight:700;color:#555}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{border-radius:6px;background:#f1f1f1;display:inline-block;margin:1px;text-align:left;border:1px solid #e4e4e4;overflow:hidden}.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;width:220px;transition:width .15s linear;padding:15px;max-width:100%}.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;padding:0;margin:0}.visible{visibility:visible;opacity:1;transition:opacity .15s linear}.hidden{visibility:hidden;opacity:0;transition:visibility 0s .1s,opacity .1s linear}.visible2{visibility:visible;opacity:1;transition:opacity .35s linear}.hidden2{visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s linear}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{position:sticky;bottom:6px;text-align:right;padding-right:12px;min-height:40px}.dashboard .chat .scroll-to-bottom span{cursor:pointer;font-size:20px;color:#fff;background:#495057;box-shadow:0 0 10px #00000059;border:2px solid #fff;border-radius:50%;width:35px;height:35px;display:inline-block;line-height:35px;text-align:center;overflow:hidden}.dashboard .chat .group-info{position:sticky;top:0;background:#fff;margin:-10px;box-shadow:0 0 3px -1px #00000036;z-index:99;line-height:30px;padding:5px 10px}.dashboard .chat .pin{position:sticky;top:40px;z-index:98;background:#fff;margin-left:-10px;margin-bottom:10px;width:calc(100% + 20px);box-shadow:0 0 3px -1px #00000036}.dashboard .chat ul li.message-own.pin>span,.dashboard .chat ul li.message-from.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;font-size:11px;cursor:pointer}.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{position:absolute;right:-15px;padding:5px}.dashboard .chat .group-info .circleButton{float:right;margin-top:0;margin-bottom:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{outline:none;box-shadow:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml strong,.normalHtml b{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{width:40px;height:40px;margin-top:-6px;border:1px solid #fff;border-radius:50%}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;top:0!important;width:100%!important;left:0!important;max-height:100%;min-width:100%!important;min-height:unset!important}#image-view-list.image-gallery-2{height:calc(100vh - 41px);width:100%;margin:-14px auto 0;background-color:#0006;touch-action:none}#image-view-list.image-gallery-2 .image-container{bottom:0;border:0;height:85%;margin:auto;background-color:transparent}#image-view-list.image-gallery-2 .image-container .iv-snap-view{top:auto;bottom:20px;left:calc(50% - 75px)}#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.prev,#image-view-list .material-icons.next{display:none}#image-view-list .options-image-viewer{margin-right:37px;-webkit-user-select:none;user-select:none}.mobile-image-viewer-close{color:#fff;position:absolute;top:0;right:0;height:42px;width:37px;text-align:center;vertical-align:middle;line-height:42px;font-size:x-large;padding-right:7px;padding-top:2px;cursor:pointer}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{padding:8px 30px;text-align:right;width:100%;border-top:1px solid #e8e8e8;left:0;position:absolute;bottom:0;background:#fff;border-radius:0 0 5px 5px}.box-function button{margin-left:5px}.quick-note-button-holder{display:none;position:absolute;bottom:40px;right:50px;height:50px;width:50px;z-index:99}.quick-note-button{display:block;font-size:2em;color:#fff;outline:none;height:50px;width:50px;border-radius:50%;background:#ffc107;box-shadow:0 2px 5px #b9b9b9;line-height:50px;text-align:center;border:2px solid #fff}.quick-note-button:hover{color:#fff}.all-note-button{position:absolute;right:5px;top:5px;display:block;font-size:1.5em;color:#fff;outline:none;height:40px;width:40px;border-radius:50%;background:#ffd24b;box-shadow:0 2px 5px #b9b9b9;line-height:40px;text-align:center;border:2px solid #fff;transition:right;transition-duration:.16s;transition-timing-function:ease-in;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{top:5px;position:absolute;right:5px;display:block;font-size:1.5em;color:#fff;outline:none;height:40px;width:40px;border-radius:50%;background:#ffd24b;box-shadow:0 2px 5px #b9b9b9;line-height:40px;text-align:center;border:2px solid #fff;transition:right;transition-duration:.16s;transition-timing-function:ease-in;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{display:none;position:absolute;bottom:20px;left:20px;width:250px;z-index:98}.pinned-notes{display:block;outline:none;background:transparent;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{font-size:.8rem;box-shadow:1px 2px 3px #b98b06a1;padding:0;margin-bottom:10px;background-color:#fff1ac;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{padding-top:5px;width:25px;height:25px;text-align:center;position:absolute;right:-15px;top:-15px;background:#ffc003;box-shadow:1px 2px 3px #b98b06a1;border-radius:50%;cursor:pointer;color:#fff;border:1px solid #fff;z-index:1}.pinned-note-header-line{position:absolute;left:3px;width:13px;box-shadow:1px 1px 2px #0006;border:1px solid #fff;margin-bottom:.5rem;margin-top:.5rem;height:calc(100% - 1rem);max-height:20px}.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{opacity:.8;display:none;width:14px;height:14px;float:left;margin-right:2px}.pinned-note-header-button-complete{padding-top:2px;display:none}.pinned-note-body{float:right;width:100%;padding:.5rem .5rem .5rem 25px}.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-unpin,.pinned-note-body:hover .pinned-note-header-button-complete{display:block}.pinned-note-line-title{display:block;font-weight:700;padding-bottom:6px;color:#333}.pinned-note-line{display:block}.view-port{position:absolute;display:none;height:0;width:0;background:transparent;z-index:999;box-shadow:0 0 0 9999px #00000096;border-radius:5px}.view-port-mask{position:absolute;display:block;height:100%;width:100%;top:0;left:0;background:transparent;z-index:9998}.tinymce-control{width:100%;border:1px solid #ccc;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;display:none}.input-tab-trap{opacity:0!important;filter:alpha(opacity=0)!important;width:0!important;overflow:hidden!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}video,video:focus,audio,audio:focus{outline:none}.iv-image-view img.iv-image{animation:fadein .5s;visibility:hidden!important}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-top:0;padding-bottom: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{color:#fff;background-color:#007ad9;border:1px solid #007ad9;font-size:14px;transition:background-color .2s,box-shadow .2s;border-radius:3px}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;color:#fff;border-color:#116fbf}body .fc .fc-toolbar .fc-button:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2em #8dcdff}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-top-right-radius:3px;border-bottom-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-top-left-radius:3px;border-bottom-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.old-content,.fc-axis,.fc-timeGridDay-button,.fc-timeGridWeek-button,.fc-dayGridMonth-button{text-indent:-9999px;line-height:0}.new-content,.fc-axis:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.fc-dayGridMonth-button:after{text-indent:0;display:block;line-height:initial}.fc-dayGridMonth-button:after{content:\"Th\\e1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\\1ea7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\\e0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group p-button,.ui-fluid .button-group button{margin-right:.5em!important;width:auto;text-align:left}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-immediately,.base-status-urgent,.base-status-high,.base-status-medium,.base-status-low,.base-status-ended,.base-status-aborted,.base-status-completed,.base-status-rejected,.base-status-returned,.base-status-approved,.base-status-pending,.base-status-on-conducting,.base-status-on-going,.base-status-create-new{padding:3px;border-radius:.25em;color:#fff;font-size:.8em;text-align:center}.base-status-create-new{color:#666;background-color:#f2f2f2}.base-status-on-going,.base-status-on-conducting{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{color:#666;background-color:#f2f2f2}.base-status-high{background-color:#ffba01}.base-status-urgent,.base-status-immediately{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 tn-mask,.crud-form dropdown{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{position:relative;padding-left:20px;margin-bottom:5px;display:block}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";position:absolute;left:0;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 th,.table-sticky tr td{border:none!important;border-right:1px solid #eee!important;border-bottom:1px solid #eee!important}.table-sticky tr th:first-child,.table-sticky tr td:first-child{border-left:1px solid #eee!important}.table-sticky tr th:last-child,.table-sticky tr td: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 white!important}.table-sticky.fix-height tr:first-child th{position:sticky;top:0;z-index:2}.container-flex{display:flex;align-items:center}.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-top:.5em;padding-right:.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{position:absolute;left:0;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{display:flex;justify-content:center;align-items: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:initial;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-weight:700;font-family:cursive}.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;flex:1 1;display:flex;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{padding-top:.5em;overflow:hidden;position:absolute;left:0;top:0;width:100%;height: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{margin-left:0;max-width:200px;width:100%;height:26px}.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{position:absolute;height:100%;width:100%;overflow:auto}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:#6d6d6d80;width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;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:initial}.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-right-arrow-icon,.tn-animated-left-arrow-icon{height:32px;width:14px;position:relative;z-index:10}.tn-animated-right-arrow-icon{animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-right-arrow-icon:before,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-left-arrow-icon:after{content:\"\";position:absolute;background-color:#88b0dd;width:5px;height:20px;display:block}.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)}@keyframes arrowBounceToLeft{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes arrowBounceToRight{0%{transform:translate(3px)}to{transform:translate(-3px)}}.pass{color:#49c949;margin:5px;text-align:center}.not-pass{color:red;margin:5px;text-align:center}\n"], components: [{ type: i10.FileViewerComponent, selector: "file-viewer", inputs: ["model", "readonly", "showPrint", "showDownload", "showDelete"], outputs: ["onClose", "onRename", "onDelete"] }, { type: i11.AfterViewCheckedComponent, selector: "after-view-checked", inputs: ["renderKey"], outputs: ["loaded", "loading", "unloading", "reRender"] }], directives: [{ type: i12.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "date": i13.DatePipe, "async": i13.AsyncPipe, "secure": i14.SecurePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ChatBoxComponent, decorators: [{
+ChatBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChatBoxComponent, deps: [{ token: i0.Injector }, { token: i1.ChatService }, { token: i2.MessageBoardService }, { token: i3.UserService }, { token: i4.CheckControlVisibleService }, { token: i5.SignalRService }, { token: i6.FileExplorerService }, { token: i7.CrudService }, { token: i8.NotifierService }, { token: i9.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
+ChatBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChatBoxComponent, selector: "chat-box", inputs: { taskId: "taskId", serviceCode: "serviceCode", entity: "entity", users: "users", showSendMessageBox: "showSendMessageBox" }, providers: [ComponentContextService, CheckControlVisibleService], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "fileElement", first: true, predicate: ["fileElement"], descendants: true }], usesInheritance: true, ngImport: i0, 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>-->", styles: [".paging-advance{list-style:none;padding-left:0;margin:3px 0}.paging-advance li{width:150px;padding-left:15px;line-height:30}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{cursor:default;background:none}.paging-advance li:hover{cursor:pointer;background:red}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{right:auto;left:1.25em;margin-left:-10}.paging-advance-overlay.ui-overlaypanel-shifted:after{right:auto;left:1.25em;margin-left:-8px}.chat-avatar{height:36px;border:2px solid #eee}\n", "@charset \"UTF-8\";@import\"@angular/material/prebuilt-themes/indigo-pink.css\";@import\"~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-h{justify-content:center}.flex.center-all{align-items:center;justify-content:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap;background-color:#fff}.tn-scroll-bar.bgWhite>div{background-color:#fff}.label-primary{padding:2px;border-radius:.25em;background-color:#1ab394;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-danger{padding:2px 5px;border-radius:.25em;background-color:#ed5565;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-warning{padding:2px;border-radius:.25em;background-color:#b8860b;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-secondary{padding:2px;border-radius:.25em;background-color:#a9a9a9;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-done{padding:2px;border-radius:.25em;background-color:#3b1ef7;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{max-height:calc(100vh - 180px);min-height:80px;overflow-y:hidden;overflow-x:hidden;border:1px solid #eee;border-radius:5px}.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{padding:60px 0 0;overflow:hidden}div.circleButton{line-height:32px;border-radius:50%;width:32px;height:32px;text-align:center;position:relative;display:inline-block;transform:perspective(1px);overflow:hidden;margin-top:4px;margin-bottom:4px}div.circleButton>a{padding:0!important;line-height:32px}div.circleButton>a>i{width:24px!important}div.circleButton:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background:#e6e6e6;z-index:-1;transform:scale(0);transition:all cubic-bezier(.4,.34,.01,.97) .3s;border-radius:50%}div.circleButton:hover:before{transform:scale(1)}.message-notice{text-align:center;background:#e0e0e0}.message-created-by{font-weight:400;font-size:.82em;color:#888;margin-top:5px;margin-bottom:3px;margin-left:45px}.message-created{font-size:.82em;color:#495057;margin-top:0;margin-bottom:0;display:inline-block}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-right:10px;padding-left:6px}.message-content{margin-top:3px;margin-bottom:6px;line-height:20px;position:relative;color:#000}.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{float:left;width:84px;height:84px;margin:8px;position:relative;overflow:hidden;background:#f1f1f1;border-radius:8px;text-align:center;border:1px solid #ccc;box-shadow:1px 2px 3px #0000000f;-webkit-user-select:none;user-select:none}.attachment-list .attachment-item img{width:100%;height:100%}.attachment-list .attachment-item span{position:absolute;top:25px;left:0;padding:5px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{height:120px;width:auto;margin-left:0;float:none}.message-attachment{cursor:pointer;position:relative;font-size:1.5em;margin:0 5px 0 0}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{position:absolute;right:5px;top:5px;cursor:pointer;color:#fff;font-size:20px;background:#495057;border-radius:50%}.attachment-list{position:absolute;bottom:51px;width:calc(100% + 30px);background:#fff;left:-15px;height:100px;display:none;box-shadow:0 -2px 3px -3px #00000036}.attachment-list.attached-file{display:block}.dashboard{margin-top:-5px;margin-bottom:-15px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{white-space:nowrap;color:#555}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{white-space:pre-wrap;text-align:justify;line-height:18px;padding-left:30px}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{position:absolute;left:20px;margin-top:3px}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{display:flex;border:0;text-align:left;margin:0;padding:0}.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{line-height:40px;display:inline-block;width:40px;height:100%;text-align:center}.dashboard .chat .new-message .message-emotion i{line-height:inherit;font-size:24px}.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{border-radius:2px 20px 20px 2px;background-color:#f0e3fd;border:0}.dashboard .chat ul li.message-from>.middle,.dashboard .chat ul li.message-from>.first{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{margin-left:45px!important;border-radius:2px 20px 20px}.dashboard .chat ul li.message-from>img{margin-top:5px;width:36px;border-radius:50%;position:absolute}.dashboard .chat ul li.message-own>span{border-radius:20px 2px 2px 20px;background-color:#def6f8;border:0;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-right:0;padding-left:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{display:inline-block;cursor:pointer;font-weight:700;color:#555}.dashboard .chat ul li.message-own>div.file{border-radius:6px;background:#f1f1f1;display:inline-block;margin:1px;text-align:right;border:1px solid #e4e4e4;overflow:hidden}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-right:0;padding-left:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{display:inline-block;cursor:pointer;font-weight:700;color:#555}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{border-radius:6px;background:#f1f1f1;display:inline-block;margin:1px;text-align:left;border:1px solid #e4e4e4;overflow:hidden}.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;width:220px;transition:width .15s linear;padding:15px;max-width:100%}.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;padding:0;margin:0}.visible{visibility:visible;opacity:1;transition:opacity .15s linear}.hidden{visibility:hidden;opacity:0;transition:visibility 0s .1s,opacity .1s linear}.visible2{visibility:visible;opacity:1;transition:opacity .35s linear}.hidden2{visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s linear}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{position:sticky;bottom:6px;text-align:right;padding-right:12px;min-height:40px}.dashboard .chat .scroll-to-bottom span{cursor:pointer;font-size:20px;color:#fff;background:#495057;box-shadow:0 0 10px #00000059;border:2px solid #fff;border-radius:50%;width:35px;height:35px;display:inline-block;line-height:35px;text-align:center;overflow:hidden}.dashboard .chat .group-info{position:sticky;top:0;background:#fff;margin:-10px;box-shadow:0 0 3px -1px #00000036;z-index:99;line-height:30px;padding:5px 10px}.dashboard .chat .pin{position:sticky;top:40px;z-index:98;background:#fff;margin-left:-10px;margin-bottom:10px;width:calc(100% + 20px);box-shadow:0 0 3px -1px #00000036}.dashboard .chat ul li.message-own.pin>span,.dashboard .chat ul li.message-from.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;font-size:11px;cursor:pointer}.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{position:absolute;right:-15px;padding:5px}.dashboard .chat .group-info .circleButton{float:right;margin-top:0;margin-bottom:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{outline:none;box-shadow:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml strong,.normalHtml b{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{width:40px;height:40px;margin-top:-6px;border:1px solid #fff;border-radius:50%}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;top:0!important;width:100%!important;left:0!important;max-height:100%;min-width:100%!important;min-height:unset!important}#image-view-list.image-gallery-2{height:calc(100vh - 41px);width:100%;margin:-14px auto 0;background-color:#0006;touch-action:none}#image-view-list.image-gallery-2 .image-container{bottom:0;border:0;height:85%;margin:auto;background-color:transparent}#image-view-list.image-gallery-2 .image-container .iv-snap-view{top:auto;bottom:20px;left:calc(50% - 75px)}#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.prev,#image-view-list .material-icons.next{display:none}#image-view-list .options-image-viewer{margin-right:37px;-webkit-user-select:none;user-select:none}.mobile-image-viewer-close{color:#fff;position:absolute;top:0;right:0;height:42px;width:37px;text-align:center;vertical-align:middle;line-height:42px;font-size:x-large;padding-right:7px;padding-top:2px;cursor:pointer}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{padding:8px 30px;text-align:right;width:100%;border-top:1px solid #e8e8e8;left:0;position:absolute;bottom:0;background:#fff;border-radius:0 0 5px 5px}.box-function button{margin-left:5px}.quick-note-button-holder{display:none;position:absolute;bottom:40px;right:50px;height:50px;width:50px;z-index:99}.quick-note-button{display:block;font-size:2em;color:#fff;outline:none;height:50px;width:50px;border-radius:50%;background:#ffc107;box-shadow:0 2px 5px #b9b9b9;line-height:50px;text-align:center;border:2px solid #fff}.quick-note-button:hover{color:#fff}.all-note-button{position:absolute;right:5px;top:5px;display:block;font-size:1.5em;color:#fff;outline:none;height:40px;width:40px;border-radius:50%;background:#ffd24b;box-shadow:0 2px 5px #b9b9b9;line-height:40px;text-align:center;border:2px solid #fff;transition:right;transition-duration:.16s;transition-timing-function:ease-in;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{top:5px;position:absolute;right:5px;display:block;font-size:1.5em;color:#fff;outline:none;height:40px;width:40px;border-radius:50%;background:#ffd24b;box-shadow:0 2px 5px #b9b9b9;line-height:40px;text-align:center;border:2px solid #fff;transition:right;transition-duration:.16s;transition-timing-function:ease-in;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{display:none;position:absolute;bottom:20px;left:20px;width:250px;z-index:98}.pinned-notes{display:block;outline:none;background:transparent;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{font-size:.8rem;box-shadow:1px 2px 3px #b98b06a1;padding:0;margin-bottom:10px;background-color:#fff1ac;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{padding-top:5px;width:25px;height:25px;text-align:center;position:absolute;right:-15px;top:-15px;background:#ffc003;box-shadow:1px 2px 3px #b98b06a1;border-radius:50%;cursor:pointer;color:#fff;border:1px solid #fff;z-index:1}.pinned-note-header-line{position:absolute;left:3px;width:13px;box-shadow:1px 1px 2px #0006;border:1px solid #fff;margin-bottom:.5rem;margin-top:.5rem;height:calc(100% - 1rem);max-height:20px}.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{opacity:.8;display:none;width:14px;height:14px;float:left;margin-right:2px}.pinned-note-header-button-complete{padding-top:2px;display:none}.pinned-note-body{float:right;width:100%;padding:.5rem .5rem .5rem 25px}.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-unpin,.pinned-note-body:hover .pinned-note-header-button-complete{display:block}.pinned-note-line-title{display:block;font-weight:700;padding-bottom:6px;color:#333}.pinned-note-line{display:block}.view-port{position:absolute;display:none;height:0;width:0;background:transparent;z-index:999;box-shadow:0 0 0 9999px #00000096;border-radius:5px}.view-port-mask{position:absolute;display:block;height:100%;width:100%;top:0;left:0;background:transparent;z-index:9998}.tinymce-control{width:100%;border:1px solid #ccc;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;display:none}.input-tab-trap{opacity:0!important;filter:alpha(opacity=0)!important;width:0!important;overflow:hidden!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}video,video:focus,audio,audio:focus{outline:none}.iv-image-view img.iv-image{animation:fadein .5s;visibility:hidden!important}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-top:0;padding-bottom: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{color:#fff;background-color:#007ad9;border:1px solid #007ad9;font-size:14px;transition:background-color .2s,box-shadow .2s;border-radius:3px}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;color:#fff;border-color:#116fbf}body .fc .fc-toolbar .fc-button:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2em #8dcdff}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-top-right-radius:3px;border-bottom-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-top-left-radius:3px;border-bottom-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.old-content,.fc-axis,.fc-timeGridDay-button,.fc-timeGridWeek-button,.fc-dayGridMonth-button{text-indent:-9999px;line-height:0}.new-content,.fc-axis:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.fc-dayGridMonth-button:after{text-indent:0;display:block;line-height:initial}.fc-dayGridMonth-button:after{content:\"Th\\e1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\\1ea7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\\e0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group p-button,.ui-fluid .button-group button{margin-right:.5em!important;width:auto;text-align:left}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-immediately,.base-status-urgent,.base-status-high,.base-status-medium,.base-status-low,.base-status-ended,.base-status-aborted,.base-status-completed,.base-status-rejected,.base-status-returned,.base-status-approved,.base-status-pending,.base-status-on-conducting,.base-status-on-going,.base-status-create-new{padding:3px;border-radius:.25em;color:#fff;font-size:.8em;text-align:center}.base-status-create-new{color:#666;background-color:#f2f2f2}.base-status-on-going,.base-status-on-conducting{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{color:#666;background-color:#f2f2f2}.base-status-high{background-color:#ffba01}.base-status-urgent,.base-status-immediately{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 tn-mask,.crud-form dropdown{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{position:relative;padding-left:20px;margin-bottom:5px;display:block}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";position:absolute;left:0;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 th,.table-sticky tr td{border:none!important;border-right:1px solid #eee!important;border-bottom:1px solid #eee!important}.table-sticky tr th:first-child,.table-sticky tr td:first-child{border-left:1px solid #eee!important}.table-sticky tr th:last-child,.table-sticky tr td: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 white!important}.table-sticky.fix-height tr:first-child th{position:sticky;top:0;z-index:2}.container-flex{display:flex;align-items:center}.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-top:.5em;padding-right:.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{position:absolute;left:0;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{display:flex;justify-content:center;align-items: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:initial;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-weight:700;font-family:cursive}.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;flex:1 1;display:flex;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{padding-top:.5em;overflow:hidden;position:absolute;left:0;top:0;width:100%;height: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{margin-left:0;max-width:200px;width:100%;height:26px}.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{position:absolute;height:100%;width:100%;overflow:auto}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:#6d6d6d80;width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;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:initial}.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-right-arrow-icon,.tn-animated-left-arrow-icon{height:32px;width:14px;position:relative;z-index:10}.tn-animated-right-arrow-icon{animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-right-arrow-icon:before,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-left-arrow-icon:after{content:\"\";position:absolute;background-color:#88b0dd;width:5px;height:20px;display:block}.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)}@keyframes arrowBounceToLeft{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes arrowBounceToRight{0%{transform:translate(3px)}to{transform:translate(-3px)}}.pass{color:#49c949;margin:5px;text-align:center}.not-pass{color:red;margin:5px;text-align:center}\n"], dependencies: [{ kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i11.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "component", type: i12.AfterViewCheckedComponent, selector: "after-view-checked", inputs: ["renderKey"], outputs: ["loaded", "loading", "unloading", "reRender"] }, { kind: "component", type: i13.FileViewerComponent, selector: "file-viewer", inputs: ["model", "readonly", "showPrint", "showDownload", "showDelete"], outputs: ["onClose", "onRename", "onDelete"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.DatePipe, name: "date" }, { kind: "pipe", type: i14.SecurePipe, name: "secure" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChatBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'chat-box', providers: [ComponentContextService, CheckControlVisibleService], 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>-->", styles: [".paging-advance{list-style:none;padding-left:0;margin:3px 0}.paging-advance li{width:150px;padding-left:15px;line-height:30}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{cursor:default;background:none}.paging-advance li:hover{cursor:pointer;background:red}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{right:auto;left:1.25em;margin-left:-10}.paging-advance-overlay.ui-overlaypanel-shifted:after{right:auto;left:1.25em;margin-left:-8px}.chat-avatar{height:36px;border:2px solid #eee}\n", "@charset \"UTF-8\";@import\"@angular/material/prebuilt-themes/indigo-pink.css\";@import\"~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-h{justify-content:center}.flex.center-all{align-items:center;justify-content:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap;background-color:#fff}.tn-scroll-bar.bgWhite>div{background-color:#fff}.label-primary{padding:2px;border-radius:.25em;background-color:#1ab394;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-danger{padding:2px 5px;border-radius:.25em;background-color:#ed5565;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-warning{padding:2px;border-radius:.25em;background-color:#b8860b;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-secondary{padding:2px;border-radius:.25em;background-color:#a9a9a9;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.label-done{padding:2px;border-radius:.25em;background-color:#3b1ef7;color:#fff;font-size:12px;margin-right:3px;margin-left:3px;min-width:60px;display:inline-block}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{max-height:calc(100vh - 180px);min-height:80px;overflow-y:hidden;overflow-x:hidden;border:1px solid #eee;border-radius:5px}.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{padding:60px 0 0;overflow:hidden}div.circleButton{line-height:32px;border-radius:50%;width:32px;height:32px;text-align:center;position:relative;display:inline-block;transform:perspective(1px);overflow:hidden;margin-top:4px;margin-bottom:4px}div.circleButton>a{padding:0!important;line-height:32px}div.circleButton>a>i{width:24px!important}div.circleButton:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background:#e6e6e6;z-index:-1;transform:scale(0);transition:all cubic-bezier(.4,.34,.01,.97) .3s;border-radius:50%}div.circleButton:hover:before{transform:scale(1)}.message-notice{text-align:center;background:#e0e0e0}.message-created-by{font-weight:400;font-size:.82em;color:#888;margin-top:5px;margin-bottom:3px;margin-left:45px}.message-created{font-size:.82em;color:#495057;margin-top:0;margin-bottom:0;display:inline-block}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-right:10px;padding-left:6px}.message-content{margin-top:3px;margin-bottom:6px;line-height:20px;position:relative;color:#000}.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{float:left;width:84px;height:84px;margin:8px;position:relative;overflow:hidden;background:#f1f1f1;border-radius:8px;text-align:center;border:1px solid #ccc;box-shadow:1px 2px 3px #0000000f;-webkit-user-select:none;user-select:none}.attachment-list .attachment-item img{width:100%;height:100%}.attachment-list .attachment-item span{position:absolute;top:25px;left:0;padding:5px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{height:120px;width:auto;margin-left:0;float:none}.message-attachment{cursor:pointer;position:relative;font-size:1.5em;margin:0 5px 0 0}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{position:absolute;right:5px;top:5px;cursor:pointer;color:#fff;font-size:20px;background:#495057;border-radius:50%}.attachment-list{position:absolute;bottom:51px;width:calc(100% + 30px);background:#fff;left:-15px;height:100px;display:none;box-shadow:0 -2px 3px -3px #00000036}.attachment-list.attached-file{display:block}.dashboard{margin-top:-5px;margin-bottom:-15px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{white-space:nowrap;color:#555}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{white-space:pre-wrap;text-align:justify;line-height:18px;padding-left:30px}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{position:absolute;left:20px;margin-top:3px}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{display:flex;border:0;text-align:left;margin:0;padding:0}.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{line-height:40px;display:inline-block;width:40px;height:100%;text-align:center}.dashboard .chat .new-message .message-emotion i{line-height:inherit;font-size:24px}.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{border-radius:2px 20px 20px 2px;background-color:#f0e3fd;border:0}.dashboard .chat ul li.message-from>.middle,.dashboard .chat ul li.message-from>.first{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{margin-left:45px!important;border-radius:2px 20px 20px}.dashboard .chat ul li.message-from>img{margin-top:5px;width:36px;border-radius:50%;position:absolute}.dashboard .chat ul li.message-own>span{border-radius:20px 2px 2px 20px;background-color:#def6f8;border:0;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-right:0;padding-left:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{display:inline-block;cursor:pointer;font-weight:700;color:#555}.dashboard .chat ul li.message-own>div.file{border-radius:6px;background:#f1f1f1;display:inline-block;margin:1px;text-align:right;border:1px solid #e4e4e4;overflow:hidden}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-right:0;padding-left:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{display:inline-block;cursor:pointer;font-weight:700;color:#555}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{border-radius:6px;background:#f1f1f1;display:inline-block;margin:1px;text-align:left;border:1px solid #e4e4e4;overflow:hidden}.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;width:220px;transition:width .15s linear;padding:15px;max-width:100%}.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;padding:0;margin:0}.visible{visibility:visible;opacity:1;transition:opacity .15s linear}.hidden{visibility:hidden;opacity:0;transition:visibility 0s .1s,opacity .1s linear}.visible2{visibility:visible;opacity:1;transition:opacity .35s linear}.hidden2{visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s linear}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{position:sticky;bottom:6px;text-align:right;padding-right:12px;min-height:40px}.dashboard .chat .scroll-to-bottom span{cursor:pointer;font-size:20px;color:#fff;background:#495057;box-shadow:0 0 10px #00000059;border:2px solid #fff;border-radius:50%;width:35px;height:35px;display:inline-block;line-height:35px;text-align:center;overflow:hidden}.dashboard .chat .group-info{position:sticky;top:0;background:#fff;margin:-10px;box-shadow:0 0 3px -1px #00000036;z-index:99;line-height:30px;padding:5px 10px}.dashboard .chat .pin{position:sticky;top:40px;z-index:98;background:#fff;margin-left:-10px;margin-bottom:10px;width:calc(100% + 20px);box-shadow:0 0 3px -1px #00000036}.dashboard .chat ul li.message-own.pin>span,.dashboard .chat ul li.message-from.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;font-size:11px;cursor:pointer}.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{position:absolute;right:-15px;padding:5px}.dashboard .chat .group-info .circleButton{float:right;margin-top:0;margin-bottom:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{outline:none;box-shadow:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml strong,.normalHtml b{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{width:40px;height:40px;margin-top:-6px;border:1px solid #fff;border-radius:50%}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;top:0!important;width:100%!important;left:0!important;max-height:100%;min-width:100%!important;min-height:unset!important}#image-view-list.image-gallery-2{height:calc(100vh - 41px);width:100%;margin:-14px auto 0;background-color:#0006;touch-action:none}#image-view-list.image-gallery-2 .image-container{bottom:0;border:0;height:85%;margin:auto;background-color:transparent}#image-view-list.image-gallery-2 .image-container .iv-snap-view{top:auto;bottom:20px;left:calc(50% - 75px)}#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.prev,#image-view-list .material-icons.next{display:none}#image-view-list .options-image-viewer{margin-right:37px;-webkit-user-select:none;user-select:none}.mobile-image-viewer-close{color:#fff;position:absolute;top:0;right:0;height:42px;width:37px;text-align:center;vertical-align:middle;line-height:42px;font-size:x-large;padding-right:7px;padding-top:2px;cursor:pointer}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{padding:8px 30px;text-align:right;width:100%;border-top:1px solid #e8e8e8;left:0;position:absolute;bottom:0;background:#fff;border-radius:0 0 5px 5px}.box-function button{margin-left:5px}.quick-note-button-holder{display:none;position:absolute;bottom:40px;right:50px;height:50px;width:50px;z-index:99}.quick-note-button{display:block;font-size:2em;color:#fff;outline:none;height:50px;width:50px;border-radius:50%;background:#ffc107;box-shadow:0 2px 5px #b9b9b9;line-height:50px;text-align:center;border:2px solid #fff}.quick-note-button:hover{color:#fff}.all-note-button{position:absolute;right:5px;top:5px;display:block;font-size:1.5em;color:#fff;outline:none;height:40px;width:40px;border-radius:50%;background:#ffd24b;box-shadow:0 2px 5px #b9b9b9;line-height:40px;text-align:center;border:2px solid #fff;transition:right;transition-duration:.16s;transition-timing-function:ease-in;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{top:5px;position:absolute;right:5px;display:block;font-size:1.5em;color:#fff;outline:none;height:40px;width:40px;border-radius:50%;background:#ffd24b;box-shadow:0 2px 5px #b9b9b9;line-height:40px;text-align:center;border:2px solid #fff;transition:right;transition-duration:.16s;transition-timing-function:ease-in;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{display:none;position:absolute;bottom:20px;left:20px;width:250px;z-index:98}.pinned-notes{display:block;outline:none;background:transparent;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{font-size:.8rem;box-shadow:1px 2px 3px #b98b06a1;padding:0;margin-bottom:10px;background-color:#fff1ac;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{padding-top:5px;width:25px;height:25px;text-align:center;position:absolute;right:-15px;top:-15px;background:#ffc003;box-shadow:1px 2px 3px #b98b06a1;border-radius:50%;cursor:pointer;color:#fff;border:1px solid #fff;z-index:1}.pinned-note-header-line{position:absolute;left:3px;width:13px;box-shadow:1px 1px 2px #0006;border:1px solid #fff;margin-bottom:.5rem;margin-top:.5rem;height:calc(100% - 1rem);max-height:20px}.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{opacity:.8;display:none;width:14px;height:14px;float:left;margin-right:2px}.pinned-note-header-button-complete{padding-top:2px;display:none}.pinned-note-body{float:right;width:100%;padding:.5rem .5rem .5rem 25px}.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-unpin,.pinned-note-body:hover .pinned-note-header-button-complete{display:block}.pinned-note-line-title{display:block;font-weight:700;padding-bottom:6px;color:#333}.pinned-note-line{display:block}.view-port{position:absolute;display:none;height:0;width:0;background:transparent;z-index:999;box-shadow:0 0 0 9999px #00000096;border-radius:5px}.view-port-mask{position:absolute;display:block;height:100%;width:100%;top:0;left:0;background:transparent;z-index:9998}.tinymce-control{width:100%;border:1px solid #ccc;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;display:none}.input-tab-trap{opacity:0!important;filter:alpha(opacity=0)!important;width:0!important;overflow:hidden!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}video,video:focus,audio,audio:focus{outline:none}.iv-image-view img.iv-image{animation:fadein .5s;visibility:hidden!important}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-top:0;padding-bottom: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{color:#fff;background-color:#007ad9;border:1px solid #007ad9;font-size:14px;transition:background-color .2s,box-shadow .2s;border-radius:3px}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;color:#fff;border-color:#116fbf}body .fc .fc-toolbar .fc-button:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2em #8dcdff}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-top-right-radius:3px;border-bottom-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-top-left-radius:3px;border-bottom-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.old-content,.fc-axis,.fc-timeGridDay-button,.fc-timeGridWeek-button,.fc-dayGridMonth-button{text-indent:-9999px;line-height:0}.new-content,.fc-axis:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.fc-dayGridMonth-button:after{text-indent:0;display:block;line-height:initial}.fc-dayGridMonth-button:after{content:\"Th\\e1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\\1ea7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\\e0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group p-button,.ui-fluid .button-group button{margin-right:.5em!important;width:auto;text-align:left}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-immediately,.base-status-urgent,.base-status-high,.base-status-medium,.base-status-low,.base-status-ended,.base-status-aborted,.base-status-completed,.base-status-rejected,.base-status-returned,.base-status-approved,.base-status-pending,.base-status-on-conducting,.base-status-on-going,.base-status-create-new{padding:3px;border-radius:.25em;color:#fff;font-size:.8em;text-align:center}.base-status-create-new{color:#666;background-color:#f2f2f2}.base-status-on-going,.base-status-on-conducting{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{color:#666;background-color:#f2f2f2}.base-status-high{background-color:#ffba01}.base-status-urgent,.base-status-immediately{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 tn-mask,.crud-form dropdown{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{position:relative;padding-left:20px;margin-bottom:5px;display:block}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";position:absolute;left:0;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 th,.table-sticky tr td{border:none!important;border-right:1px solid #eee!important;border-bottom:1px solid #eee!important}.table-sticky tr th:first-child,.table-sticky tr td:first-child{border-left:1px solid #eee!important}.table-sticky tr th:last-child,.table-sticky tr td: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 white!important}.table-sticky.fix-height tr:first-child th{position:sticky;top:0;z-index:2}.container-flex{display:flex;align-items:center}.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-top:.5em;padding-right:.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{position:absolute;left:0;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{display:flex;justify-content:center;align-items: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:initial;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-weight:700;font-family:cursive}.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;flex:1 1;display:flex;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{padding-top:.5em;overflow:hidden;position:absolute;left:0;top:0;width:100%;height: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{margin-left:0;max-width:200px;width:100%;height:26px}.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{position:absolute;height:100%;width:100%;overflow:auto}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:#6d6d6d80;width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;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:initial}.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-right-arrow-icon,.tn-animated-left-arrow-icon{height:32px;width:14px;position:relative;z-index:10}.tn-animated-right-arrow-icon{animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-right-arrow-icon:before,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-left-arrow-icon:after{content:\"\";position:absolute;background-color:#88b0dd;width:5px;height:20px;display:block}.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)}@keyframes arrowBounceToLeft{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes arrowBounceToRight{0%{transform:translate(3px)}to{transform:translate(-3px)}}.pass{color:#49c949;margin:5px;text-align:center}.not-pass{color:red;margin:5px;text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.ChatService }, { type: i2.MessageBoardService }, { type: i3.UserService }, { type: i4.CheckControlVisibleService }, { type: i5.SignalRService }, { type: i6.FileExplorerService }, { type: i7.CrudService }, { type: i8.NotifierService }, { type: i9.EnvironmentService }]; }, propDecorators: { taskId: [{