tnx-shared 5.3.428 → 5.3.429

package/fesm2015/tnx-shared.js

@@ -28624,7 +28624,6 @@ class FileUploadComponent extends ComponentBase {
             if (!dataKySo) {
                 this._notifierService.showWarning('Người dùng chưa cấu hình thông tin ký số');
             }
-            debugger;
             this.forms.fileViewer.formData.data = {
                 fileId: sourceFileId,
                 isFileVersion: false,
@@ -35547,7 +35546,6 @@ class ServiceFileUploadComponent extends ComponentBase {
             if (!dataKySo) {
                 this._notifierService.showWarning('Người dùng chưa cấu hình thông tin ký số');
             }
-            debugger;
             this.forms.fileViewer.formData.data = {
                 fileId: sourceFileId,
                 isFileVersion: false,
@@ -40742,8 +40740,16 @@ class EntityPickerDataComponent extends DataListBase {
         this.onPick = new EventEmitter();
         this.onPickAll = new EventEmitter();
         this.onPickSelected = new EventEmitter();
+        this.template = {};
+        // Context truyền vào templateFilterHeader để template gọi ngược lại (onChange/reload)
+        this.filterHeaderContext = {
+            $implicit: this,
+            onChange: (value) => this.handleFilterHeaderChange(value),
+            reload: () => this._triggerProcessData(),
+        };
         this.showFormAdvancedSearch = false;
         this.popupSizeSearchForm = new PopupSize({ width: 1000, height: 700 });
+        this.schemaData = {};
         this.lstDataNotExist = [];
     }
     set selectedValue(value) {
@@ -40935,13 +40941,34 @@ class EntityPickerDataComponent extends DataListBase {
         this.searchData = model;
         this._triggerProcessData();
     }
+    handleFilterHeaderChange(value) {
+        console.log(value);
+        // Nhận sự kiện onChange từ templateFilterHeader, mặc định lọc lại lưới
+        this._triggerProcessData();
+    }
+    findTemplate(templateName) {
+        var _a;
+        return (_a = this._commonService.findTemplateFromList(this.children, templateName)) !== null && _a !== void 0 ? _a : this._commonService.findTemplateFromList(this.templates, templateName);
+    }
+    hasTemplate(templateName) {
+        if (this.template[templateName] === undefined) {
+            this.template[templateName] = this.findTemplate(templateName);
+        }
+        return this.template[templateName] != null;
+    }
+    getTemplate(templateName) {
+        if (this.template[templateName] === undefined) {
+            this.template[templateName] = this.findTemplate(templateName);
+        }
+        return this.template[templateName];
+    }
 }
 EntityPickerDataComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-entity-picker-data',
-                template: "<crud-list #crudList [templates]=\"templates\" [menuButtons]=\"getMenuButtons\" [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\n    [showScrollHorizontal]=\"true\" (onContentInit)=\"onContentInit.emit($event)\" (onReload)=\"_triggerProcessData($event)\"\n    (onAdd)=\"_add($event)\" (onRowSelect)=\"handleRowSelect($event)\" (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\"\n    (onDelete)=\"_delete($event)\" (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\n    <ng-template #customTitle>\n        <h1 [innerHTML]=\"dom.bypassSecurityTrustHtml(control.titleUnPicked)\"></h1>\n    </ng-template>\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\n        <button *ngIf=\"(isSingleSelection || model.total <= 0) && !model.dataSource.length && setting.hiddenAdvanceSearch\" pButton\n            style=\"visibility: hidden\"></button>\n        <button *ngIf=\"!isSingleSelection && model.total > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.total}})\" icon=\"pi pi-angle-double-right\" class=\"p-button-text p-button-success\"\n            [disabled]=\"model.loading\" (click)=\"pickAll()\"></button>\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\n            class=\"p-button-text p-button-success\" [disabled]=\"model.loading\"\n            (click)=\"pickSelected(selectedItems)\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length\" type=\"button\" pButton pRipple label=\"T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng\"\n            icon=\"pi pi-search\" class=\"p-button-text p-button-primary\" [disabled]=\"model.loading\"\n            (click)=\"handleAdvansearch()\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length && searchData\" type=\"button\" pButton pRipple\n            label=\"X\u00F3a danh s\u00E1ch t\u00ECm ki\u1EBFm\" pTooltip=\"X\u00F3a t\u1EA5t c\u1EA3 ng\u01B0\u1EDDi d\u00F9ng \u1EDF Danh s\u00E1ch t\u00ECm ki\u1EBFm\" icon=\"pi pi-times\"\n            class=\"p-button-text p-button-primary\" [disabled]=\"model.loading\" (click)=\"handleSearch(null)\"></button>\n    </ng-template>\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\n            (click)=\"pickEntity(rowData)\"></button>\n    </ng-template>\n</crud-list>\n\n\n<tn-dialog *ngIf=\"showFormAdvancedSearch\" #dialog [styleClass]=\"'address-form'\" [header]=\"'T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng'\"\n    [popupSize]=\"popupSizeSearchForm\" [maskClass]=\"setting.maskClass\" (onHide)=\"showFormAdvancedSearch = false\">\n    <entity-picker-search-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [parentSetting]=\"setting\"\n        [datasourceFieldFilter]=\"datasourceFieldFilter\" [lstDataNotExist]=\"lstDataNotExist\" [model]=\"formModel\"\n        (onSearch)=\"handleSearch($event)\" (onCancel)=\"showFormAdvancedSearch = false;\">\n    </entity-picker-search-form>\n</tn-dialog>",
+                template: "<crud-list #crudList [templates]=\"templates\" [menuButtons]=\"getMenuButtons\" [model]=\"model\" [setting]=\"setting\"\n    [dataSource]=\"model.dataSource\" [showScrollHorizontal]=\"true\" (onContentInit)=\"onContentInit.emit($event)\"\n    (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\" (onRowSelect)=\"handleRowSelect($event)\"\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\n    <ng-template #customTitle>\n        <h1 [innerHTML]=\"dom.bypassSecurityTrustHtml(control.titleUnPicked)\"></h1>\n        <div class=\"header-search-box\" *ngIf=\"control.templateFilterHeader\">\n            <ng-container *ngTemplateOutlet=\"control.templateFilterHeader; context: filterHeaderContext\">\n            </ng-container>\n        </div>\n    </ng-template>\n\n    <ng-template #toolbar let-crudList=\"crudList\" let-selectedItems=\"selectedItems\">\n        <button\n            *ngIf=\"(isSingleSelection || model.total <= 0) && !model.dataSource.length && setting.hiddenAdvanceSearch\"\n            pButton style=\"visibility: hidden\"></button>\n        <button *ngIf=\"!isSingleSelection && model.total > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y t\u1EA5t c\u1EA3 ({{model.total}})\" icon=\"pi pi-angle-double-right\" class=\"p-button-text p-button-success\"\n            [disabled]=\"model.loading\" (click)=\"pickAll()\"></button>\n        <button *ngIf=\"!isSingleSelection && selectedItems.length > 0\" type=\"button\" pButton pRipple\n            label=\"L\u1EA5y m\u1EE5c \u0111\u00E3 ch\u1ECDn ({{selectedItems.length}})\" icon=\"pi pi-angle-right\"\n            class=\"p-button-text p-button-success\" [disabled]=\"model.loading\"\n            (click)=\"pickSelected(selectedItems)\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length\" type=\"button\" pButton pRipple label=\"T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng\"\n            icon=\"pi pi-search\" class=\"p-button-text p-button-primary\" [disabled]=\"model.loading\"\n            (click)=\"handleAdvansearch()\"></button>\n        <button *ngIf=\"datasourceFieldFilter.length && searchData\" type=\"button\" pButton pRipple\n            label=\"X\u00F3a danh s\u00E1ch t\u00ECm ki\u1EBFm\" pTooltip=\"X\u00F3a t\u1EA5t c\u1EA3 ng\u01B0\u1EDDi d\u00F9ng \u1EDF Danh s\u00E1ch t\u00ECm ki\u1EBFm\" icon=\"pi pi-times\"\n            class=\"p-button-text p-button-primary\" [disabled]=\"model.loading\" (click)=\"handleSearch(null)\"></button>\n    </ng-template>\n    <ng-template let-crudList=\"crudList\" #function let-rowData=\"rowData\">\n        <button pButton type=\"button\" class=\"link-or-action p-button-success p-button-text p-button-rounded\"\n            icon=\"pi pi-check\" pTooltip=\"Ch\u1ECDn m\u1EE5c n\u00E0y\" tooltipPosition=\"top\" [disabled]=\"rowData.disabled\"\n            (click)=\"pickEntity(rowData)\"></button>\n    </ng-template>\n</crud-list>\n\n\n<tn-dialog *ngIf=\"showFormAdvancedSearch\" #dialog [styleClass]=\"'address-form'\" [header]=\"'T\u00ECm ki\u1EBFm nhi\u1EC1u ng\u01B0\u1EDDi d\u00F9ng'\"\n    [popupSize]=\"popupSizeSearchForm\" [maskClass]=\"setting.maskClass\" (onHide)=\"showFormAdvancedSearch = false\">\n    <entity-picker-search-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [parentSetting]=\"setting\"\n        [datasourceFieldFilter]=\"datasourceFieldFilter\" [lstDataNotExist]=\"lstDataNotExist\" [model]=\"formModel\"\n        (onSearch)=\"handleSearch($event)\" (onCancel)=\"showFormAdvancedSearch = false;\">\n    </entity-picker-search-form>\n</tn-dialog>",
                 providers: [ComponentContextService],
-                styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}"]
+                styles: ["::ng-deep app-entity-picker-data .custom-card{padding:.5em!important}::ng-deep app-entity-picker-data .header-search-box{padding:1rem 0}::ng-deep app-entity-picker-data .header-search-box p-dropdown .p-dropdown{min-width:300px}"]
             },] }
 ];
 EntityPickerDataComponent.ctorParameters = () => [
@@ -40963,7 +40990,8 @@ EntityPickerDataComponent.propDecorators = {
     onRowSelect: [{ type: Output }],
     onPick: [{ type: Output }],
     onPickAll: [{ type: Output }],
-    onPickSelected: [{ type: Output }]
+    onPickSelected: [{ type: Output }],
+    children: [{ type: ContentChildren, args: [TemplateRef,] }]
 };
 
 class EntityPickerSelectedComponent extends DataListBase {
@@ -49806,6 +49834,9 @@ class UserPickerBoxComponent extends ComponentBase {
         }
     }
     ngOnInit() {
+        if (this.controlSetting.templateFilterHeader) {
+            this.control.templateFilterHeader = this.controlSetting.templateFilterHeader;
+        }
         this.control.plusUrl = 'ForUserPicker';
         this.control.filterWhileProcess = [
             this.newFilter('userType', Operator.equal, this.controlSetting.userType)