@osovitny/anatoly 2.14.77 → 2.14.79
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/esm2020/lib/ui/components/base/base.paged.page.mjs +5 -1
- package/esm2020/lib/ui/components/datapager/datapager.component.mjs +26 -3
- package/fesm2015/osovitny-anatoly.mjs +29 -2
- package/fesm2015/osovitny-anatoly.mjs.map +1 -1
- package/fesm2020/osovitny-anatoly.mjs +29 -2
- package/fesm2020/osovitny-anatoly.mjs.map +1 -1
- package/lib/ui/components/base/base.paged.page.d.ts +1 -0
- package/lib/ui/components/datapager/datapager.component.d.ts +8 -3
- package/package.json +1 -1
|
@@ -44,6 +44,10 @@ export class BasePagedPage extends BasePage {
|
|
|
44
44
|
this.currentFilter = filter;
|
|
45
45
|
this.loadPageOne();
|
|
46
46
|
}
|
|
47
|
+
//Tos
|
|
48
|
+
toIndex(index) {
|
|
49
|
+
return ((this.currentPage - 1) * this.pageSize) + index + 1;
|
|
50
|
+
}
|
|
47
51
|
//Events
|
|
48
52
|
onPageChange(e) {
|
|
49
53
|
this.pageSize = e.take;
|
|
@@ -60,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
60
64
|
template: ''
|
|
61
65
|
}]
|
|
62
66
|
}] });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS5wYWdlZC5wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvYmFzZS9iYXNlLnBhZ2VkLnBhZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRixNQUFNO0FBQ04sT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxLQUFLO0FBQ0wsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7QUFLdkMsTUFBTSxPQUFnQixhQUFjLFNBQVEsUUFBUTtJQUhwRDs7UUFJRSxrQkFBYSxHQUFHLElBQUksQ0FBQztRQUlyQixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUN0QixnQkFBVyxHQUFXLENBQUMsQ0FBQztLQXFDekI7SUFqQ1EsV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxlQUF3QixLQUFLO1FBQzdDLElBQUksWUFBWSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjthQUNJO1lBQ0gsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQztJQUVNLFNBQVMsQ0FBQyxNQUFXO1FBQzFCLElBQUksQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO1FBQzVCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsS0FBSztJQUNMLE9BQU8sQ0FBQyxLQUFLO1FBQ1gsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBRUQsUUFBUTtJQUNSLFlBQVksQ0FBQyxDQUFNO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUV4RCxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQzs7MEdBNUNtQixhQUFhOzhGQUFiLGFBQWEsMkVBRnZCLEVBQUU7MkZBRVEsYUFBYTtrQkFIbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsRUFBRTtpQkFDYiIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbjxmaWxlPlxyXG4gIFByb2plY3Q6XHJcbiAgICBAb3Nvdml0bnkvYW5hdG9seVxyXG5cclxuICBBdXRob3JzOlxyXG4gICAgVmFkaW0gT3Nvdml0bnkgdmFkaW1Ab3Nvdml0bnkuY29tXHJcbiAgICBBbmF0b2x5IE9zb3ZpdG55IGFuYXRvbHlAb3Nvdml0bnkuY29tXHJcblxyXG4gIENyZWF0ZWQ6XHJcbiAgICAyMCBBdWcgMjAyMlxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vTm9kZVxyXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLy9BcHBcclxuaW1wb3J0IHsgQmFzZVBhZ2UgfSBmcm9tIFwiLi9iYXNlLnBhZ2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHRlbXBsYXRlOiAnJ1xyXG59KVxyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZVBhZ2VkUGFnZSBleHRlbmRzIEJhc2VQYWdlIHtcclxuICBjdXJyZW50RmlsdGVyID0gbnVsbDtcclxuXHJcbiAgLy9JdGVtcyAmIFBhZ2luYXRpb25cclxuICBpdGVtczogYW55W107XHJcbiAgdG90YWxJdGVtczogbnVtYmVyID0gMDtcclxuICBwYWdlU2l6ZTogbnVtYmVyID0gMTA7XHJcbiAgc2tpcEl0ZW1zOiBudW1iZXIgPSAwO1xyXG4gIGN1cnJlbnRQYWdlOiBudW1iZXIgPSAxO1xyXG5cclxuICBwdWJsaWMgbG9hZFBhZ2U/KHBhZ2U/OiBudW1iZXIpIDogdm9pZDtcclxuXHJcbiAgcHVibGljIGxvYWRQYWdlT25lKCkge1xyXG4gICAgdGhpcy5za2lwSXRlbXMgPSAwO1xyXG4gICAgdGhpcy5jdXJyZW50UGFnZSA9IDE7XHJcbiAgICB0aGlzLmxvYWRQYWdlKCk7ICAgICAgXHJcbiAgfSAgXHJcblxyXG4gIHB1YmxpYyByZWxvYWRQYWdlKGRyb3AycGFnZU9uZTogYm9vbGVhbiA9IGZhbHNlKSB7XHJcbiAgICBpZiAoZHJvcDJwYWdlT25lKSB7XHJcbiAgICAgIHRoaXMubG9hZFBhZ2VPbmUoKTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLmxvYWRQYWdlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2V0RmlsdGVyKGZpbHRlcjogYW55KSB7XHJcbiAgICB0aGlzLmN1cnJlbnRGaWx0ZXIgPSBmaWx0ZXI7XHJcbiAgICB0aGlzLmxvYWRQYWdlT25lKCk7XHJcbiAgfVxyXG5cclxuICAvL1Rvc1xyXG4gIHRvSW5kZXgoaW5kZXgpIHtcclxuICAgIHJldHVybiAoKHRoaXMuY3VycmVudFBhZ2UgLSAxKSAqIHRoaXMucGFnZVNpemUpICsgaW5kZXggKyAxO1xyXG4gIH0gIFxyXG5cclxuICAvL0V2ZW50c1xyXG4gIG9uUGFnZUNoYW5nZShlOiBhbnkpIHtcclxuICAgIHRoaXMucGFnZVNpemUgPSBlLnRha2U7XHJcbiAgICB0aGlzLnNraXBJdGVtcyA9IGUuc2tpcDtcclxuICAgIHRoaXMuY3VycmVudFBhZ2UgPSAodGhpcy5za2lwSXRlbXMgLyB0aGlzLnBhZ2VTaXplKSArIDE7XHJcblxyXG4gICAgdGhpcy5sb2FkUGFnZSgpO1xyXG4gIH1cclxufSJdfQ==
|
|
@@ -19,30 +19,53 @@ import * as i0 from "@angular/core";
|
|
|
19
19
|
import * as i1 from "@progress/kendo-angular-pager";
|
|
20
20
|
export class DatapagerComponent {
|
|
21
21
|
constructor() {
|
|
22
|
+
//Private
|
|
23
|
+
this.defaultPageSizes = [5, 10, 20, 30, 50];
|
|
24
|
+
//Public
|
|
25
|
+
this.pageSizes = [];
|
|
22
26
|
//Inputs
|
|
23
27
|
this.totalItems = 0;
|
|
24
28
|
this.pageSize = 0;
|
|
25
29
|
this.skipItems = 0;
|
|
30
|
+
this.pageSizeMax = 50;
|
|
26
31
|
//Outputs
|
|
27
32
|
this.pageChange = new EventEmitter();
|
|
28
33
|
}
|
|
34
|
+
ngOnInit() {
|
|
35
|
+
this.pageSizes = [];
|
|
36
|
+
if (this.pageSizeDivisor) {
|
|
37
|
+
for (let i = 3; i < this.pageSizeMax; i++) {
|
|
38
|
+
let remainder = i % this.pageSizeDivisor;
|
|
39
|
+
if (remainder > 0) {
|
|
40
|
+
this.pageSizes.push(i);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
this.pageSizes = this.defaultPageSizes;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
29
48
|
//Events
|
|
30
49
|
onPageChange(e) {
|
|
31
50
|
this.pageChange.emit(e);
|
|
32
51
|
}
|
|
33
52
|
}
|
|
34
53
|
DatapagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
DatapagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DatapagerComponent, selector: "anatoly-datapager", inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>", dependencies: [{ kind: "component", type: i1.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
|
|
54
|
+
DatapagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DatapagerComponent, selector: "anatoly-datapager", inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n [pageSizeValues]='pageSizes'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>", dependencies: [{ kind: "component", type: i1.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
|
|
36
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, decorators: [{
|
|
37
56
|
type: Component,
|
|
38
|
-
args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>" }]
|
|
57
|
+
args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n [pageSizeValues]='pageSizes'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>" }]
|
|
39
58
|
}], ctorParameters: function () { return []; }, propDecorators: { totalItems: [{
|
|
40
59
|
type: Input
|
|
41
60
|
}], pageSize: [{
|
|
42
61
|
type: Input
|
|
43
62
|
}], skipItems: [{
|
|
44
63
|
type: Input
|
|
64
|
+
}], pageSizeDivisor: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], pageSizeMax: [{
|
|
67
|
+
type: Input
|
|
45
68
|
}], pageChange: [{
|
|
46
69
|
type: Output
|
|
47
70
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXBhZ2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuYXRvbHkvc3JjL2xpYi91aS9jb21wb25lbnRzL2RhdGFwYWdlci9kYXRhcGFnZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvZGF0YXBhZ2VyL2RhdGFwYWdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGLE1BQU07QUFDTixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFNL0UsTUFBTSxPQUFPLGtCQUFrQjtJQWtCN0I7UUFqQkEsU0FBUztRQUNELHFCQUFnQixHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRS9DLFFBQVE7UUFDRCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRXRCLFFBQVE7UUFDQyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFDckIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUd0QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUVsQyxTQUFTO1FBQ0MsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRzdELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7UUFFcEIsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hCLEtBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUN4QyxJQUFJLFNBQVMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztnQkFDekMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxFQUFFO29CQUNqQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDeEI7YUFDRjtTQUNGO2FBQ0k7WUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztTQUN4QztJQUNILENBQUM7SUFFRCxRQUFRO0lBQ1IsWUFBWSxDQUFDLENBQUM7UUFDWixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixDQUFDOzsrR0F4Q1Usa0JBQWtCO21HQUFsQixrQkFBa0Isb1BDdkIvQix3UEFLa0I7MkZEa0JMLGtCQUFrQjtrQkFKOUIsU0FBUzsrQkFDRSxtQkFBbUI7MEVBV3BCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFHSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuPGZpbGU+XHJcbiAgUHJvamVjdDpcclxuICAgIEBvc292aXRueS9hbmF0b2x5XHJcblxyXG4gIEF1dGhvcnM6XHJcbiAgICBWYWRpbSBPc292aXRueSB2YWRpbUBvc292aXRueS5jb21cclxuICAgIEFuYXRvbHkgT3Nvdml0bnkgYW5hdG9seUBvc292aXRueS5jb21cclxuXHJcbiAgQ3JlYXRlZDpcclxuICAgIDI4IEF1ZyAyMDIyXHJcblxyXG4gIENvcHlyaWdodCAoYykgMjAxNi0yMDIyIE9zb3ZpdG55IEluYy4gQWxsIHJpZ2h0cyByZXNlcnZlZC5cclxuPC9maWxlPlxyXG4qL1xyXG5cclxuLy9Ob2RlXHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW5hdG9seS1kYXRhcGFnZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhcGFnZXIuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRhcGFnZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIC8vUHJpdmF0ZVxyXG4gIHByaXZhdGUgZGVmYXVsdFBhZ2VTaXplcyA9IFs1LCAxMCwgMjAsIDMwLCA1MF07XHJcblxyXG4gIC8vUHVibGljXHJcbiAgcHVibGljIHBhZ2VTaXplcyA9IFtdO1xyXG5cclxuICAvL0lucHV0c1xyXG4gIEBJbnB1dCgpIHRvdGFsSXRlbXM6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgcGFnZVNpemU6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgc2tpcEl0ZW1zOiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoKSBwYWdlU2l6ZURpdmlzb3I7XHJcbiAgQElucHV0KCkgcGFnZVNpemVNYXg6IG51bWJlciA9IDUwO1xyXG5cclxuICAvL091dHB1dHNcclxuICBAT3V0cHV0KCkgcGFnZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnBhZ2VTaXplcyA9IFtdO1xyXG5cclxuICAgIGlmICh0aGlzLnBhZ2VTaXplRGl2aXNvcikge1xyXG4gICAgICBmb3IobGV0IGkgPSAzOyBpIDwgdGhpcy5wYWdlU2l6ZU1heDsgaSsrKSB7XHJcbiAgICAgICAgbGV0IHJlbWFpbmRlciA9IGkgJSB0aGlzLnBhZ2VTaXplRGl2aXNvcjtcclxuICAgICAgICBpZiAocmVtYWluZGVyID4gMCkge1xyXG4gICAgICAgICAgdGhpcy5wYWdlU2l6ZXMucHVzaChpKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLnBhZ2VTaXplcyA9IHRoaXMuZGVmYXVsdFBhZ2VTaXplcztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8vRXZlbnRzXHJcbiAgb25QYWdlQ2hhbmdlKGUpIHtcclxuICAgIHRoaXMucGFnZUNoYW5nZS5lbWl0KGUpO1xyXG4gIH1cclxufVxyXG4iLCI8a2VuZG8tZGF0YXBhZ2VyIFt0b3RhbF09J3RvdGFsSXRlbXMnXHJcbiAgICAgICAgICAgICAgICAgW3BhZ2VTaXplXT0ncGFnZVNpemUnXHJcbiAgICAgICAgICAgICAgICAgW3NraXBdPSdza2lwSXRlbXMnXHJcbiAgICAgICAgICAgICAgICAgW3BhZ2VTaXplVmFsdWVzXT0ncGFnZVNpemVzJ1xyXG4gICAgICAgICAgICAgICAgIChwYWdlQ2hhbmdlKT0nb25QYWdlQ2hhbmdlKCRldmVudCknPlxyXG48L2tlbmRvLWRhdGFwYWdlcj4iXX0=
|
|
@@ -2435,29 +2435,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
2435
2435
|
*/
|
|
2436
2436
|
class DatapagerComponent {
|
|
2437
2437
|
constructor() {
|
|
2438
|
+
//Private
|
|
2439
|
+
this.defaultPageSizes = [5, 10, 20, 30, 50];
|
|
2440
|
+
//Public
|
|
2441
|
+
this.pageSizes = [];
|
|
2438
2442
|
//Inputs
|
|
2439
2443
|
this.totalItems = 0;
|
|
2440
2444
|
this.pageSize = 0;
|
|
2441
2445
|
this.skipItems = 0;
|
|
2446
|
+
this.pageSizeMax = 50;
|
|
2442
2447
|
//Outputs
|
|
2443
2448
|
this.pageChange = new EventEmitter();
|
|
2444
2449
|
}
|
|
2450
|
+
ngOnInit() {
|
|
2451
|
+
this.pageSizes = [];
|
|
2452
|
+
if (this.pageSizeDivisor) {
|
|
2453
|
+
for (let i = 3; i < this.pageSizeMax; i++) {
|
|
2454
|
+
let remainder = i % this.pageSizeDivisor;
|
|
2455
|
+
if (remainder > 0) {
|
|
2456
|
+
this.pageSizes.push(i);
|
|
2457
|
+
}
|
|
2458
|
+
}
|
|
2459
|
+
}
|
|
2460
|
+
else {
|
|
2461
|
+
this.pageSizes = this.defaultPageSizes;
|
|
2462
|
+
}
|
|
2463
|
+
}
|
|
2445
2464
|
//Events
|
|
2446
2465
|
onPageChange(e) {
|
|
2447
2466
|
this.pageChange.emit(e);
|
|
2448
2467
|
}
|
|
2449
2468
|
}
|
|
2450
2469
|
DatapagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2451
|
-
DatapagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DatapagerComponent, selector: "anatoly-datapager", inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>", dependencies: [{ kind: "component", type: i1$6.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
|
|
2470
|
+
DatapagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DatapagerComponent, selector: "anatoly-datapager", inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n [pageSizeValues]='pageSizes'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>", dependencies: [{ kind: "component", type: i1$6.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
|
|
2452
2471
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, decorators: [{
|
|
2453
2472
|
type: Component,
|
|
2454
|
-
args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>" }]
|
|
2473
|
+
args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n [pageSizeValues]='pageSizes'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>" }]
|
|
2455
2474
|
}], ctorParameters: function () { return []; }, propDecorators: { totalItems: [{
|
|
2456
2475
|
type: Input
|
|
2457
2476
|
}], pageSize: [{
|
|
2458
2477
|
type: Input
|
|
2459
2478
|
}], skipItems: [{
|
|
2460
2479
|
type: Input
|
|
2480
|
+
}], pageSizeDivisor: [{
|
|
2481
|
+
type: Input
|
|
2482
|
+
}], pageSizeMax: [{
|
|
2483
|
+
type: Input
|
|
2461
2484
|
}], pageChange: [{
|
|
2462
2485
|
type: Output
|
|
2463
2486
|
}] } });
|
|
@@ -3610,6 +3633,10 @@ class BasePagedPage extends BasePage {
|
|
|
3610
3633
|
this.currentFilter = filter;
|
|
3611
3634
|
this.loadPageOne();
|
|
3612
3635
|
}
|
|
3636
|
+
//Tos
|
|
3637
|
+
toIndex(index) {
|
|
3638
|
+
return ((this.currentPage - 1) * this.pageSize) + index + 1;
|
|
3639
|
+
}
|
|
3613
3640
|
//Events
|
|
3614
3641
|
onPageChange(e) {
|
|
3615
3642
|
this.pageSize = e.take;
|