tnx-shared 5.3.335 → 5.3.336

package/bundles/tnx-shared.umd.js

@@ -5638,6 +5638,7 @@
         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";
@@ -12404,6 +12405,14 @@
             var url = this.serviceUri + "/ValidatePassword/?password=" + password;
             return this.defaultGet(url);
         };
+        UserService.prototype.getUserCache = function (cacheKey) {
+            var url = this.serviceUri + "/GetUserCache/" + cacheKey;
+            return this.defaultGet(url);
+        };
+        UserService.prototype.setUserCache = function (data) {
+            var url = this.serviceUri + "/SetUserCache";
+            return this.defaultPost(url, data);
+        };
         return UserService;
     }(BaseService));
     UserService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function UserService_Factory() { return new UserService(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(ModuleConfigService), i0__namespace.ɵɵinject(AuthenService), i0__namespace.ɵɵinject(i4__namespace.OAuthService), i0__namespace.ɵɵinject(SignalRService), i0__namespace.ɵɵinject(ExceptionHandlerService), i0__namespace.ɵɵinject(ApplicationContextService)); }, token: UserService, providedIn: "root" });
@@ -22981,7 +22990,6 @@
             }
         };
         ListComponentBase.prototype.initColumnSchema = function (cols) {
-            var _a, _b, _c, _d, _e;
             if (!cols || !cols.length)
                 return;
             var colFunction = null, colGroup = null, colHasToggleIcon = null;
@@ -23004,7 +23012,7 @@
                 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();
@@ -23013,6 +23021,12 @@
             this.applyColumnSetting();
             this.buildFilterColumn(this.setting.cols);
         };
+        ListComponentBase.prototype.getComponentKey = function () {
+            var _a, _b, _c, _d, _e;
+            var parentClass = this.isTreeTable ? exports.EnumProperties.TREE_LIST : exports.EnumProperties.CRUD_LIST;
+            var 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 : '');
+        };
         ListComponentBase.prototype.extendColumns = function (cols, appendCol) {
             var e_3, _h;
             var _this = this;
@@ -27893,11 +27907,12 @@
         ListBase.prototype.loadItemFromQueryParam = function () {
             var _this = this;
             if (this.loadDetailFromQueryParam === undefined || this.loadDetailFromQueryParam === true) {
-                var idInQueryString = null;
+                var idInQueryString = null, isView = false;
                 var 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) {
@@ -27905,22 +27920,36 @@
                 }
                 else if (idInQueryString) {
                     // get detail data
-                    this.setting.baseService.getDetailWithPermission(idInQueryString)
-                        .then(function (res) {
-                        if (!res.data) {
+                    if (isView) {
+                        this.setting.baseService.getDetail(idInQueryString)
+                            .then(function (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(function (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 & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT
-                            || (res.data.basePermission & exports.PermissionBase.READ) == exports.PermissionBase.READ) {
-                            _this._edit(res.data);
-                        }
-                        else {
-                            _this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
-                        }
-                    }).catch(function (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(function (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 & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT
+                                || (res.data.basePermission & exports.PermissionBase.READ) == exports.PermissionBase.READ) {
+                                _this._edit(res.data);
+                            }
+                            else {
+                                _this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
+                            }
+                        }).catch(function (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');
+                        });
+                    }
                 }
             }
         };
@@ -53835,7 +53864,7 @@
     TnDialogComponent.decorators = [
         { type: i0.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: [""]
                 },] }
     ];
@@ -53848,6 +53877,7 @@
         scrollbar: [{ type: i0.ViewChild, args: ['scrollbar', { static: true },] }],
         formBase: [{ type: i0.ContentChild, args: ['formBase', { static: false },] }],
         footer: [{ type: i0.ContentChild, args: ['footer', { static: true },] }],
+        headerTemplate: [{ type: i0.ContentChild, args: ['headerTemplate', { static: true },] }],
         children: [{ type: i0.ContentChildren, args: [i0.TemplateRef, { descendants: true },] }],
         maskClass: [{ type: i0.Input }],
         styleClass: [{ type: i0.Input }],