@universis/ngx-tables 6.13.1 → 6.13.3
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.
- package/bundles/universis-ngx-tables.umd.js +9 -1
- package/bundles/universis-ngx-tables.umd.js.map +1 -1
- package/bundles/universis-ngx-tables.umd.min.js +1 -1
- package/bundles/universis-ngx-tables.umd.min.js.map +1 -1
- package/esm2015/lib/components/advanced-table/advanced-table.component.js +14 -2
- package/esm5/lib/components/advanced-table/advanced-table.component.js +14 -2
- package/fesm2015/universis-ngx-tables.js +10 -2
- package/fesm2015/universis-ngx-tables.js.map +1 -1
- package/fesm5/universis-ngx-tables.js +11 -3
- package/fesm5/universis-ngx-tables.js.map +1 -1
- package/lib/components/advanced-table/advanced-table.component.d.ts +6 -0
- package/package.json +2 -2
- package/universis-ngx-tables.metadata.json +1 -1
|
@@ -22,8 +22,8 @@ import { BsModalRef, BsModalService, ModalModule } from 'ngx-bootstrap/modal';
|
|
|
22
22
|
import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
|
|
23
23
|
import { GroupByPipe, NgPipesModule } from 'ngx-pipes';
|
|
24
24
|
import { template, at, cloneDeep, isEmpty } from 'lodash';
|
|
25
|
-
import { __extends,
|
|
26
|
-
import { Injectable, Directive, Optional, Input, Pipe, Component,
|
|
25
|
+
import { __extends, __awaiter, __generator, __values, __assign, __spread } from 'tslib';
|
|
26
|
+
import { Injectable, Directive, Optional, Input, Pipe, Component, EventEmitter, Output, ElementRef, ViewChild, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA, defineInjectable, inject, HostListener, ChangeDetectorRef, InjectionToken, Inject, Injector, ViewContainerRef, ChangeDetectionStrategy } from '@angular/core';
|
|
27
27
|
import { ActivatedRoute, Router, NavigationStart, NavigationEnd, RouterModule } from '@angular/router';
|
|
28
28
|
import { createFeatureSelector, createSelector, select, Store } from '@ngrx/store';
|
|
29
29
|
import { skip, first, filter } from 'rxjs/operators';
|
|
@@ -1869,6 +1869,8 @@ var AdvancedTableComponent = /** @class */ (function () {
|
|
|
1869
1869
|
this.order = new EventEmitter();
|
|
1870
1870
|
this.scroll = new EventEmitter();
|
|
1871
1871
|
this.selectedItems = new EventEmitter();
|
|
1872
|
+
this.beforeServerData = new EventEmitter();
|
|
1873
|
+
this.afterServerData = new EventEmitter();
|
|
1872
1874
|
this.loading = new EventEmitter();
|
|
1873
1875
|
this.scrollable = true;
|
|
1874
1876
|
this.serverSide = true;
|
|
@@ -2902,8 +2904,10 @@ var AdvancedTableComponent = /** @class */ (function () {
|
|
|
2902
2904
|
}
|
|
2903
2905
|
q.filter(expressions.join(' and '));
|
|
2904
2906
|
}
|
|
2907
|
+
self.beforeServerData.emit(q);
|
|
2905
2908
|
self.lastQueryParams = q.getParams();
|
|
2906
2909
|
return q.getList().then(function (items) {
|
|
2910
|
+
self.afterServerData.emit(items);
|
|
2907
2911
|
/** @type {?} */
|
|
2908
2912
|
var dataSet = {
|
|
2909
2913
|
recordsTotal: items.total,
|
|
@@ -2930,8 +2934,10 @@ var AdvancedTableComponent = /** @class */ (function () {
|
|
|
2930
2934
|
return fnCallback(EMPTY_DATASET);
|
|
2931
2935
|
});
|
|
2932
2936
|
}
|
|
2937
|
+
self.beforeServerData.emit(q);
|
|
2933
2938
|
self.lastQueryParams = q.getParams();
|
|
2934
2939
|
q.getList().then(function (items) {
|
|
2940
|
+
self.afterServerData.emit(items);
|
|
2935
2941
|
/** @type {?} */
|
|
2936
2942
|
var dataSet = {
|
|
2937
2943
|
recordsTotal: items.total,
|
|
@@ -3675,7 +3681,7 @@ var AdvancedTableComponent = /** @class */ (function () {
|
|
|
3675
3681
|
selector: 'app-advanced-table',
|
|
3676
3682
|
template: "\n <table #table class=\"dataTable\">\n </table>\n <div #emptyTable class=\"d-none\">\n <div>\n <div class=\"mt-4\">\n <div class=\"icon-circle bg-gray-300 border-gray-100\"></div>\n </div>\n <div class=\"mt-4\">\n <h4 class=\"font-3xl text-dark\" [translate]=\"'Tables.EmptyTableTitle'\"></h4>\n <p class=\"font-lg text-dark\" [translate]=\"'Tables.EmptyTableMessage'\"></p>\n </div>\n </div>\n </div>\n <div #errorTemplate class=\"d-none error-message\">\n <div class=\"text-center\">\n <div class=\"mt-4\">\n <div class=\"icon-circle bg-danger border-gray-100\"></div>\n </div>\n <div class=\"mt-4\">\n <h4 class=\"font-3xl text-secondary\" [translate]=\"'Tables.DataError.Title'\"></h4>\n <p class=\"font-lg text-secondary mb-1\" [translate]=\"'Tables.DataError.Message'\"></p>\n <p class=\"font-lg text-secondary error-inner-message\">\n <small></small>\n </p>\n </div>\n </div>\n </div>\n ",
|
|
3677
3683
|
encapsulation: ViewEncapsulation.None,
|
|
3678
|
-
styles: ["
|
|
3684
|
+
styles: ["div.dataTables_processing>div:last-child>div{background-color:var(--secondary)}table.dataTable thead .sorting{background-image:none}table.dataTable thead tr th{border-bottom:none;font-weight:500;font-size:.75rem}table.dataTable thead th{color:#73818e;font-size:.75rem;font-weight:600;padding-top:16px;padding-bottom:4px;border-bottom:none;padding-left:8px}table.dataTable tbody tr:first-child td:first-child{border-radius:6px 0}table.dataTable tbody tr:first-child td:last-child{border-radius:0 6px}table.dataTable tbody tr{border-radius:6px}table.dataTable tbody tr td:first-child{border-left:1px solid #c2cfd6}table.dataTable tbody tr td:last-child{border-right:1px solid #c2cfd6}table.dataTable tbody tr td{padding-top:8px;padding-bottom:8px;border-top:1px solid #c2cfd6}table.dataTable tbody tr:last-child td:first-child{border-radius:0 0 0 6px}table.dataTable tbody tr:last-child td:last-child{border-radius:0 0 6px}table.dataTable tbody tr:last-child td{border-bottom:1px solid #c2cfd6}table.dataTable tbody tr.dtrg-group.dtrg-start th{border:2px solid #c2cfd6;border-bottom:1px solid #c2cfd6;color:#3e515b;background-color:#f0f3f5}table.dataTable tbody tr.dtrg-group.dtrg-end th{border-top:2px solid #c2cfd6;border-right:2px solid #c2cfd6;border-left:2px solid #c2cfd6;color:#3e515b;background-color:#f0f3f5}table.dataTable tbody tr:nth-last-child(1) th{border-bottom:2px solid #c2cfd6}table.dataTable td.dataTables_empty{border:none!important}table.dataTable .error-inner-message>small{overflow-wrap:break-word}table.dataTable.no-footer{border-bottom:none}.dataTables_paginate .btn.previous{margin-right:8px}.dataTables_paginate .btn.next{margin-left:8px}.dataTables_info,.dataTables_paginate{margin-top:1rem}.dataTables_paginate span .btn{border-radius:1.5rem}.dataTables_filter{display:none}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:0;overflow:auto}.dataTables_paginate{display:none}.dataTable.processing{opacity:15%}.dataTables_wrapper .dataTables_processing{background:0 0;position:absolute;display:inline-block;top:25%;z-index:5;color:#73818e}.text-decoration-line-through{text-decoration:line-through!important}tr.removed .checkbox+label{visibility:hidden}"]
|
|
3679
3685
|
}] }
|
|
3680
3686
|
];
|
|
3681
3687
|
/** @nocollapse */
|
|
@@ -3714,6 +3720,8 @@ var AdvancedTableComponent = /** @class */ (function () {
|
|
|
3714
3720
|
order: [{ type: Output, args: ['order',] }],
|
|
3715
3721
|
scroll: [{ type: Output, args: ['scroll',] }],
|
|
3716
3722
|
selectedItems: [{ type: Output, args: ['selectedItems',] }],
|
|
3723
|
+
beforeServerData: [{ type: Output, args: ['beforeServerData',] }],
|
|
3724
|
+
afterServerData: [{ type: Output, args: ['afterServerData',] }],
|
|
3717
3725
|
loading: [{ type: Output, args: ['loading',] }],
|
|
3718
3726
|
scrollable: [{ type: Input }],
|
|
3719
3727
|
serverSide: [{ type: Input }],
|