@wizishop/angular-components 0.0.88 → 0.0.101
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/angular-components.scss +40 -3
- package/bundles/wizishop-angular-components.umd.js +7 -6
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/inputs/input/input.component.js +4 -2
- package/esm2015/lib/components/table/shared/filters-table.service.js +4 -1
- package/esm2015/lib/components/table/table.component.js +2 -6
- package/fesm2015/wizishop-angular-components.js +7 -6
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/inputs/input/input.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.101.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.88.tgz +0 -0
|
@@ -32,6 +32,7 @@ export class InputComponent {
|
|
|
32
32
|
this.disabled = false;
|
|
33
33
|
this.indication = false;
|
|
34
34
|
this.success = false;
|
|
35
|
+
this.indicationLeft = false;
|
|
35
36
|
this.keypressEnter = new EventEmitter();
|
|
36
37
|
this.KEYPRESS_ENTER = "Enter";
|
|
37
38
|
this.id = 'wz-input_' +
|
|
@@ -86,7 +87,7 @@ export class InputComponent {
|
|
|
86
87
|
InputComponent.decorators = [
|
|
87
88
|
{ type: Component, args: [{
|
|
88
89
|
selector: 'wac-input',
|
|
89
|
-
template: "<div\n class=\"field wac-input\"\n [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'with-progress-bar': progressBar }\"\n>\n <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n <label\n [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n [innerHTML]=\"label\"\n [for]=\"id\"\n ></label>\n <wac-tooltip\n *ngIf=\"showTooltip\"\n [tooltipIcon]=\"iconTooltip\"\n [tooltipText]=\"textTooltip\"\n [tooltipLink]=\"linkTooltip\"\n [tooltipUrl]=\"urlTooltip\"\n ></wac-tooltip>\n <!-- Size -->\n <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n <strong>{{ value.toString().length }}</strong> / {{ size }}\n </span>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p\n class=\"control\"\n [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n >\n <!-- Text Prepend -->\n <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n </span>\n\n <!-- Input -->\n <input\n [class]=\"'input ' + extraClasses\"\n [id]=\"id\"\n [ngClass]=\"{\n 'is-danger': textError,\n 'is-large': big,\n 'is-number': isNumber,\n 'remove-margin': disableMargin,\n 'text-append': textAppend\n }\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n (focusout)=\"onFocusOut()\"\n [min]=\"min\"\n [max]=\"max\"\n (keypress)=\"keyPress($event)\"\n />\n\n <!-- Indication at the end of the input -->\n <span class=\"indication\" *ngIf=\"indication\">\n <span [innerHTML]=\"indication\"></span>\n </span>\n\n <!-- Text Append -->\n <span *ngIf=\"textAppend\" class=\"has-input-group\">\n <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n <!-- error if text append not empty -->\n <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n </span>\n\n <!-- Icon Left -->\n <span *ngIf=\"icon !== '' && !textPrepend\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n\n <!-- Icon error if textAppend empty -->\n <span *ngIf=\"textError && !textAppend\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n\n <!-- Icon success -->\n <span *ngIf=\"success\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n\n <!-- Text Info -->\n <span\n *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar\"\n class=\"is-size-7 wac-input__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n\n <!-- Text Error -->\n <span *ngIf=\"textError && !progressBar\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n </p>\n\n <!-- Progress Bar -->\n <wac-progress-bar *ngIf=\"progressBar\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n",
|
|
90
|
+
template: "<div\n class=\"field wac-input\"\n [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\n>\n <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n <label\n [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n [innerHTML]=\"label\"\n [for]=\"id\"\n ></label>\n <wac-tooltip\n *ngIf=\"showTooltip\"\n [tooltipIcon]=\"iconTooltip\"\n [tooltipText]=\"textTooltip\"\n [tooltipLink]=\"linkTooltip\"\n [tooltipUrl]=\"urlTooltip\"\n ></wac-tooltip>\n <!-- Size -->\n <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n <strong>{{ value.toString().length }}</strong> / {{ size }}\n </span>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p\n class=\"control\"\n [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n >\n <!-- Text Prepend -->\n <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n </span>\n\n <!-- Input -->\n <input\n [class]=\"'input ' + extraClasses\"\n [id]=\"id\"\n [ngClass]=\"{\n 'is-danger': textError,\n 'is-large': big,\n 'is-number': isNumber,\n 'remove-margin': disableMargin,\n 'text-append': textAppend\n }\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n (focusout)=\"onFocusOut()\"\n [min]=\"min\"\n [max]=\"max\"\n (keypress)=\"keyPress($event)\"\n />\n\n <!-- Indication at the end of the input -->\n <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\n <span [innerHTML]=\"indication\"></span>\n </span>\n\n <!-- Text Append -->\n <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\n <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n <!-- error if text append not empty -->\n <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n </span>\n\n <!-- Icon Left -->\n <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n\n <!-- Icon error if textAppend empty -->\n <span *ngIf=\"textError && !textAppend && !indicationLeft\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n\n <!-- Icon success -->\n <span *ngIf=\"success\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n\n <!-- Text Info -->\n <span\n *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\n class=\"is-size-7 wac-input__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n\n <!-- Text Error -->\n <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n </p>\n\n <!-- Progress Bar -->\n <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n",
|
|
90
91
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }]
|
|
91
92
|
},] }
|
|
92
93
|
];
|
|
@@ -121,6 +122,7 @@ InputComponent.propDecorators = {
|
|
|
121
122
|
disabled: [{ type: Input }],
|
|
122
123
|
indication: [{ type: Input }],
|
|
123
124
|
success: [{ type: Input }],
|
|
125
|
+
indicationLeft: [{ type: Input }],
|
|
124
126
|
keypressEnter: [{ type: Output }]
|
|
125
127
|
};
|
|
126
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dHMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBT3pFLE1BQU0sT0FBTyxjQUFjO0lBTDNCO1FBT0UsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxTQUFJLEdBQUcsTUFBTSxDQUFDO1FBRWQsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUVoQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRWpCLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWhCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRXJCLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVixRQUFHLEdBQUcsS0FBSyxDQUFDO1FBRVosV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGNBQVMsR0FBRyxPQUFPLENBQUM7UUFFcEIsUUFBRyxHQUFHLElBQUksQ0FBQztRQUVYLFFBQUcsR0FBRyxJQUFJLENBQUM7UUFFWCxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUV0QixnQkFBVyxHQUFHLElBQUksQ0FBQztRQUVuQixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBRWxCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBRWxCLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUV2QixnQkFBVyxHQUFH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QUs7cUJBRUwsS0FBSzt3QkFFTCxLQUFLO2tCQUVMLEtBQUs7a0JBRUwsS0FBSzs0QkFFTCxLQUFLOzBCQUVMLEtBQUs7eUJBRUwsS0FBSzswQkFFTCxLQUFLOzJCQUVMLEtBQUs7Z0NBRUwsS0FBSzswQkFFTCxLQUFLOzBCQUVMLEtBQUs7MEJBRUwsS0FBSzt5QkFFTCxLQUFLOzBCQUVMLEtBQUs7c0JBRUwsS0FBSzt1QkFFTCxLQUFLO3lCQUVMLEtBQUs7c0JBRUwsS0FBSzs2QkFFTCxLQUFLOzRCQUdMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogSW5wdXRDb21wb25lbnQsIG11bHRpOiB0cnVlIH1dXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKVxuICBsYWJlbCA9ICcnO1xuICBASW5wdXQoKVxuICB2YWx1ZSA9ICcnO1xuICBASW5wdXQoKVxuICB0eXBlID0gJ3RleHQnO1xuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKVxuICB0ZXh0SW5mbyA9IG51bGw7XG4gIEBJbnB1dCgpXG4gIHRleHRFcnJvciA9IG51bGw7XG4gIEBJbnB1dCgpXG4gIHNpemUgPSBudWxsO1xuICBASW5wdXQoKVxuICBpc051bWJlciA9IG51bGw7XG4gIEBJbnB1dCgpXG4gIHdpdGhvdXRCbG9jayA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBpY29uID0gJyc7XG4gIEBJbnB1dCgpXG4gIGJpZyA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBtZWRpdW0gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgYm9sZExhYmVsID0gJ2ZhbHNlJztcbiAgQElucHV0KClcbiAgbWluID0gbnVsbDtcbiAgQElucHV0KClcbiAgbWF4ID0gbnVsbDtcbiAgQElucHV0KClcbiAgZGlzYWJsZU1hcmdpbiA9IGZhbHNlO1xuICBASW5wdXQoKVxuICB0ZXh0UHJlcGVuZCA9IG51bGw7XG4gIEBJbnB1dCgpXG4gIHRleHRBcHBlbmQgPSBudWxsO1xuICBASW5wdXQoKVxuICBwcm9ncmVzc0JhciA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBleHRyYUNsYXNzZXMgPSAnJztcbiAgQElucHV0KClcbiAga2V5UHJldmVudERlZmF1bHQgPSBbXTtcbiAgQElucHV0KClcbiAgc2hvd1Rvb2x0aXAgPSBmYWxzZTtcbiAgQElucHV0KClcbiAgdGV4dFRvb2x0aXAgPSAnJztcbiAgQElucHV0KClcbiAgaWNvblRvb2x0aXAgPSAnJztcbiAgQElucHV0KClcbiAgdXJsVG9vbHRpcCA9ICcnO1xuICBASW5wdXQoKVxuICBsaW5rVG9vbHRpcCA9ICcnO1xuICBASW5wdXQoKVxuICBwYWRkaW5nID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGluZGljYXRpb24gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgc3VjY2VzcyA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBpbmRpY2F0aW9uTGVmdCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBrZXlwcmVzc0VudGVyID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIHByaXZhdGUgS0VZUFJFU1NfRU5URVIgPSBcIkVudGVyXCI7XG5cbiAgaWQgPVxuICAgICd3ei1pbnB1dF8nICtcbiAgICBNYXRoLnJhbmRvbSgpXG4gICAgICAudG9TdHJpbmcoMzYpXG4gICAgICAuc3Vic3RyKDIsIDkpO1xuXG4gIHByaXZhdGUgX29uQ2hhbmdlOiBGdW5jdGlvbjtcbiAgcHJpdmF0ZSBfb25Ub3VjaGVkOiBGdW5jdGlvbjtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLl9vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX29uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IG9iajtcbiAgfVxuXG4gIG9uQ2hhbmdlKHZhbHVlKSB7XG4gICAgaWYgKHRoaXMuX29uQ2hhbmdlKSB7XG4gICAgICB0aGlzLl9vbkNoYW5nZSh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgb25CbHVyKCkge1xuICAgIGlmICh0aGlzLl9vblRvdWNoZWQpIHtcbiAgICAgIHRoaXMuX29uVG91Y2hlZCgpO1xuICAgIH1cbiAgfVxuXG4gIGNoZWNrTnVtYmVyVmFsdWUodmFsdWUpIHtcbiAgICBpZiAodGhpcy5taW4gJiYgdGhpcy5taW4gPiB2YWx1ZSkge1xuICAgICAgdGhpcy52YWx1ZSA9IHRoaXMubWluO1xuICAgIH1cbiAgICBpZiAodGhpcy5tYXggJiYgdGhpcy5tYXggPCB2YWx1ZSkge1xuICAgICAgdGhpcy52YWx1ZSA9IHRoaXMubWF4O1xuICAgIH1cbiAgfVxuXG4gIG9uRm9jdXNPdXQoKSB7XG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ251bWJlcicpIHtcbiAgICAgIHRoaXMuY2hlY2tOdW1iZXJWYWx1ZSh0aGlzLnZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBrZXlQcmVzcyhldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgIGlmICh0aGlzLmtleVByZXZlbnREZWZhdWx0LmluY2x1ZGVzKGV2ZW50LmtleSkpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gdGhpcy5LRVlQUkVTU19FTlRFUikge1xuICAgICAgdGhpcy5rZXlwcmVzc0VudGVyLm5leHQodHJ1ZSk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -47,6 +47,9 @@ export class FiltersTableService {
|
|
|
47
47
|
currentPage
|
|
48
48
|
});
|
|
49
49
|
}
|
|
50
|
+
/*
|
|
51
|
+
Add defaults filters in the URL if they not exists.
|
|
52
|
+
*/
|
|
50
53
|
setInitialPaginationFiltersIfNotExist(dataTableName, itemsPerPage, currentPage) {
|
|
51
54
|
const filterGroup = this.getTableFilterGroup(dataTableName);
|
|
52
55
|
filterGroup.setValues({
|
|
@@ -64,4 +67,4 @@ FiltersTableService.decorators = [
|
|
|
64
67
|
FiltersTableService.ctorParameters = () => [
|
|
65
68
|
{ type: NwbFilterRoutingBuilder }
|
|
66
69
|
];
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy10YWJsZS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9zaGFyZWQvZmlsdGVycy10YWJsZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFrQix1QkFBdUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBTzlDLE1BQU0sT0FBTyxtQkFBbUI7SUFLOUIsWUFBb0Isb0JBQTZDO1FBQTdDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBeUI7UUFKakUsaUJBQVksR0FBRyxJQUFJLEdBQUcsRUFBMEIsQ0FBQztRQUV6QyxnQkFBVyxHQUFpQixJQUFJLE9BQU8sRUFBTyxDQUFDO0lBRWEsQ0FBQztJQUVyRSxtQkFBbUIsQ0FBQyxhQUFxQjtRQUN2QyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQ3hDLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFzQixDQUFDO1NBQ2xFO1FBRUQsTUFBTSxnQkFBZ0IsR0FBaUI7WUFDckMsSUFBSSxFQUFFLFNBQVM7WUFDZixLQUFLLEVBQUUsU0FBUztZQUNoQixXQUFXLEVBQUUsU0FBUztZQUN0QixVQUFVLEVBQUUsQ0FBQztZQUNiLFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUFFLENBQUM7U0FDZixDQUFDO1FBRUYsTUFBTSxXQUFXLEdBQXNCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLEVBQUUsYUFBYSxDQUFzQixDQUFDO1FBQzdILFdBQVcsQ0FBQyx5QkFBeUIsR0FBRyxJQUFJLGFBQWEsQ0FBZSxDQUFDLENBQUMsQ0FBQztRQUMzRSxXQUFXLENBQUMsa0NBQWtDLEdBQUcsV0FBVyxDQUFDLHlCQUF5QixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUUvRyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDbEQsT0FBTyxXQUFXLENBQUM7SUFDckIsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsY0FBYyxDQUFDLGFBQXFCLEVBQUUsUUFBZ0IsRUFBRSxLQUFjO1FBQ3BFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxXQUFXO1FBQ3ZFLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1RCxXQUFXLENBQUMsU0FBUyxDQUFDO1lBQ3BCLFlBQVk7WUFDWixXQUFXO1NBQ1osQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztNQUVFO0lBQ0YscUNBQXFDLENBQUMsYUFBYSxFQUFFLFlBQVksRUFBRSxXQUFXO1FBQzVFLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1RCxXQUFXLENBQUMsU0FBUyxDQUFDO1lBQ3BCLFlBQVksRUFBRSxXQUFXLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZO1lBQ3hHLFdBQVcsRUFBRSxXQUFXLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXO1NBQ3JHLENBQUMsQ0FBQztJQUNMLENBQUM7Ozs7WUEvREYsVUFBVSxTQUFDO2dCQUNWLFVBQVUsRUFBRSxNQUFNO2FBQ25COzs7WUFSd0IsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTndiRmlsdGVyR3JvdXAsIE53YkZpbHRlclJvdXRpbmdCdWlsZGVyIH0gZnJvbSAnQHdpemlzaG9wL25nLXdpemktYnVsbWEnO1xuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgVGFibGVGaWx0ZXJzR3JvdXAgfSBmcm9tICcuL3RhYmxlLWZpbHRlcnMtZ3JvdXAubW9kZWwnO1xuaW1wb3J0IHsgVGFibGVGaWx0ZXJzIH0gZnJvbSAnLi90YWJsZS1maWx0ZXJzLm1vZGVsJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyc1RhYmxlU2VydmljZSB7XG4gIGZpbHRlckdyb3VwcyA9IG5ldyBNYXA8c3RyaW5nLCBOd2JGaWx0ZXJHcm91cD4oKTtcblxuICBwcml2YXRlIHNvcnRTdWJqZWN0OiBTdWJqZWN0PGFueT4gPSBuZXcgU3ViamVjdDxhbnk+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmaWx0ZXJSb3V0aW5nQnVpbGRlcjogTndiRmlsdGVyUm91dGluZ0J1aWxkZXIpIHt9XG5cbiAgZ2V0VGFibGVGaWx0ZXJHcm91cChkYXRhVGFibGVOYW1lOiBzdHJpbmcpOiBUYWJsZUZpbHRlcnNHcm91cCB7XG4gICAgaWYgKHRoaXMuZmlsdGVyR3JvdXBzLmhhcyhkYXRhVGFibGVOYW1lKSkge1xuICAgICAgcmV0dXJuIHRoaXMuZmlsdGVyR3JvdXBzLmdldChkYXRhVGFibGVOYW1lKSBhcyBUYWJsZUZpbHRlcnNHcm91cDtcbiAgICB9XG5cbiAgICBjb25zdCBkYXRhVGFibGVGaWx0ZXJzOiBUYWJsZUZpbHRlcnMgPSB7XG4gICAgICBzb3J0OiB1bmRlZmluZWQsXG4gICAgICBvcmRlcjogdW5kZWZpbmVkLFxuICAgICAgc2VhcmNoVmFsdWU6IHVuZGVmaW5lZCxcbiAgICAgIHRvdGFsSXRlbXM6IDAsXG4gICAgICBpdGVtc1BlclBhZ2U6IDAsXG4gICAgICBjdXJyZW50UGFnZTogMFxuICAgIH07XG5cbiAgICBjb25zdCBmaWx0ZXJHcm91cDogVGFibGVGaWx0ZXJzR3JvdXAgPSB0aGlzLmZpbHRlclJvdXRpbmdCdWlsZGVyLmdyb3VwKGRhdGFUYWJsZUZpbHRlcnMsIGRhdGFUYWJsZU5hbWUpIGFzIFRhYmxlRmlsdGVyc0dyb3VwO1xuICAgIGZpbHRlckdyb3VwLnRhYmxlRmlsdGVyc1ZhbHVlc0NoYW5nZSQgPSBuZXcgUmVwbGF5U3ViamVjdDxUYWJsZUZpbHRlcnM+KDEpO1xuICAgIGZpbHRlckdyb3VwLnRhYmxlRmlsdGVyc1ZhbHVlc0RlYm91bmNlZENoYW5nZSQgPSBmaWx0ZXJHcm91cC50YWJsZUZpbHRlcnNWYWx1ZXNDaGFuZ2UkLnBpcGUoZGVib3VuY2VUaW1lKDMwMCkpO1xuXG4gICAgdGhpcy5maWx0ZXJHcm91cHMuc2V0KGRhdGFUYWJsZU5hbWUsIGZpbHRlckdyb3VwKTtcbiAgICByZXR1cm4gZmlsdGVyR3JvdXA7XG4gIH1cblxuICAvKipcbiAgICogVXNlIHRvIHJlc2V0IHRoZSBvdGhlcnMgc29ydHMgb2YgdGhlIHRhYmxlXG4gICAqIEBwYXJhbSBkYXRhVGFibGVOYW1lXG4gICAqIEBwYXJhbSBzb3J0TmFtZVxuICAgKiBAcGFyYW0gb3JkZXJcbiAgICovXG4gIGVtaXRTb3J0Q2hhbmdlKGRhdGFUYWJsZU5hbWU6IHN0cmluZywgc29ydE5hbWU6IHN0cmluZywgb3JkZXI6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnNvcnRTdWJqZWN0Lm5leHQoeyBkYXRhVGFibGVOYW1lLCBzb3J0TmFtZSwgb3JkZXIgfSk7XG4gIH1cblxuICBnZXRTb3J0Q2hhbmdlTGlzdG5lcigpIHtcbiAgICByZXR1cm4gdGhpcy5zb3J0U3ViamVjdC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIHNldFBhZ2luYXRpb25GaWx0ZXJzKGRhdGFUYWJsZU5hbWUsIHRvdGFsSXRlbXMsIGl0ZW1zUGVyUGFnZSwgY3VycmVudFBhZ2UpIHtcbiAgICBjb25zdCBmaWx0ZXJHcm91cCA9IHRoaXMuZ2V0VGFibGVGaWx0ZXJHcm91cChkYXRhVGFibGVOYW1lKTtcbiAgICBmaWx0ZXJHcm91cC5zZXRWYWx1ZXMoe1xuICAgICAgaXRlbXNQZXJQYWdlLFxuICAgICAgY3VycmVudFBhZ2VcbiAgICB9KTtcbiAgfVxuXG4gIC8qXG4gICAgQWRkIGRlZmF1bHRzIGZpbHRlcnMgaW4gdGhlIFVSTCBpZiB0aGV5IG5vdCBleGlzdHMuXG4gICovXG4gIHNldEluaXRpYWxQYWdpbmF0aW9uRmlsdGVyc0lmTm90RXhpc3QoZGF0YVRhYmxlTmFtZSwgaXRlbXNQZXJQYWdlLCBjdXJyZW50UGFnZSkge1xuICAgIGNvbnN0IGZpbHRlckdyb3VwID0gdGhpcy5nZXRUYWJsZUZpbHRlckdyb3VwKGRhdGFUYWJsZU5hbWUpO1xuICAgIGZpbHRlckdyb3VwLnNldFZhbHVlcyh7XG4gICAgICBpdGVtc1BlclBhZ2U6IGZpbHRlckdyb3VwLmdldCgnaXRlbXNQZXJQYWdlJykgPyBwYXJzZUludChmaWx0ZXJHcm91cC5nZXQoJ2l0ZW1zUGVyUGFnZScpKSA6IGl0ZW1zUGVyUGFnZSxcbiAgICAgIGN1cnJlbnRQYWdlOiBmaWx0ZXJHcm91cC5nZXQoJ2N1cnJlbnRQYWdlJykgPyBwYXJzZUludChmaWx0ZXJHcm91cC5nZXQoJ2N1cnJlbnRQYWdlJykpIDogY3VycmVudFBhZ2VcbiAgICB9KTtcbiAgfVxufVxuIl19
|
|
@@ -23,14 +23,11 @@ export class TableComponent {
|
|
|
23
23
|
this.headerCheckBoxId = uuid(); // Create checkbox unique id
|
|
24
24
|
/* Handle routing filters */
|
|
25
25
|
if (this.tableRoutingName) {
|
|
26
|
-
|
|
26
|
+
this.filtersTableService.setInitialPaginationFiltersIfNotExist(this.tableRoutingName, this.tableFilters.itemsPerPage, this.tableFilters.currentPage);
|
|
27
27
|
this._tableFiltersGroup = this.filtersTableService.getTableFilterGroup(this.tableRoutingName);
|
|
28
28
|
this.setTablesFilters();
|
|
29
|
-
// Performe initial fetch data
|
|
30
|
-
//this._tableFiltersGroup.valuesChange$.next([]);
|
|
31
29
|
// Listen to filters changes with debounced time to limit multiple api calls
|
|
32
30
|
this.filterGroupChangeSub = this._tableFiltersGroup.valuesChange$.subscribe(filters => {
|
|
33
|
-
console.log('valuesChange', filters);
|
|
34
31
|
this.setTablesFilters();
|
|
35
32
|
});
|
|
36
33
|
}
|
|
@@ -76,7 +73,6 @@ export class TableComponent {
|
|
|
76
73
|
totalItems: this.tableFilters.totalItems
|
|
77
74
|
};
|
|
78
75
|
this.tableFiltersChange.emit(this.tableFilters);
|
|
79
|
-
console.log('tableFiltersValuesChange$.next');
|
|
80
76
|
this._tableFiltersGroup.tableFiltersValuesChange$.next(this.tableFilters);
|
|
81
77
|
}
|
|
82
78
|
ngDestroy() {
|
|
@@ -106,4 +102,4 @@ TableComponent.propDecorators = {
|
|
|
106
102
|
disablePagniation: [{ type: Input }],
|
|
107
103
|
isLoading: [{ type: Input }]
|
|
108
104
|
};
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS90YWJsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsRUFBRSxJQUFJLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQVVyRSxNQUFNLE9BQU8sY0FBYztJQWlDekIsWUFBb0IsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUE3QmxELHVCQUFrQixHQUErQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3JFLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBSWxDLGdDQUFnQztRQUVoQywyREFBMkQ7UUFDbEQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUMxQixtQ0FBbUM7UUFDekIsc0JBQWlCLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFeEUsZ0NBQWdDO1FBRWhDLHdDQUF3QztRQUMvQixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUN4Qyx5Q0FBeUM7UUFDaEMsc0JBQWlCLEdBQVksS0FBSyxDQUFDO1FBRTVDLHNDQUFzQztRQUU3QixjQUFTLEdBQUcsS0FBSyxDQUFDO0lBTW9DLENBQUM7SUFFaEUsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLEVBQUUsQ0FBQyxDQUFDLDRCQUE0QjtRQUU1RCw0QkFBNEI7UUFDNUIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFFekIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLHFDQUFxQyxD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QUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNoRCxJQUFJLENBQUMsa0JBQWtCLENBQUMseUJBQXlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksSUFBSSxDQUFDLG9CQUFvQixFQUFFO1lBQzdCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUN6QztJQUNILENBQUM7OztZQWpIRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLCszQ0FBcUM7Z0JBQ3JDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7WUFUUSxtQkFBbUI7OzsyQkFhekIsS0FBSztpQ0FDTCxNQUFNOytCQUVOLEtBQUs7MEJBQ0wsS0FBSzt1QkFPTCxLQUFLO2dDQUVMLE1BQU07NEJBS04sS0FBSztnQ0FFTCxLQUFLO3dCQUlMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdjQgYXMgdXVpZCB9IGZyb20gJ3V1aWQnO1xuaW1wb3J0IHsgRmlsdGVyc1RhYmxlU2VydmljZSB9IGZyb20gJy4vc2hhcmVkL2ZpbHRlcnMtdGFibGUuc2VydmljZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFRhYmxlRmlsdGVycyB9IGZyb20gJy4vc2hhcmVkL3RhYmxlLWZpbHRlcnMubW9kZWwnO1xuaW1wb3J0IHsgVGFibGVGaWx0ZXJzR3JvdXAgfSBmcm9tICcuL3NoYXJlZC90YWJsZS1maWx0ZXJzLWdyb3VwLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vLyBJbnB1dC9PdXRwdXQgb2YgdGFibGUgZmlsdGVycyAvLy9cblxuICBASW5wdXQoKSB0YWJsZUZpbHRlcnM6IFRhYmxlRmlsdGVycztcbiAgQE91dHB1dCgpIHRhYmxlRmlsdGVyc0NoYW5nZTogRXZlbnRFbWl0dGVyPFRhYmxlRmlsdGVycz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQElucHV0KCkgdGFibGVSb3V0aW5nTmFtZTogc3RyaW5nOyAvLyBOYW1lIG9mIHRoZSB0YWJsZVxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgcHJpdmF0ZSBfdGFibGVGaWx0ZXJzR3JvdXA6IFRhYmxlRmlsdGVyc0dyb3VwO1xuXG4gIC8vLyBJbnB1dC9PdXRwdXQgb2YgY2hlY2tib3ggLy8vXG5cbiAgLyoqIFBhc3MgdG8gdHJ1ZSB0byBkaXNwbGF5IGNoZWNrYm94IGluIHRoZSBoZWFkZXIgdGFibGUgKi9cbiAgQElucHV0KCkgY2hlY2tib3ggPSBmYWxzZTtcbiAgLyoqIEVtaXQgbmV3IGhlYWRlciBjaGVjYm94VmFsdWUgKi9cbiAgQE91dHB1dCgpIHRvZ2dsZUFsbENoZWNrQm94OiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLy8vIElucHV0IHRvIGRpc2FibGUgc2VjdGlvbiAvLy9cblxuICAvKiogUGFzcyB0byB0cnVlIHRvIGhpZGUgc2VhcmNoIGlucHV0ICovXG4gIEBJbnB1dCgpIGRpc2FibGVTZWFyY2g6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqIFBhc3MgdG8gdHJ1ZSB0byBoaWRlIHRoZSBwYWduaWF0b3IgKi9cbiAgQElucHV0KCkgZGlzYWJsZVBhZ25pYXRpb246IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvLy8gSW5wdXQgZm9yIGxvYWRlciBvbiB0YWJsZSBib2R5IC8vL1xuXG4gIEBJbnB1dCgpIGlzTG9hZGluZyA9IGZhbHNlO1xuXG4gIC8vLyBQcml2YXRlIHZhcmlhYmxlcyAvLy9cbiAgaGVhZGVyQ2hlY2tCb3hJZDogc3RyaW5nO1xuICBwcml2YXRlIGZpbHRlckdyb3VwQ2hhbmdlU3ViOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmaWx0ZXJzVGFibGVTZXJ2aWNlOiBGaWx0ZXJzVGFibGVTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaGVhZGVyQ2hlY2tCb3hJZCA9IHV1aWQoKTsgLy8gQ3JlYXRlIGNoZWNrYm94IHVuaXF1ZSBpZFxuXG4gICAgLyogSGFuZGxlIHJvdXRpbmcgZmlsdGVycyAqL1xuICAgIGlmICh0aGlzLnRhYmxlUm91dGluZ05hbWUpIHtcblxuICAgICAgdGhpcy5maWx0ZXJzVGFibGVTZXJ2aWNlLnNldEluaXRpYWxQYWdpbmF0aW9uRmlsdGVyc0lmTm90RXhpc3QoXG4gICAgICAgIHRoaXMudGFibGVSb3V0aW5nTmFtZSxcbiAgICAgICAgdGhpcy50YWJsZUZpbHRlcnMuaXRlbXNQZXJQYWdlLFxuICAgICAgICB0aGlzLnRhYmxlRmlsdGVycy5jdXJyZW50UGFnZVxuICAgICAgKTtcblxuICAgICAgdGhpcy5fdGFibGVGaWx0ZXJzR3JvdXAgPSB0aGlzLmZpbHRlcnNUYWJsZVNlcnZpY2UuZ2V0VGFibGVGaWx0ZXJHcm91cCh0aGlzLnRhYmxlUm91dGluZ05hbWUpO1xuICAgICAgdGhpcy5zZXRUYWJsZXNGaWx0ZXJzKCk7XG4gICAgICAvLyBMaXN0ZW4gdG8gZmlsdGVycyBjaGFuZ2VzIHdpdGggZGVib3VuY2VkIHRpbWUgdG8gbGltaXQgbXVsdGlwbGUgYXBpIGNhbGxzXG4gICAgICB0aGlzLmZpbHRlckdyb3VwQ2hhbmdlU3ViID0gdGhpcy5fdGFibGVGaWx0ZXJzR3JvdXAudmFsdWVzQ2hhbmdlJC5zdWJzY3JpYmUoZmlsdGVycyA9PiB7XG4gICAgICAgIHRoaXMuc2V0VGFibGVzRmlsdGVycygpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgb25Ub2dnbGVBbGxDaGVja0JveChldmVudDogYW55KSB7XG4gICAgdGhpcy50b2dnbGVBbGxDaGVja0JveC5lbWl0KGV2ZW50LnRhcmdldC5jaGVja2VkKTtcbiAgfVxuXG4gIHNlYXJjaENoYW5nZSgpIHtcbiAgICAvLyBSZXNldCB0YWJsZSBmaWx0ZXJzXG4gICAgdGhpcy50YWJsZUZpbHRlcnMuc29ydCA9IHVuZGVmaW5lZDtcbiAgICB0aGlzLnRhYmxlRmlsdGVycy5vcmRlciA9IHVuZGVmaW5lZDtcbiAgICB0aGlzLnRhYmxlRmlsdGVycy5jdXJyZW50UGFnZSA9IDE7XG4gICAgdGhpcy50YWJsZUZpbHRlcnNDaGFuZ2UuZW1pdCh0aGlzLnRhYmxlRmlsdGVycyk7XG5cbiAgICAvLyBSZXNldCByb3V0aW5nIGZpbHRlcnNcbiAgICBpZiAodGhpcy5fdGFibGVGaWx0ZXJzR3JvdXApIHtcbiAgICAgIHRoaXMuX3RhYmxlRmlsdGVyc0dyb3VwLnNldFZhbHVlcyh7XG4gICAgICAgIHNlYXJjaFZhbHVlOiB0aGlzLnRhYmxlRmlsdGVycy5zZWFyY2hWYWx1ZSxcbiAgICAgICAgc29ydDogdW5kZWZpbmVkLFxuICAgICAgICBvcmRlcjogdW5kZWZpbmVkLFxuICAgICAgICBjdXJyZW50UGFnZTogMVxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcGFnZUNoYW5nZSgpIHtcbiAgICB0aGlzLnRhYmxlRmlsdGVyc0NoYW5nZS5lbWl0KHRoaXMudGFibGVGaWx0ZXJzKTtcbiAgICBpZiAodGhpcy5fdGFibGVGaWx0ZXJzR3JvdXApIHtcbiAgICAgIHRoaXMuX3RhYmxlRmlsdGVyc0dyb3VwLnNldFZhbHVlcyh7XG4gICAgICAgIGl0ZW1zUGVyUGFnZTogdGhpcy50YWJsZUZpbHRlcnMuaXRlbXNQZXJQYWdlLFxuICAgICAgICBjdXJyZW50UGFnZTogdGhpcy50YWJsZUZpbHRlcnMuY3VycmVudFBhZ2VcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiAgU2V0IHRhYmxlRmlsdGVycyBmcm9tIHJvdXRpbmcgZGF0YSBleGlzdGluZyBpbiB0aGUgdXJsXG4gICAqICovXG4gIHByaXZhdGUgc2V0VGFibGVzRmlsdGVycygpIHtcbiAgICB0aGlzLnRhYmxlRmlsdGVycyA9IHtcbiAgICAgIHNvcnQ6IHRoaXMuX3RhYmxlRmlsdGVyc0dyb3VwLmdldCgnc29ydCcpLFxuICAgICAgb3JkZXI6IHRoaXMuX3RhYmxlRmlsdGVyc0dyb3VwLmdldCgnb3JkZXInKSxcbiAgICAgIHNlYXJjaFZhbHVlOiB0aGlzLl90YWJsZUZpbHRlcnNHcm91cC5nZXQoJ3NlYXJjaFZhbHVlJyksXG4gICAgICBpdGVtc1BlclBhZ2U6IHRoaXMuX3RhYmxlRmlsdGVyc0dyb3VwLmdldCgnaXRlbXNQZXJQYWdlJykgPyBwYXJzZUludCh0aGlzLl90YWJsZUZpbHRlcnNHcm91cC5nZXQoJ2l0ZW1zUGVyUGFnZScpKSA6IDAsXG4gICAgICBjdXJyZW50UGFnZTogdGhpcy5fdGFibGVGaWx0ZXJzR3JvdXAuZ2V0KCdjdXJyZW50UGFnZScpID8gcGFyc2VJbnQodGhpcy5fdGFibGVGaWx0ZXJzR3JvdXAuZ2V0KCdjdXJyZW50UGFnZScpKSA6IDAsXG4gICAgICB0b3RhbEl0ZW1zOiB0aGlzLnRhYmxlRmlsdGVycy50b3RhbEl0ZW1zXG4gICAgfTtcbiAgICB0aGlzLnRhYmxlRmlsdGVyc0NoYW5nZS5lbWl0KHRoaXMudGFibGVGaWx0ZXJzKTtcbiAgICB0aGlzLl90YWJsZUZpbHRlcnNHcm91cC50YWJsZUZpbHRlcnNWYWx1ZXNDaGFuZ2UkLm5leHQodGhpcy50YWJsZUZpbHRlcnMpO1xuICB9XG5cbiAgbmdEZXN0cm95KCkge1xuICAgIGlmICh0aGlzLmZpbHRlckdyb3VwQ2hhbmdlU3ViKSB7XG4gICAgICB0aGlzLmZpbHRlckdyb3VwQ2hhbmdlU3ViLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -395,6 +395,9 @@ class FiltersTableService {
|
|
|
395
395
|
currentPage
|
|
396
396
|
});
|
|
397
397
|
}
|
|
398
|
+
/*
|
|
399
|
+
Add defaults filters in the URL if they not exists.
|
|
400
|
+
*/
|
|
398
401
|
setInitialPaginationFiltersIfNotExist(dataTableName, itemsPerPage, currentPage) {
|
|
399
402
|
const filterGroup = this.getTableFilterGroup(dataTableName);
|
|
400
403
|
filterGroup.setValues({
|
|
@@ -435,14 +438,11 @@ class TableComponent {
|
|
|
435
438
|
this.headerCheckBoxId = v4(); // Create checkbox unique id
|
|
436
439
|
/* Handle routing filters */
|
|
437
440
|
if (this.tableRoutingName) {
|
|
438
|
-
|
|
441
|
+
this.filtersTableService.setInitialPaginationFiltersIfNotExist(this.tableRoutingName, this.tableFilters.itemsPerPage, this.tableFilters.currentPage);
|
|
439
442
|
this._tableFiltersGroup = this.filtersTableService.getTableFilterGroup(this.tableRoutingName);
|
|
440
443
|
this.setTablesFilters();
|
|
441
|
-
// Performe initial fetch data
|
|
442
|
-
//this._tableFiltersGroup.valuesChange$.next([]);
|
|
443
444
|
// Listen to filters changes with debounced time to limit multiple api calls
|
|
444
445
|
this.filterGroupChangeSub = this._tableFiltersGroup.valuesChange$.subscribe(filters => {
|
|
445
|
-
console.log('valuesChange', filters);
|
|
446
446
|
this.setTablesFilters();
|
|
447
447
|
});
|
|
448
448
|
}
|
|
@@ -488,7 +488,6 @@ class TableComponent {
|
|
|
488
488
|
totalItems: this.tableFilters.totalItems
|
|
489
489
|
};
|
|
490
490
|
this.tableFiltersChange.emit(this.tableFilters);
|
|
491
|
-
console.log('tableFiltersValuesChange$.next');
|
|
492
491
|
this._tableFiltersGroup.tableFiltersValuesChange$.next(this.tableFilters);
|
|
493
492
|
}
|
|
494
493
|
ngDestroy() {
|
|
@@ -1450,6 +1449,7 @@ class InputComponent {
|
|
|
1450
1449
|
this.disabled = false;
|
|
1451
1450
|
this.indication = false;
|
|
1452
1451
|
this.success = false;
|
|
1452
|
+
this.indicationLeft = false;
|
|
1453
1453
|
this.keypressEnter = new EventEmitter();
|
|
1454
1454
|
this.KEYPRESS_ENTER = "Enter";
|
|
1455
1455
|
this.id = 'wz-input_' +
|
|
@@ -1504,7 +1504,7 @@ class InputComponent {
|
|
|
1504
1504
|
InputComponent.decorators = [
|
|
1505
1505
|
{ type: Component, args: [{
|
|
1506
1506
|
selector: 'wac-input',
|
|
1507
|
-
template: "<div\n class=\"field wac-input\"\n [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'with-progress-bar': progressBar }\"\n>\n <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n <label\n [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n [innerHTML]=\"label\"\n [for]=\"id\"\n ></label>\n <wac-tooltip\n *ngIf=\"showTooltip\"\n [tooltipIcon]=\"iconTooltip\"\n [tooltipText]=\"textTooltip\"\n [tooltipLink]=\"linkTooltip\"\n [tooltipUrl]=\"urlTooltip\"\n ></wac-tooltip>\n <!-- Size -->\n <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n <strong>{{ value.toString().length }}</strong> / {{ size }}\n </span>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p\n class=\"control\"\n [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n >\n <!-- Text Prepend -->\n <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n </span>\n\n <!-- Input -->\n <input\n [class]=\"'input ' + extraClasses\"\n [id]=\"id\"\n [ngClass]=\"{\n 'is-danger': textError,\n 'is-large': big,\n 'is-number': isNumber,\n 'remove-margin': disableMargin,\n 'text-append': textAppend\n }\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n (focusout)=\"onFocusOut()\"\n [min]=\"min\"\n [max]=\"max\"\n (keypress)=\"keyPress($event)\"\n />\n\n <!-- Indication at the end of the input -->\n <span class=\"indication\" *ngIf=\"indication\">\n <span [innerHTML]=\"indication\"></span>\n </span>\n\n <!-- Text Append -->\n <span *ngIf=\"textAppend\" class=\"has-input-group\">\n <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n <!-- error if text append not empty -->\n <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n </span>\n\n <!-- Icon Left -->\n <span *ngIf=\"icon !== '' && !textPrepend\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n\n <!-- Icon error if textAppend empty -->\n <span *ngIf=\"textError && !textAppend\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n\n <!-- Icon success -->\n <span *ngIf=\"success\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n\n <!-- Text Info -->\n <span\n *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar\"\n class=\"is-size-7 wac-input__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n\n <!-- Text Error -->\n <span *ngIf=\"textError && !progressBar\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n </p>\n\n <!-- Progress Bar -->\n <wac-progress-bar *ngIf=\"progressBar\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n",
|
|
1507
|
+
template: "<div\n class=\"field wac-input\"\n [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\n>\n <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n <label\n [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n [innerHTML]=\"label\"\n [for]=\"id\"\n ></label>\n <wac-tooltip\n *ngIf=\"showTooltip\"\n [tooltipIcon]=\"iconTooltip\"\n [tooltipText]=\"textTooltip\"\n [tooltipLink]=\"linkTooltip\"\n [tooltipUrl]=\"urlTooltip\"\n ></wac-tooltip>\n <!-- Size -->\n <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n <strong>{{ value.toString().length }}</strong> / {{ size }}\n </span>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p\n class=\"control\"\n [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n >\n <!-- Text Prepend -->\n <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n </span>\n\n <!-- Input -->\n <input\n [class]=\"'input ' + extraClasses\"\n [id]=\"id\"\n [ngClass]=\"{\n 'is-danger': textError,\n 'is-large': big,\n 'is-number': isNumber,\n 'remove-margin': disableMargin,\n 'text-append': textAppend\n }\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n (focusout)=\"onFocusOut()\"\n [min]=\"min\"\n [max]=\"max\"\n (keypress)=\"keyPress($event)\"\n />\n\n <!-- Indication at the end of the input -->\n <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\n <span [innerHTML]=\"indication\"></span>\n </span>\n\n <!-- Text Append -->\n <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\n <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n <!-- error if text append not empty -->\n <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n </span>\n\n <!-- Icon Left -->\n <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n\n <!-- Icon error if textAppend empty -->\n <span *ngIf=\"textError && !textAppend && !indicationLeft\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n\n <!-- Icon success -->\n <span *ngIf=\"success\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n\n <!-- Text Info -->\n <span\n *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\n class=\"is-size-7 wac-input__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n\n <!-- Text Error -->\n <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n </p>\n\n <!-- Progress Bar -->\n <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n",
|
|
1508
1508
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }]
|
|
1509
1509
|
},] }
|
|
1510
1510
|
];
|
|
@@ -1539,6 +1539,7 @@ InputComponent.propDecorators = {
|
|
|
1539
1539
|
disabled: [{ type: Input }],
|
|
1540
1540
|
indication: [{ type: Input }],
|
|
1541
1541
|
success: [{ type: Input }],
|
|
1542
|
+
indicationLeft: [{ type: Input }],
|
|
1542
1543
|
keypressEnter: [{ type: Output }]
|
|
1543
1544
|
};
|
|
1544
1545
|
|