tnx-shared 5.3.301 → 5.3.303

package/fesm2015/tnx-shared.js

@@ -8970,11 +8970,14 @@ class ComponentBase {
                 return;
         }
     }
+    stringifyData(obj) {
+        return JSON.stringify(obj, function (k, v) { return v === undefined ? null : v; });
+    }
     exportExcelV5(data, templateCode, fileName) {
         const sheet = new ExportItem({
             type: ExportItemType.ExcelSheet,
             templateCode,
-            data: JSON.stringify(data),
+            data: this.stringifyData(data),
             name: 'Sheet1'
         });
         const file = new ExportItem({
@@ -33440,7 +33443,7 @@ class ServiceFileUploadComponent extends ComponentBase {
 ServiceFileUploadComponent.decorators = [
     { type: Component, args: [{
                 selector: 'service-file-upload',
-                template: "<div class=\"file-upload\">\n    <div class=\"fl-icon\">\n        <i *ngIf=\"loading\" class=\"pi pi-spin pi-spinner\"></i>\n        <i *ngIf=\"!loading\" class=\"pi pi-file-o\"></i>\n    </div>\n\n    <div class=\"fl-file-name\" (click)=\"openFileViewer()\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div>\n\n    <!-- <div class=\"fl-file-name\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div> -->\n\n    <div class=\"fl-buttons\">\n        <button *ngIf=\"!hasFile && !readonly\" pTooltip=\"Ch\u1ECDn file\" class=\"fl-choose\"\n            class=\"link-or-action p-button-text p-button-rounded fl-choose\" tooltipPosition=\"top\" pButton type=\"button\"\n            icon=\"pi pi-plus\" [disabled]=\"disabled\" (click)=\"onOpenSelect()\"></button>\n\n        <button *ngIf=\"hasFile && !readonly && control.showDeleteFile\"\n            class=\"link-or-action p-button-text p-button-rounded p-button-danger fl-remove\" pTooltip=\"X\u00F3a file\"\n            tooltipPosition=\"top\" pButton type=\"button\" icon=\"pi pi-trash\" [disabled]=\"disabled\"\n            (click)=\"onRemoveFile()\"></button>\n\n        <button [disabled]=\"!menu || !menu.length\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n            (click)=\"showContextMenu($event)\"></button>\n    </div>\n\n    <div style=\"display: none;\">\n        <p-fileUpload #file [accept]=\"accept\" class=\"file-upload\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file[]\"\n            [maxFileSize]=\"control.maxFileSize\" pTooltip=\"Ch\u1ECDn t\u1EEB m\u00E1y t\u00EDnh\" toolStipPosition=\"top\" [multiple]=\"false\"\n            [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\n            [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\n            [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\n            [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\n            [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\n            [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\" (onSelect)=\"onSelectFile($event)\">\n        </p-fileUpload>\n    </div>\n\n</div>\n\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"menu\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer #fileViewerNew *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n    [readonly]=\"readonly || control.disabled\" [model]=\"forms.fileViewer.formData\"\n    (onClose)=\"this.forms.fileViewer.show = false;\">\n</file-viewer>",
+                template: "<div class=\"file-upload\">\n    <div class=\"fl-icon\">\n        <i *ngIf=\"loading\" class=\"pi pi-spin pi-spinner\"></i>\n        <i *ngIf=\"!loading\" class=\"pi pi-file-o\"></i>\n    </div>\n\n    <div class=\"fl-file-name\" (click)=\"openFileViewer()\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span class=\"suffix\" *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div>\n\n    <!-- <div class=\"fl-file-name\">\n        <div>\n            <ng-container *ngIf=\"!showNoti\">\n                <span pTooltip=\"{{selectedFileName}}\">{{selectedFileNameShort}}</span>\n                <span *ngIf=\"extension\">.{{extension}} </span>\n            </ng-container>\n            <span *ngIf=\"showNoti\"> {{notification}} </span>\n        </div>\n    </div> -->\n\n    <div class=\"fl-buttons\">\n        <button *ngIf=\"!hasFile && !readonly\" pTooltip=\"Ch\u1ECDn file\" class=\"fl-choose\"\n            class=\"link-or-action p-button-text p-button-rounded fl-choose\" tooltipPosition=\"top\" pButton type=\"button\"\n            icon=\"pi pi-plus\" [disabled]=\"disabled\" (click)=\"onOpenSelect()\"></button>\n\n        <button *ngIf=\"hasFile && !readonly && control.showDeleteFile\"\n            class=\"link-or-action p-button-text p-button-rounded p-button-danger fl-remove\" pTooltip=\"X\u00F3a file\"\n            tooltipPosition=\"top\" pButton type=\"button\" icon=\"pi pi-trash\" [disabled]=\"disabled\"\n            (click)=\"onRemoveFile()\"></button>\n\n        <button [disabled]=\"!menu || !menu.length\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\n            class=\"link-or-action p-button-text p-button-rounded\" pTooltip=\"Th\u00EAm\" tooltipPosition=\"top\"\n            (click)=\"showContextMenu($event)\"></button>\n    </div>\n\n    <div style=\"display: none;\">\n        <p-fileUpload #file [accept]=\"accept\" class=\"file-upload\" mode=\"basic\" [chooseLabel]=\"chooseLabel\" name=\"file[]\"\n            [maxFileSize]=\"control.maxFileSize\" pTooltip=\"Ch\u1ECDn t\u1EEB m\u00E1y t\u00EDnh\" toolStipPosition=\"top\" [multiple]=\"false\"\n            [invalidFileSizeMessageSummary]=\"control.invalidFileSizeMessageSummary\"\n            [invalidFileSizeMessageDetail]=\"control.invalidFileSizeMessageDetail\"\n            [invalidFileTypeMessageSummary]=\"control.invalidFileTypeMessageSummary\"\n            [invalidFileTypeMessageDetail]=\"control.invalidFileTypeMessageDetail\"\n            [invalidFileLimitMessageSummary]=\"control.invalidFileLimitMessageSummary\"\n            [invalidFileLimitMessageDetail]=\"control.invalidFileLimitMessageDetail\" (onSelect)=\"onSelectFile($event)\">\n        </p-fileUpload>\n    </div>\n\n</div>\n\n<p-contextMenu #contextMenu [appendTo]=\"'body'\" [model]=\"menu\" styleClass=\"fm-contextMenu-panel\">\n</p-contextMenu>\n\n<!-- Xem file tr\u1EF1c tuy\u1EBFn -->\n<file-viewer #fileViewerNew *ngIf=\"forms.fileViewer.show\" [parentModel]=\"model\" [parentContext]=\"context\"\n    [readonly]=\"readonly || control.disabled\" [model]=\"forms.fileViewer.formData\"\n    (onClose)=\"this.forms.fileViewer.show = false;\">\n</file-viewer>",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -33449,7 +33452,7 @@ ServiceFileUploadComponent.decorators = [
                     },
                     ComponentContextService
                 ],
-                styles: ["::ng-deep .file-upload{display:flex;border:1px solid #ced4da;border-radius:4px}::ng-deep .file-upload .fl-icon{flex:0 0 30px;display:flex;font-size:20px;justify-content:center;align-items:center;border-right:1px solid #ced4da}::ng-deep .file-upload .fl-icon>i{font-size:16px!important}::ng-deep .file-upload .fl-file-name{display:flex;align-items:center;flex-grow:1;cursor:pointer;opacity:.8;padding:0 10px;color:#109bf8;overflow:hidden}::ng-deep .file-upload .fl-file-name>div{width:100%;display:flex}::ng-deep .file-upload .fl-file-name>div>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .file-upload .fl-file-name:hover{opacity:1}::ng-deep .file-upload .fl-buttons{flex:0 0 80px;display:flex;border-right:1px solid #ced4da;align-items:center;justify-content:space-evenly;border-left:1px solid #ced4da}"]
+                styles: ["::ng-deep .file-upload{display:flex;border:1px solid #ced4da;border-radius:4px}::ng-deep .file-upload .fl-icon{flex:0 0 30px;display:flex;font-size:20px;justify-content:center;align-items:center;border-right:1px solid #ced4da}::ng-deep .file-upload .fl-icon>i{font-size:16px!important}::ng-deep .file-upload .fl-file-name{display:flex;align-items:center;flex-grow:1;cursor:pointer;opacity:.8;padding:0 10px;color:#109bf8;overflow:hidden}::ng-deep .file-upload .fl-file-name>div{width:100%;display:flex}::ng-deep .file-upload .fl-file-name>div>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .file-upload .fl-file-name:hover{opacity:1}::ng-deep .file-upload .fl-file-name .suffix{min-width:45px}::ng-deep .file-upload .fl-buttons{flex:0 0 80px;display:flex;border-right:1px solid #ced4da;align-items:center;justify-content:space-evenly;border-left:1px solid #ced4da}"]
             },] }
 ];
 ServiceFileUploadComponent.ctorParameters = () => [