@kris701/ez-ui 1.4.7 → 1.4.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -414,7 +414,7 @@ class EzUIDialog {
|
|
|
414
414
|
</tui-loader>
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
@if(!isLoading() && (showSave || showDelete)){
|
|
417
|
+
@if(!isLoading() && (showSave || showDelete || footer)){
|
|
418
418
|
<footer class="dialog-footer">
|
|
419
419
|
@if(showSave){
|
|
420
420
|
<button tuiButton iconStart="save" size="s" (click)="onSaveItem.emit()">Save</button>
|
|
@@ -459,7 +459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
459
459
|
</tui-loader>
|
|
460
460
|
}
|
|
461
461
|
|
|
462
|
-
@if(!isLoading() && (showSave || showDelete)){
|
|
462
|
+
@if(!isLoading() && (showSave || showDelete || footer)){
|
|
463
463
|
<footer class="dialog-footer">
|
|
464
464
|
@if(showSave){
|
|
465
465
|
<button tuiButton iconStart="save" size="s" (click)="onSaveItem.emit()">Save</button>
|
|
@@ -4835,6 +4835,7 @@ class EzUITable {
|
|
|
4835
4835
|
tableHeader;
|
|
4836
4836
|
tableRows;
|
|
4837
4837
|
tableExpandedrow;
|
|
4838
|
+
actionsHeader;
|
|
4838
4839
|
presetHeader;
|
|
4839
4840
|
disabled = false;
|
|
4840
4841
|
isLoading = signal(false, /* @ts-ignore */
|
|
@@ -4949,11 +4950,11 @@ class EzUITable {
|
|
|
4949
4950
|
this.applyFilter();
|
|
4950
4951
|
}
|
|
4951
4952
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITable, deps: [{ token: EzUITableFilterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4952
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITable, isStandalone: true, selector: "ezui-table", inputs: { disabled: "disabled", isLoading: "isLoading", showAdd: "showAdd", showRefresh: "showRefresh", showClearFilters: "showClearFilters", expandable: "expandable", clickable: "clickable", values: "values", storageKey: "storageKey", allowPresets: "allowPresets", showContextMenu: "showContextMenu", contextMenuItems: "contextMenuItems", pageSize: "pageSize" }, outputs: { onAddItem: "onAddItem", onLoadItems: "onLoadItems", onRowExpanded: "onRowExpanded", onRowClick: "onRowClick", onPresetChange: "onPresetChange" }, host: { classAttribute: "w-full h-full" }, queries: [{ propertyName: "tableHeader", first: true, predicate: ["tableHeader"], descendants: true }, { propertyName: "tableRows", first: true, predicate: ["tableRows"], descendants: true }, { propertyName: "tableExpandedrow", first: true, predicate: ["tableExpandedrow"], descendants: true }], viewQueries: [{ propertyName: "presetHeader", first: true, predicate: ["presetHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
4953
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITable, isStandalone: true, selector: "ezui-table", inputs: { disabled: "disabled", isLoading: "isLoading", showAdd: "showAdd", showRefresh: "showRefresh", showClearFilters: "showClearFilters", expandable: "expandable", clickable: "clickable", values: "values", storageKey: "storageKey", allowPresets: "allowPresets", showContextMenu: "showContextMenu", contextMenuItems: "contextMenuItems", pageSize: "pageSize" }, outputs: { onAddItem: "onAddItem", onLoadItems: "onLoadItems", onRowExpanded: "onRowExpanded", onRowClick: "onRowClick", onPresetChange: "onPresetChange" }, host: { classAttribute: "w-full h-full" }, queries: [{ propertyName: "tableHeader", first: true, predicate: ["tableHeader"], descendants: true }, { propertyName: "tableRows", first: true, predicate: ["tableRows"], descendants: true }, { propertyName: "tableExpandedrow", first: true, predicate: ["tableExpandedrow"], descendants: true }, { propertyName: "actionsHeader", first: true, predicate: ["actionsHeader"], descendants: true }], viewQueries: [{ propertyName: "presetHeader", first: true, predicate: ["presetHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
4953
4954
|
<div class="ezui-table">
|
|
4954
4955
|
<tui-loader [inheritColor]="true" [overlay]="true" size="xxl" [loading]="isLoading()">
|
|
4955
4956
|
@if(values === null || values.length == 0){
|
|
4956
|
-
@if(showAdd || showRefresh){
|
|
4957
|
+
@if(showAdd || showRefresh || actionsHeader){
|
|
4957
4958
|
<div class="ezui-table-header">
|
|
4958
4959
|
@if(showRefresh){
|
|
4959
4960
|
<button tuiButton iconStart="rotate-cw" size="s" appearance="info" (click)="onLoadItems.emit()" tuiHint="Refresh the table"></button>
|
|
@@ -4961,6 +4962,9 @@ class EzUITable {
|
|
|
4961
4962
|
@if(showAdd){
|
|
4962
4963
|
<button tuiButton iconStart="plus" size="s" appearance="info" (click)="onAddItem.emit()" tuiHint="Add new item"></button>
|
|
4963
4964
|
}
|
|
4965
|
+
@if(actionsHeader){
|
|
4966
|
+
<ng-container [ngTemplateOutlet]="actionsHeader"></ng-container>
|
|
4967
|
+
}
|
|
4964
4968
|
</div>
|
|
4965
4969
|
}
|
|
4966
4970
|
@if(!isLoading()){
|
|
@@ -4974,7 +4978,7 @@ class EzUITable {
|
|
|
4974
4978
|
}
|
|
4975
4979
|
}
|
|
4976
4980
|
@else {
|
|
4977
|
-
@if(showAdd || showRefresh || showClearFilters){
|
|
4981
|
+
@if(showAdd || showRefresh || showClearFilters || actionsHeader || allowPresets){
|
|
4978
4982
|
<div class="ezui-table-header">
|
|
4979
4983
|
@if(showRefresh){
|
|
4980
4984
|
<button tuiButton iconStart="rotate-cw" size="s" appearance="info" (click)="onLoadItems.emit()" tuiHint="Refresh the table"></button>
|
|
@@ -4985,6 +4989,9 @@ class EzUITable {
|
|
|
4985
4989
|
@if(showClearFilters){
|
|
4986
4990
|
<button tuiButton iconStart="funnel-x" size="s" appearance="info" (click)="clearFilters()" tuiHint="Clear filters"></button>
|
|
4987
4991
|
}
|
|
4992
|
+
@if(actionsHeader){
|
|
4993
|
+
<ng-container [ngTemplateOutlet]="actionsHeader"></ng-container>
|
|
4994
|
+
}
|
|
4988
4995
|
|
|
4989
4996
|
@if(allowPresets){
|
|
4990
4997
|
<div class="seperator"></div>
|
|
@@ -5110,7 +5117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5110
5117
|
<div class="ezui-table">
|
|
5111
5118
|
<tui-loader [inheritColor]="true" [overlay]="true" size="xxl" [loading]="isLoading()">
|
|
5112
5119
|
@if(values === null || values.length == 0){
|
|
5113
|
-
@if(showAdd || showRefresh){
|
|
5120
|
+
@if(showAdd || showRefresh || actionsHeader){
|
|
5114
5121
|
<div class="ezui-table-header">
|
|
5115
5122
|
@if(showRefresh){
|
|
5116
5123
|
<button tuiButton iconStart="rotate-cw" size="s" appearance="info" (click)="onLoadItems.emit()" tuiHint="Refresh the table"></button>
|
|
@@ -5118,6 +5125,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5118
5125
|
@if(showAdd){
|
|
5119
5126
|
<button tuiButton iconStart="plus" size="s" appearance="info" (click)="onAddItem.emit()" tuiHint="Add new item"></button>
|
|
5120
5127
|
}
|
|
5128
|
+
@if(actionsHeader){
|
|
5129
|
+
<ng-container [ngTemplateOutlet]="actionsHeader"></ng-container>
|
|
5130
|
+
}
|
|
5121
5131
|
</div>
|
|
5122
5132
|
}
|
|
5123
5133
|
@if(!isLoading()){
|
|
@@ -5131,7 +5141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5131
5141
|
}
|
|
5132
5142
|
}
|
|
5133
5143
|
@else {
|
|
5134
|
-
@if(showAdd || showRefresh || showClearFilters){
|
|
5144
|
+
@if(showAdd || showRefresh || showClearFilters || actionsHeader || allowPresets){
|
|
5135
5145
|
<div class="ezui-table-header">
|
|
5136
5146
|
@if(showRefresh){
|
|
5137
5147
|
<button tuiButton iconStart="rotate-cw" size="s" appearance="info" (click)="onLoadItems.emit()" tuiHint="Refresh the table"></button>
|
|
@@ -5142,6 +5152,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5142
5152
|
@if(showClearFilters){
|
|
5143
5153
|
<button tuiButton iconStart="funnel-x" size="s" appearance="info" (click)="clearFilters()" tuiHint="Clear filters"></button>
|
|
5144
5154
|
}
|
|
5155
|
+
@if(actionsHeader){
|
|
5156
|
+
<ng-container [ngTemplateOutlet]="actionsHeader"></ng-container>
|
|
5157
|
+
}
|
|
5145
5158
|
|
|
5146
5159
|
@if(allowPresets){
|
|
5147
5160
|
<div class="seperator"></div>
|
|
@@ -5271,6 +5284,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5271
5284
|
}], tableExpandedrow: [{
|
|
5272
5285
|
type: ContentChild,
|
|
5273
5286
|
args: ['tableExpandedrow', { static: false }]
|
|
5287
|
+
}], actionsHeader: [{
|
|
5288
|
+
type: ContentChild,
|
|
5289
|
+
args: ['actionsHeader', { static: false }]
|
|
5274
5290
|
}], presetHeader: [{
|
|
5275
5291
|
type: ViewChild,
|
|
5276
5292
|
args: ['presetHeader', { static: false }]
|