tnx-shared 5.3.335 → 5.3.336

package/fesm2015/tnx-shared.js

@@ -4679,6 +4679,7 @@ var EnumProperties;
     EnumProperties["NG_REFLECT_TEXT"] = "ng-reflect-text";
     EnumProperties["NG_REFLECT_LABEL"] = "ng-reflect-label";
     EnumProperties["CRUD_LIST"] = "crud-list";
+    EnumProperties["TREE_LIST"] = "tn-tree-table";
     EnumProperties["LABEL"] = "label";
     EnumProperties["TAG_NAME"] = "tagName";
     EnumProperties["TOOLTIP"] = "ptooltip";
@@ -10388,6 +10389,14 @@ class UserService extends BaseService {
         const url = `${this.serviceUri}/ValidatePassword/?password=${password}`;
         return this.defaultGet(url);
     }
+    getUserCache(cacheKey) {
+        const url = `${this.serviceUri}/GetUserCache/${cacheKey}`;
+        return this.defaultGet(url);
+    }
+    setUserCache(data) {
+        const url = `${this.serviceUri}/SetUserCache`;
+        return this.defaultPost(url, data);
+    }
 }
 UserService.ɵprov = i0.ɵɵdefineInjectable({ factory: function UserService_Factory() { return new UserService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(AuthenService), i0.ɵɵinject(i4.OAuthService), i0.ɵɵinject(SignalRService), i0.ɵɵinject(ExceptionHandlerService), i0.ɵɵinject(ApplicationContextService)); }, token: UserService, providedIn: "root" });
 UserService.decorators = [
@@ -19450,7 +19459,6 @@ class ListComponentBase extends ComponentBase {
         }
     }
     initColumnSchema(cols) {
-        var _a, _b, _c, _d, _e;
         if (!cols || !cols.length)
             return;
         let colFunction = null, colGroup = null, colHasToggleIcon = null;
@@ -19473,7 +19481,7 @@ class ListComponentBase extends ComponentBase {
             colHasToggleIcon = this.setting.cols[0];
         }
         colHasToggleIcon.colHasToggleIcon = true;
-        this.componentKey = `${location.pathname}/${((_e = (_d = (_c = (_b = (_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.closest('crud-list')) === null || _c === void 0 ? void 0 : _c.parentNode) === null || _d === void 0 ? void 0 : _d.tagName) === null || _e === void 0 ? void 0 : _e.toLowerCase()) || ''}${this.setting.settingKey ? '/' + this.setting.settingKey : ''}`;
+        this.getComponentKey();
         this.getColorSetting();
         this.getColumnSetting(colGroup);
         this.getPageSetting();
@@ -19482,6 +19490,12 @@ class ListComponentBase extends ComponentBase {
         this.applyColumnSetting();
         this.buildFilterColumn(this.setting.cols);
     }
+    getComponentKey() {
+        var _a, _b, _c, _d, _e;
+        const parentClass = this.isTreeTable ? EnumProperties.TREE_LIST : EnumProperties.CRUD_LIST;
+        const componentName = ((_e = (_d = (_c = (_b = (_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.closest(parentClass)) === null || _c === void 0 ? void 0 : _c.parentNode) === null || _d === void 0 ? void 0 : _d.tagName) === null || _e === void 0 ? void 0 : _e.toLowerCase()) || '';
+        this.componentKey = `${location.pathname}${componentName ? '/' + componentName : ''}${this.setting.settingKey ? '/' + this.setting.settingKey : ''}`;
+    }
     extendColumns(cols, appendCol = true) {
         this.setting.fieldNeedGetRef = [];
         if (!cols) {
@@ -23870,11 +23884,12 @@ class ListBase extends ComponentBaseWithButton {
     // #region crud
     loadItemFromQueryParam() {
         if (this.loadDetailFromQueryParam === undefined || this.loadDetailFromQueryParam === true) {
-            let idInQueryString = null;
+            let idInQueryString = null, isView = false;
             let pid = null; // permission Id được người khác share
             if (this._activatedRoute.snapshot
                 && this._activatedRoute.snapshot.queryParams) {
                 idInQueryString = this._activatedRoute.snapshot.queryParams.id || this._activatedRoute.snapshot.queryParams.entityKey;
+                isView = !!this._activatedRoute.snapshot.queryParams.isView;
                 pid = this._activatedRoute.snapshot.queryParams.pid;
             }
             if (pid) {
@@ -23882,22 +23897,36 @@ class ListBase extends ComponentBaseWithButton {
             }
             else if (idInQueryString) {
                 // get detail data
-                this.setting.baseService.getDetailWithPermission(idInQueryString)
-                    .then(res => {
-                    if (!res.data) {
+                if (isView) {
+                    this.setting.baseService.getDetail(idInQueryString)
+                        .then(res => {
+                        if (!res.data) {
+                            this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
+                        }
+                        this._viewOnly(res.data);
+                    }).catch(err => {
+                        this._loggerService.logError('error on get detail from querystring', err);
                         this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
-                    }
-                    if ((res.data.basePermission & PermissionBase.EDIT) == PermissionBase.EDIT
-                        || (res.data.basePermission & PermissionBase.READ) == PermissionBase.READ) {
-                        this._edit(res.data);
-                    }
-                    else {
-                        this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
-                    }
-                }).catch(err => {
-                    this._loggerService.logError('error on get detail from querystring', err);
-                    this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
-                });
+                    });
+                }
+                else {
+                    this.setting.baseService.getDetailWithPermission(idInQueryString)
+                        .then(res => {
+                        if (!res.data) {
+                            this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
+                        }
+                        if ((res.data.basePermission & PermissionBase.EDIT) == PermissionBase.EDIT
+                            || (res.data.basePermission & PermissionBase.READ) == PermissionBase.READ) {
+                            this._edit(res.data);
+                        }
+                        else {
+                            this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
+                        }
+                    }).catch(err => {
+                        this._loggerService.logError('error on get detail from querystring', err);
+                        this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
+                    });
+                }
             }
         }
     }
@@ -46480,7 +46509,7 @@ class TnDialogComponent {
 TnDialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'tn-dialog',
-                template: "<p-dialog #dialog [closeOnEscape]=\"closeOnEscape\" [appendTo]=\"'body'\" [focusOnShow]=\"false\" [focusTrap]=\"false\"\n    [header]=\"header | translate\" [(visible)]=\"visible\" [modal]=\"modal\" [responsive]=\"true\" [maximizable]=\"maximizable\"\n    [autoZIndex]=\"true\" [styleClass]=\"styleClass\" [maskStyleClass]=\"maskClass\" [showHeader]=\"showHeader\"\n    [style]=\"{'width': popupSize.width + 'px', 'min-width': popupSize.width + 'px', 'height': popupSize.height + 'px', 'min-height': popupSize.height + 'px'}\"\n    (onShow)=\"handleShowDialog($event)\" (onHide)=\"handleHideDialog($event)\">\n    <tn-custom-scrollbar #scrollbar [useDefaultScrollBar]=\"useDefaultScrollBar\" [class]=\"scrollBarStyleClass\"\n        [config]=\"scrollConfig\" [style]=\"scrollStyle\" class=\"tn-dialog-scrollbar\">\n        <ng-content></ng-content>\n    </tn-custom-scrollbar>\n    <p-footer *ngIf=\"showFooter\">\n        <p-footer *ngIf=\"formBase && formBase.buttonTemplate\" style=\"display: flex;float: right\">\n            <ng-container *ngTemplateOutlet=\"formBase.buttonTemplate\">\n            </ng-container>\n        </p-footer>\n        <ng-container *ngIf=\"!formBase || !formBase.buttonTemplate\">\n            <p-footer *ngIf=\"footer\">\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </p-footer>\n            <p-footer *ngIf=\"buttonTemplateInput\">\n                <ng-container *ngTemplateOutlet=\"buttonTemplateInput\"></ng-container>\n            </p-footer>\n            <p-footer *ngIf=\"!footer && !buttonTemplateInput\">\n                <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\n                    [label]=\"'FORM.CANCEL' | translate\" (click)=\"handleHideDialog($event)\"></button>\n            </p-footer>\n        </ng-container>\n    </p-footer>\n</p-dialog>",
+                template: "<p-dialog #dialog [closeOnEscape]=\"closeOnEscape\" [appendTo]=\"'body'\" [focusOnShow]=\"false\" [focusTrap]=\"false\"\n    [(visible)]=\"visible\" [modal]=\"modal\" [responsive]=\"true\" [maximizable]=\"maximizable\" [autoZIndex]=\"true\"\n    [styleClass]=\"styleClass\" [maskStyleClass]=\"maskClass\" [showHeader]=\"showHeader\"\n    [style]=\"{'width': popupSize.width + 'px', 'min-width': popupSize.width + 'px', 'height': popupSize.height + 'px', 'min-height': popupSize.height + 'px'}\"\n    (onShow)=\"handleShowDialog($event)\" (onHide)=\"handleHideDialog($event)\">\n    <tn-custom-scrollbar #scrollbar [useDefaultScrollBar]=\"useDefaultScrollBar\" [class]=\"scrollBarStyleClass\"\n        [config]=\"scrollConfig\" [style]=\"scrollStyle\" class=\"tn-dialog-scrollbar\">\n        <ng-content></ng-content>\n    </tn-custom-scrollbar>\n    <p-header *ngIf=\"showHeader\">\n        <ng-container *ngIf=\"header && !headerTemplate\">\n            <div>{{header | translate}}</div>\n        </ng-container>\n        <ng-container *ngIf=\"headerTemplate\">\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        </ng-container>\n    </p-header>\n    <p-footer *ngIf=\"showFooter\">\n        <p-footer *ngIf=\"formBase && formBase.buttonTemplate\" style=\"display: flex;float: right\">\n            <ng-container *ngTemplateOutlet=\"formBase.buttonTemplate\">\n            </ng-container>\n        </p-footer>\n        <ng-container *ngIf=\"!formBase || !formBase.buttonTemplate\">\n            <p-footer *ngIf=\"footer\">\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </p-footer>\n            <p-footer *ngIf=\"buttonTemplateInput\">\n                <ng-container *ngTemplateOutlet=\"buttonTemplateInput\"></ng-container>\n            </p-footer>\n            <p-footer *ngIf=\"!footer && !buttonTemplateInput\">\n                <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\n                    [label]=\"'FORM.CANCEL' | translate\" (click)=\"handleHideDialog($event)\"></button>\n            </p-footer>\n        </ng-container>\n    </p-footer>\n</p-dialog>",
                 styles: [""]
             },] }
 ];
@@ -46493,6 +46522,7 @@ TnDialogComponent.propDecorators = {
     scrollbar: [{ type: ViewChild, args: ['scrollbar', { static: true },] }],
     formBase: [{ type: ContentChild, args: ['formBase', { static: false },] }],
     footer: [{ type: ContentChild, args: ['footer', { static: true },] }],
+    headerTemplate: [{ type: ContentChild, args: ['headerTemplate', { static: true },] }],
     children: [{ type: ContentChildren, args: [TemplateRef, { descendants: true },] }],
     maskClass: [{ type: Input }],
     styleClass: [{ type: Input }],