tnx-shared 5.3.428 → 5.3.429

package/bundles/tnx-shared.umd.js

@@ -38393,7 +38393,6 @@
                             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,
@@ -40521,7 +40520,6 @@
                             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,
@@ -48910,8 +48908,16 @@
             _this.onPick = new i0.EventEmitter();
             _this.onPickAll = new i0.EventEmitter();
             _this.onPickSelected = new i0.EventEmitter();
+            _this.template = {};
+            // Context truyền vào templateFilterHeader để template gọi ngược lại (onChange/reload)
+            _this.filterHeaderContext = {
+                $implicit: _this,
+                onChange: function (value) { return _this.handleFilterHeaderChange(value); },
+                reload: function () { return _this._triggerProcessData(); },
+            };
             _this.showFormAdvancedSearch = false;
             _this.popupSizeSearchForm = new PopupSize({ width: 1000, height: 700 });
+            _this.schemaData = {};
             _this.lstDataNotExist = [];
             return _this;
         }
@@ -49154,14 +49160,35 @@
             this.searchData = model;
             this._triggerProcessData();
         };
+        EntityPickerDataComponent.prototype.handleFilterHeaderChange = function (value) {
+            console.log(value);
+            // Nhận sự kiện onChange từ templateFilterHeader, mặc định lọc lại lưới
+            this._triggerProcessData();
+        };
+        EntityPickerDataComponent.prototype.findTemplate = function (templateName) {
+            var _a;
+            return (_a = this._commonService.findTemplateFromList(this.children, templateName)) !== null && _a !== void 0 ? _a : this._commonService.findTemplateFromList(this.templates, templateName);
+        };
+        EntityPickerDataComponent.prototype.hasTemplate = function (templateName) {
+            if (this.template[templateName] === undefined) {
+                this.template[templateName] = this.findTemplate(templateName);
+            }
+            return this.template[templateName] != null;
+        };
+        EntityPickerDataComponent.prototype.getTemplate = function (templateName) {
+            if (this.template[templateName] === undefined) {
+                this.template[templateName] = this.findTemplate(templateName);
+            }
+            return this.template[templateName];
+        };
         return EntityPickerDataComponent;
     }(DataListBase));
     EntityPickerDataComponent.decorators = [
         { type: i0.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 = function () { return [
@@ -49183,7 +49210,8 @@
         onRowSelect: [{ type: i0.Output }],
         onPick: [{ type: i0.Output }],
         onPickAll: [{ type: i0.Output }],
-        onPickSelected: [{ type: i0.Output }]
+        onPickSelected: [{ type: i0.Output }],
+        children: [{ type: i0.ContentChildren, args: [i0.TemplateRef,] }]
     };
 
     var EntityPickerSelectedComponent = /** @class */ (function (_super) {
@@ -57637,6 +57665,9 @@
             return _this;
         }
         UserPickerBoxComponent.prototype.ngOnInit = function () {
+            if (this.controlSetting.templateFilterHeader) {
+                this.control.templateFilterHeader = this.controlSetting.templateFilterHeader;
+            }
             this.control.plusUrl = 'ForUserPicker';
             this.control.filterWhileProcess = [
                 this.newFilter('userType', exports.Operator.equal, this.controlSetting.userType)