tnx-shared 5.3.191 → 5.3.193

package/bundles/tnx-shared.umd.js

@@ -789,7 +789,7 @@
     (function (FileExtensions) {
         FileExtensions["VIDEO"] = ".MP4,.MOV,.AVI,.FLV,.WMV";
         FileExtensions["IMAGE"] = ".JPG,.JPEG,.PNG,.TIF,.GIF";
-        FileExtensions["DOC"] = ".DOC,.DOCX,.PDF,.XLS,.XLSX,.TXT,.CSV,.XML,.HTML";
+        FileExtensions["DOC"] = ".DOC,.DOCX,.PDF,.XLS,.XLSX,.TXT,.CSV,.XML,.HTML,.PPTX,.PPTM,.PPT";
         FileExtensions["AUDIO"] = ".MP3,.WAV,.M4A";
         FileExtensions["COMPRESSED"] = ".ZIP,.SITX,.RAR,.7Z,.GZ,.TAR";
     })(exports.FileExtensions || (exports.FileExtensions = {}));
@@ -2028,6 +2028,7 @@
             _this.selectedItemsLabel = 'Đã chọn {0} mục';
             _this.selectedAllItemLabel = 'Đã chọn tất cả';
             _this.filterPlaceholder = 'Nhập tìm kiếm';
+            _this.serverLoadMessage = 'Dữ liệu sẽ được làm mới khi tìm kiếm';
             _this.showClear = true;
             _this.filter = true;
             _this.multiple = false;
@@ -21773,7 +21774,6 @@
             _this.FileUploadMode = exports.FileUploadMode;
             _this.Operator = exports.Operator;
             _this.showSaveReorder = false;
-            _this.settingDefault = new CrudListSetting();
             _this._unSubscribeAll = new rxjs.Subject();
             _this.handleSelectRow = function (evt, data) {
                 if (_this.setting.hasCustomHandleClickRow) {
@@ -22017,7 +22017,6 @@
             _this.handleCheckAll = _this.handleCheckAll.bind(_this);
             _this.handleCheckAll_Group = _this.handleCheckAll_Group.bind(_this);
             _this.environment = _this._moduleConfigService.getConfig().environment;
-            _this.settingDefault = Object.assign(_this.setting, _this.settingDefault);
             return _this;
         }
         Object.defineProperty(ListComponentBase.prototype, "_table", {
@@ -33118,7 +33117,7 @@
     DropdownComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dropdown',
-                    template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\"\n    [class.server-load]=\"control.isServerLoad\">\n    <span class=\"server-load-info\" pTooltip=\"D\u1EEF li\u1EC7u s\u1EBD \u0111\u01B0\u1EE3c l\u00E0m m\u1EDBi khi t\u00ECm ki\u1EBFm\" tooltipPosition=\"top\"></span>\n    <p-dropdown *ngIf=\"!control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filterPlaceholder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [placeholder]=\"control.placeholder\"\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\n        [disabled]=\"checkDisabled(control)\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\n            <ng-container\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\n            </ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\n        </ng-template>\n    </p-dropdown>\n    <p-multiSelect *ngIf=\"control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filter]=\"control.filter\" [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\"\n        [filterPlaceHolder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [panelStyleClass]=\"getPanelClass()\"\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"checkDisabled(control)\"\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\n        (onPanelHide)=\"onHideHandler($event)\">\n        <ng-template pTemplate=\"selectedItems\" let-value>\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\n            <ng-container *ngIf=\"value && value.length > 0\">\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\n                    {{getItemSelectedLabel(selectedItem)}}<span class=\"remove-item\"\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\n                </span>\n            </ng-container>\n        </ng-template>\n    </p-multiSelect>\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\n    <span #buttonSetting class=\"button-setting hide pi pi-cog\" (click)=\"showFormSetting()\"></span>\n    <after-view-checked *ngIf=\"!loading\" (loaded)=\"handleLoaded()\"></after-view-checked>\n    <button *ngIf=\"control.quickAdd && (control.cols || control.quickAddTemplate)\" type=\"button\" pButton\n        icon=\"pi pi-plus\" class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\"\n        tooltipPosition=\"top\" (click)=\"showFormQuickAdd()\"></button>\n</div>\n<tn-dialog *ngIf=\"quickAddDialogModel.showEditForm\" #dialog [header]=\"quickAddDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"quickAddDialogModel.showEditForm = false\">\n    <quick-add-form *ngIf=\"control.cols\" #formBase [parentModel]=\"model\" [parentContext]=\"context\"\n        [model]=\"quickAddDialogModel.data.formModel\" [control]=\"control\" [baseService]=\"control.baseService\"\n        (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\n    </quick-add-form>\n</tn-dialog>\n<tn-dialog *ngIf=\"settingDialogModel.showEditForm\" #dialog [header]=\"settingDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"settingDialogModel.showEditForm = false\">\n    <dropdown-setting-form #formBase [model]=\"settingDialogModel.data.formModel\" (onSaved)=\"handleSavedSetting()\"\n        (onCancel)=\"settingDialogModel.showEditForm = false\">\n    </dropdown-setting-form>\n</tn-dialog>\n<ng-container *ngTemplateOutlet=\"control.quickAddTemplate; context: {\n    handleSaved: handleSaved,\n    handleCancel: handleCancel,\n    dialogModel: quickAddDialogModel\n}\"></ng-container>",
+                    template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\"\n    [class.server-load]=\"control.isServerLoad\">\n    <span class=\"server-load-info\" [pTooltip]=\"control.serverLoadMessage\" tooltipPosition=\"top\"></span>\n    <p-dropdown *ngIf=\"!control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filterPlaceholder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [placeholder]=\"control.placeholder\"\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\n        [disabled]=\"checkDisabled(control)\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\n            <ng-container\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\n            </ng-container>\n        </ng-template>\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\n        </ng-template>\n    </p-dropdown>\n    <p-multiSelect *ngIf=\"control.multiple\" optionDisabled=\"inactive\" [options]=\"dataSourceInternal\"\n        [filter]=\"control.filter\" [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\"\n        [filterPlaceHolder]=\"!control.isServerLoad ? control.filterPlaceholder : ''\" [panelStyleClass]=\"getPanelClass()\"\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"checkDisabled(control)\"\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\n        (onPanelHide)=\"onHideHandler($event)\">\n        <ng-template pTemplate=\"selectedItems\" let-value>\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\n            <ng-container *ngIf=\"value && value.length > 0\">\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\n                    {{getItemSelectedLabel(selectedItem)}}<span class=\"remove-item\"\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\n                </span>\n            </ng-container>\n        </ng-template>\n    </p-multiSelect>\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\n    <span #buttonSetting class=\"button-setting hide pi pi-cog\" (click)=\"showFormSetting()\"></span>\n    <after-view-checked *ngIf=\"!loading\" (loaded)=\"handleLoaded()\"></after-view-checked>\n    <button *ngIf=\"control.quickAdd && (control.cols || control.quickAddTemplate)\" type=\"button\" pButton\n        icon=\"pi pi-plus\" class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\"\n        tooltipPosition=\"top\" (click)=\"showFormQuickAdd()\"></button>\n</div>\n<tn-dialog *ngIf=\"quickAddDialogModel.showEditForm\" #dialog [header]=\"quickAddDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"quickAddDialogModel.showEditForm = false\">\n    <quick-add-form *ngIf=\"control.cols\" #formBase [parentModel]=\"model\" [parentContext]=\"context\"\n        [model]=\"quickAddDialogModel.data.formModel\" [control]=\"control\" [baseService]=\"control.baseService\"\n        (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\n    </quick-add-form>\n</tn-dialog>\n<tn-dialog *ngIf=\"settingDialogModel.showEditForm\" #dialog [header]=\"settingDialogModel.header | translate\"\n    [popupSize]=\"control.popupSize\" (onHide)=\"settingDialogModel.showEditForm = false\">\n    <dropdown-setting-form #formBase [model]=\"settingDialogModel.data.formModel\" (onSaved)=\"handleSavedSetting()\"\n        (onCancel)=\"settingDialogModel.showEditForm = false\">\n    </dropdown-setting-form>\n</tn-dialog>\n<ng-container *ngTemplateOutlet=\"control.quickAddTemplate; context: {\n    handleSaved: handleSaved,\n    handleCancel: handleCancel,\n    dialogModel: quickAddDialogModel\n}\"></ng-container>",
                     providers: [ComponentContextService],
                     styles: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.tn-dropdown .server-load-info{display:none}.tn-dropdown.server-load{position:relative}.tn-dropdown.server-load .server-load-info{display:block;position:absolute;top:0;left:0;width:6px;height:6px}.tn-dropdown.server-load .server-load-info:before{content:\"\";display:block;position:absolute;top:-6px;left:-6px;z-index:1;transform:rotate(45deg);border:6px solid transparent;border-right-color:green}.input-mask{position:absolute;z-index:1;width:100%;padding-left:12px;padding-right:32px;box-sizing:border-box;border:1px solid transparent;outline:none;background:transparent;border-radius:3px}.input-mask.hide{display:none}.input-mask:focus{box-shadow:0 0 0 .2rem #a6d5fa;border-color:#2196f3}.button-setting{position:absolute;width:30px;height:30px;top:1px;right:1px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;background:#fff;border-radius:3px}.button-setting.hide{display:none}.custom-select-item{display:inline-flex;align-items:center;background:#d2eefb;border-radius:3px;padding:3px 5px;margin:0 0 0 3px;border:1px solid #a9d8ff}.custom-select-item>span{font-size:12px;color:#555;margin-left:3px}.custom-select-item>span i{font-size:10px}.custom-select-item.min{padding:1px 5px;margin-left:2px}.custom-select-item:first-child{margin-left:0}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{padding:.2em;height:22px;width:calc(100% - 2px);box-sizing:border-box;text-indent:1.5em;left:1px;top:1px}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}"]
                 },] }
@@ -35668,7 +35667,7 @@
             _this.chooseLabel = 'Chọn';
             _this.readonly = true;
             _this.showDeleteFile = true;
-            _this.accept = 'image/*,.xlsx,.xls,.pdf,.doc,.docx,.zip,.rar';
+            _this.accept = 'image/*,.xlsx,.xls,.pdf,.doc,.docx,.zip,.rar,.ppt, .pptx)';
             _this.maxFileSize = 100000000; // Size in byte
             _this.invalidFileSizeMessageSummary = '{0}: Quá dung lượng file cho phép, ';
             _this.invalidFileSizeMessageDetail = 'dung lượng tối đa là {0}.';