tnx-shared 5.1.403 → 5.1.404

package/fesm2015/tnx-shared.js

@@ -8027,6 +8027,49 @@ class ComponentBase {
             show: false
         });
     }
+    addDistinct(lst, value) {
+        if (lst.indexOf(value) == -1) {
+            lst.push(value);
+        }
+    }
+    addDistinctList(lst, lstValue) {
+        if (!lstValue || !lstValue.length)
+            return;
+        lstValue.forEach(value => {
+            if (lst.indexOf(value) == -1) {
+                lst.push(value);
+            }
+        });
+    }
+    /**
+    * Convert 1 array => N array
+    * @param lst Mảng phần tử
+    * @param fields Mảng các field, nếu field là kiểu array thì nghĩa là mún map distinct
+    * @returns N Array
+    */
+    multipleMap(lst, ...fields) {
+        const result = [];
+        const funcs = [];
+        const rawFields = [];
+        const _push = (lst, value) => lst.push(value);
+        fields.forEach(field => {
+            result.push([]);
+            if (Array.isArray(field)) {
+                funcs.push(this.addDistinct);
+                rawFields.push(field[0]);
+            }
+            else {
+                funcs.push(_push);
+                rawFields.push(field);
+            }
+        });
+        lst.forEach(item => {
+            rawFields.forEach((field, index) => {
+                funcs[index](result[index], item[field]);
+            });
+        });
+        return result;
+    }
     _printPdf(baseService, id, rowData) {
         return __awaiter(this, void 0, void 0, function* () {
             const itemDetail = (yield baseService.getDetail(id)).data;
@@ -13490,6 +13533,9 @@ class ControlTreeNode {
     setCrudForm(crudForm) {
         this._crudForm = crudForm;
     }
+    get crudForm() {
+        return this.rootNode._crudForm;
+    }
     get parentModel() {
         if (this.parentNode)
             return this.parentNode.model;
@@ -13625,12 +13671,29 @@ class ControlTreeNode {
             tableNode.model = [];
         }
         tableNode.model.splice(0, tableNode.model.length);
+        tableNode.setDataSourceInternal(dataSource);
+    }
+    setDataSourceInternal(dataSource) {
+        if (!(this.control instanceof TableSchema))
+            return;
         if (dataSource.length == 0) {
-            tableNode.reinitChildNodes();
+            this.reinitChildNodes();
             return;
         }
         for (let i = 0; i < dataSource.length; i++) {
-            this.rootNode._crudForm.addNewRow(tableNode.control, path, null, true, dataSource[i], i == dataSource.length - 1);
+            this.rootNode._crudForm.addNewRow(this.control, this.modelPath, null, true, dataSource[i], i == dataSource.length - 1);
+        }
+    }
+    setValue(value) {
+        if (this.control instanceof TableSchema) {
+            this.setDataSourceInternal(value);
+        }
+        else if (this.control instanceof ContainerSchema) {
+            this.parentNode.data[this.control.field] = value;
+            this.crudForm.initControlDefaultValue(this.parentNode.data, this.control, this.parentNode.modelPath);
+        }
+        else {
+            this.model = value;
         }
     }
 }
@@ -14566,7 +14629,11 @@ class DataFormBase extends ComponentBaseWithButton {
         schema.required = false;
     }
     _setModelValue(field, value) {
-        this.crudForm._modelData[field] = value;
+        const node = this.crudForm._rootNode.getNodeByPath(field);
+        this._setModelValueByNode(node, value);
+    }
+    _setModelValueByNode(node, value) {
+        node.setValue(value);
         this.crudForm.fireModelChanged();
     }
     modifyDetailData(data) {
@@ -23029,7 +23096,13 @@ class FileObjectService extends BaseService {
     constructor(http, injector, _moduleConfigService) {
         super(http, injector, `${_moduleConfigService.getConfig().environment.apiDomain.fileEndpoint}/${_moduleConfigService.getConfig().environment.apiVersion}/FileObject`);
         this._moduleConfigService = _moduleConfigService;
+        this.thumborEndpoint = '';
         this.endPoint = _moduleConfigService.getConfig().environment.apiDomain.fileEndpoint;
+        this.thumborEndpoint = _moduleConfigService.getConfig().environment.apiDomain.thumbor;
+    }
+    getFileUrlWithThumbor(fileId, width = 0, height = 0) {
+        const url = `${this.thumborEndpoint}/unsafe/${width}x${height}/smart/${this.endPoint}/v5/FileObject/public/${fileId}/download`;
+        return url;
     }
     copyMultipleFile(idsFile, idDesFolder) {
         const url = `${this.serviceUri}/CopyMultipleFile?parentFolderId=${idDesFolder}`;
@@ -31388,7 +31461,9 @@ class FilePickerDialogComponent extends DataFormBase {
             }
         }
         if (element.extension.toUpperCase() == '.PNG' || element.extension.toUpperCase() == '.JPG' || element.extension.toUpperCase() == '.JPEG') {
-            result = '<div style="width:100%; margin-bottom: 15px;text-align: center;"><img style="display:block; margin:auto;" width="500" src="' + this._fileObjectService.endPoint + '/v5/FileObject/public/' + element.id + '/download" /><p><em>Tiêu đề hình ảnh</em></p></div>';
+            result = '<div style="width:100%; margin-bottom: 15px;text-align: center;"><img style="display:block; margin:auto;" width="500" src="'
+                + this._fileObjectService.getFileUrlWithThumbor(element.id, 1080)
+                + '" /><p><em>Tiêu đề hình ảnh</em></p></div>';
         }
         else if (element.extension.toUpperCase() == '.MP3' || element.extension.toUpperCase() == '.WMA' || element.extension.toUpperCase() == '.FLAC' || element.extension.toUpperCase() == '.AAC' || element.extension.toUpperCase() == '.OGG') {
             result = '<div style="width:100%; margin-bottom: 15px"><audio style="display: block;margin-left: auto;margin-right: auto;" controls><source src="' + this._fileObjectService.endPoint + '/v5/FileObject/public/' + element.id + '/download" type="audio/mpeg"></audio></div>';
@@ -31414,7 +31489,7 @@ class FilePickerDialogComponent extends DataFormBase {
 FilePickerDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'file-picker-dialog',
-                template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #fileManager let-control=\"control\">\r\n        <file-manager serviceCode=\"user\" entity=\"user\" entityKey=\"entityKey\" label=\"My folder\" [dataType]=\"model.data.fileType\"\r\n            (onSelected)=\"selectedFile($event)\"></file-manager>\r\n    </ng-template>\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\"\r\n        (click)=\"chooseFiles($event)\"></button>\r\n\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>\r\n",
+                template: "<crud-form #crudForm [(data)]=\"model.data\" [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n    <ng-template #fileManager let-control=\"control\">\r\n        <file-manager serviceCode=\"user\" entity=\"user\" [entityKey]=\"entityKey\" label=\"My folder\"\r\n            [dataType]=\"model.data.fileType\" (onSelected)=\"selectedFile($event)\"></file-manager>\r\n    </ng-template>\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\"\r\n        (click)=\"chooseFiles($event)\"></button>\r\n\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"_handleCancel($event)\"></button>\r\n</ng-template>",
                 providers: [ComponentContextService],
                 styles: [""]
             },] }
@@ -34967,25 +35042,16 @@ class ProcessWorkflowFormComponent extends DataFormBase {
             roleIds: (_f = this.action.data.roleViewIds) !== null && _f !== void 0 ? _f : [],
             type: EnumProcessWorkflowType.VIEW
         };
-        this.addDistinct(this.dataAllowEdit.userIds, this.initValueForTargetForm.lstUserId);
-        this.addDistinct(this.dataAllowEdit.departmentIds, this.initValueForTargetForm.lstDonViId);
-        this.addDistinct(this.dataAllowEdit.groupIds, this.initValueForTargetForm.lstGroupId);
-        this.addDistinct(this.dataAllowEdit.roleIds, this.initValueForTargetForm.lstRoleId);
-        this.addDistinct(this.dataOnlyView.userIds, this.initValueForTargetForm.lstUserViewId);
-        this.addDistinct(this.dataOnlyView.departmentIds, this.initValueForTargetForm.lstDonViViewId);
-        this.addDistinct(this.dataOnlyView.groupIds, this.initValueForTargetForm.lstGroupViewId);
-        this.addDistinct(this.dataOnlyView.roleIds, this.initValueForTargetForm.lstRoleViewId);
+        this.addDistinctList(this.dataAllowEdit.userIds, this.initValueForTargetForm.lstUserId);
+        this.addDistinctList(this.dataAllowEdit.departmentIds, this.initValueForTargetForm.lstDonViId);
+        this.addDistinctList(this.dataAllowEdit.groupIds, this.initValueForTargetForm.lstGroupId);
+        this.addDistinctList(this.dataAllowEdit.roleIds, this.initValueForTargetForm.lstRoleId);
+        this.addDistinctList(this.dataOnlyView.userIds, this.initValueForTargetForm.lstUserViewId);
+        this.addDistinctList(this.dataOnlyView.departmentIds, this.initValueForTargetForm.lstDonViViewId);
+        this.addDistinctList(this.dataOnlyView.groupIds, this.initValueForTargetForm.lstGroupViewId);
+        this.addDistinctList(this.dataOnlyView.roleIds, this.initValueForTargetForm.lstRoleViewId);
         this.formReady = true;
     }
-    addDistinct(dest, source) {
-        if (!source || !source.length)
-            return;
-        source.forEach(item => {
-            if (dest.indexOf(item) == -1) {
-                dest.push(item);
-            }
-        });
-    }
     onFormInitialized(evt) {
         return __awaiter(this, void 0, void 0, function* () {
             evt.model.id = this._commonService.guid();
@@ -39410,6 +39476,7 @@ class AddNewsComponent extends DataListBase {
     }
     modifyGridInfo(gridInfo) {
         return __awaiter(this, void 0, void 0, function* () {
+            gridInfo.fields = 'id,name,newsCategoryId,type,articleType,numberView,modified,releaseDate';
             gridInfo.filters.splice(0, 0, this.newFilter('type', Operator.equal, 'NEWS'));
             gridInfo.filters.splice(0, 0, this.newFilter('statusView', Operator.equal, ItemStatus.DaXuatBan));
             gridInfo.filters.splice(0, 0, this.newFilter('releaseDate', Operator.lowerThanEqual, new Date()));
@@ -40357,14 +40424,18 @@ class AutoCompletePickerComponent extends ComponentBase {
         this._commonService.addDistinct(arrDisplayField, arrField);
         return arrField.toString();
     }
-    getDropdownOptions() {
-        return new DropdownOptions({
+    getDropdownOptions(pageSize = null) {
+        const result = new DropdownOptions({
             displayField: this.control.displayField,
             valueField: this.control.valueField,
             fieldPlus: this.control.fieldPlus,
             funcGetLabel: this.control.funcGetLabel,
             plusUrl: this.control.plusUrl
         });
+        if (pageSize) {
+            result.pageSize = pageSize;
+        }
+        return result;
     }
     showPickForm() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -40591,7 +40662,7 @@ class AutoCompletePickerComponent extends ComponentBase {
                     if (this.value && this.value.length > 0) {
                         dataSource = yield this.control.baseService.getDataDropdownByFilter([
                             this.newFilter(this.control.valueField, Operator.in, this.value)
-                        ], this.getDropdownOptions());
+                        ], this.getDropdownOptions(this.value.length));
                         this.fireEventAfterGetDataDropDown(dataSource);
                     }
                     this.reStructureDataSource(dataSource);
@@ -40602,7 +40673,7 @@ class AutoCompletePickerComponent extends ComponentBase {
                     if (this.value) {
                         dataSource = yield this.control.baseService.getDataDropdownByFilter([
                             this.newFilter(this.control.valueField, Operator.equal, this.value)
-                        ], this.getDropdownOptions());
+                        ], this.getDropdownOptions(1));
                         this.fireEventAfterGetDataDropDown(dataSource);
                     }
                     this.reStructureDataSource(dataSource);
@@ -40659,7 +40730,7 @@ class AutoCompletePickerComponent extends ComponentBase {
                     const filters = [];
                     filters.push(this.newFilter(this.control.valueField, Operator.in, obj));
                     yield appendDefaultFilter(filters, this.control.defaultFilters);
-                    this.control.baseService.getDataDropdownByFilter(filters, this.getDropdownOptions()).then(res => {
+                    this.control.baseService.getDataDropdownByFilter(filters, this.getDropdownOptions(obj.length)).then(res => {
                         this.fireEventAfterGetDataDropDown(res);
                         this.reStructureDataSource(res);
                         this.results = this.dataSource;
@@ -40675,7 +40746,7 @@ class AutoCompletePickerComponent extends ComponentBase {
             }
             else {
                 if (obj != null) {
-                    this.control.baseService.getDataDropdownByFilter([this.newFilter(this.control.valueField, Operator.equal, obj)], this.getDropdownOptions()).then(res => {
+                    this.control.baseService.getDataDropdownByFilter([this.newFilter(this.control.valueField, Operator.equal, obj)], this.getDropdownOptions(1)).then(res => {
                         if (res.length > 0) {
                             this.fireEventAfterGetDataDropDown(res);
                             this.reStructureDataSource(res);