ngx-techlify-core 14.8.1 → 14.8.2
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/base-model/techlify-listing-component.class.mjs +20 -1
- package/fesm2015/ngx-techlify-core.mjs +19 -2
- package/fesm2015/ngx-techlify-core.mjs.map +1 -1
- package/fesm2020/ngx-techlify-core.mjs +19 -2
- package/fesm2020/ngx-techlify-core.mjs.map +1 -1
- package/lib/base-model/techlify-listing-component.class.d.ts +5 -10
- package/package.json +1 -1
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { debounceTime } from 'rxjs/operators';
|
|
2
|
+
import { untilDestroyed } from '@ngneat/until-destroy';
|
|
1
3
|
/**
|
|
2
4
|
* Interface used to ensure we have a consistent structure across our listing pages
|
|
3
5
|
*
|
|
@@ -17,6 +19,15 @@ export class TechlifyListingControllerInterface {
|
|
|
17
19
|
this.lastPage = 500;
|
|
18
20
|
this.isWorking = false;
|
|
19
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* Function that listens for any changes in the form group to apply the filters
|
|
24
|
+
*/
|
|
25
|
+
listenForChanges() {
|
|
26
|
+
this.filterForm.valueChanges.pipe(debounceTime(500), untilDestroyed(this))
|
|
27
|
+
.subscribe(() => {
|
|
28
|
+
this.reload();
|
|
29
|
+
});
|
|
30
|
+
}
|
|
20
31
|
/**
|
|
21
32
|
* Reload all data from page 1
|
|
22
33
|
*/
|
|
@@ -37,5 +48,13 @@ export class TechlifyListingControllerInterface {
|
|
|
37
48
|
this.loadData();
|
|
38
49
|
}
|
|
39
50
|
}
|
|
51
|
+
/**
|
|
52
|
+
* Reset the filter.
|
|
53
|
+
*
|
|
54
|
+
* @param field
|
|
55
|
+
*/
|
|
56
|
+
resetFilter(field) {
|
|
57
|
+
this.filterForm.get(field).reset('');
|
|
58
|
+
}
|
|
40
59
|
}
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVjaGxpZnktbGlzdGluZy1jb21wb25lbnQuY2xhc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVjaGxpZnktY29yZS9zcmMvbGliL2Jhc2UtbW9kZWwvdGVjaGxpZnktbGlzdGluZy1jb21wb25lbnQuY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV2RDs7Ozs7Ozs7OztHQVVHO0FBQ0gsTUFBTSxPQUFnQixrQ0FBa0M7SUFBeEQ7UUFFRSxXQUFNLEdBQVUsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBVyxDQUFDLENBQUM7UUFDakIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixhQUFRLEdBQVcsR0FBRyxDQUFDO1FBQ3ZCLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFpRDdCLENBQUM7SUE5Q0M7O09BRUc7SUFDSCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN2RSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQU9EOztPQUVHO0lBQ0gsTUFBTTtRQUNKLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNILFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEQsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7U0FDakI7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN2QyxDQUFDO0NBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkZWJvdW5jZVRpbWUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyB1bnRpbERlc3Ryb3llZCB9IGZyb20gJ0BuZ25lYXQvdW50aWwtZGVzdHJveSc7XG5cbi8qKlxuICogSW50ZXJmYWNlIHVzZWQgdG8gZW5zdXJlIHdlIGhhdmUgYSBjb25zaXN0ZW50IHN0cnVjdHVyZSBhY3Jvc3Mgb3VyIGxpc3RpbmcgcGFnZXNcbiAqXG4gKiBAdG9kbyBUaGlzIHNob3VsZCBiZSBtb3ZlZCB0byBuZ3gtdGVjaGxpZnktY29yZVxuICpcbiAqIEFkdmFudGFnZXMgb2YgdGhpcyBhYnN0cmFjdCBjbGFzc1xuICogLSBMZXNzIGNvZGUsIGxlc3MgbWFpbnRlbmFuY2UsIGxlc3MgYnVnc1xuICogLSBtb3JlIGNvbnNpc3RlbnQgY29kZVxuICogLSBjb21tZW50cyBvbiBtb3JlIGNvZGVcbiAqIC0gc2F2ZSB0aW1lLCBzYXZlIGVuZXJneVxuICovXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgVGVjaGxpZnlMaXN0aW5nQ29udHJvbGxlckludGVyZmFjZSB7XG5cbiAgbW9kZWxzOiBhbnlbXSA9IFtdO1xuICBwYWdlOiBudW1iZXIgPSAxO1xuICBwZXJQYWdlOiBudW1iZXIgPSAyNTtcbiAgbGFzdFBhZ2U6IG51bWJlciA9IDUwMDtcbiAgaXNXb3JraW5nOiBib29sZWFuID0gZmFsc2U7XG4gIGZpbHRlckZvcm06IGFueTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBsaXN0ZW5zIGZvciBhbnkgY2hhbmdlcyBpbiB0aGUgZm9ybSBncm91cCB0byBhcHBseSB0aGUgZmlsdGVyc1xuICAgKi9cbiAgbGlzdGVuRm9yQ2hhbmdlcygpIHtcbiAgICB0aGlzLmZpbHRlckZvcm0udmFsdWVDaGFuZ2VzLnBpcGUoZGVib3VuY2VUaW1lKDUwMCksIHVudGlsRGVzdHJveWVkKHRoaXMpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMucmVsb2FkKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IGxvYWRzIHRoZSBtYWluIG1vZGVscyBvZiB0aGUgYXBwbGljYXRpb25cbiAgICovXG4gIGFic3RyYWN0IGxvYWREYXRhKCk6IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFJlbG9hZCBhbGwgZGF0YSBmcm9tIHBhZ2UgMVxuICAgKi9cbiAgcmVsb2FkKCkge1xuICAgIHRoaXMubW9kZWxzID0gW107XG4gICAgdGhpcy5wYWdlID0gMTtcbiAgICBpZiAoIXRoaXMuaXNXb3JraW5nKSB7XG4gICAgICB0aGlzLmxvYWREYXRhKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENhbiBiZSBjYWxsZWQgd2hlbiB0aGUgdXNlciBpcyBzY3JvbGxpbmcsXG4gICAqIHRvIHRyaWdnZXIgbG9hZGluZyBhIG5ldyBwYWdlIG9mIGRhdGFcbiAgICovXG4gIG9uU2Nyb2xsKCkge1xuICAgIGlmICghdGhpcy5pc1dvcmtpbmcgJiYgdGhpcy5wYWdlIDwgdGhpcy5sYXN0UGFnZSkge1xuICAgICAgdGhpcy5wYWdlICs9IDE7XG4gICAgICB0aGlzLmxvYWREYXRhKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0IHRoZSBmaWx0ZXIuXG4gICAqXG4gICAqIEBwYXJhbSBmaWVsZFxuICAgKi9cbiAgcmVzZXRGaWx0ZXIoZmllbGQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuZmlsdGVyRm9ybS5nZXQoZmllbGQpLnJlc2V0KCcnKTtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -5,12 +5,13 @@ import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
|
5
5
|
import * as i7 from '@angular/flex-layout/flex';
|
|
6
6
|
import * as i5 from '@angular/material/button';
|
|
7
7
|
import { MatButtonModule } from '@angular/material/button';
|
|
8
|
+
import { debounceTime, catchError, takeUntil, tap, distinctUntilChanged, startWith, switchMap, finalize, map, filter } from 'rxjs/operators';
|
|
9
|
+
import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
|
|
8
10
|
import { __decorate, __awaiter } from 'tslib';
|
|
9
11
|
import * as i11 from '@angular/material/table';
|
|
10
12
|
import { MatTableDataSource, MatTableModule } from '@angular/material/table';
|
|
11
13
|
import * as i10 from '@angular/material/sort';
|
|
12
14
|
import { MatSort, MatSortModule } from '@angular/material/sort';
|
|
13
|
-
import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
|
|
14
15
|
import * as i2 from '@angular/flex-layout/extended';
|
|
15
16
|
import * as i3 from '@angular/common';
|
|
16
17
|
import { DatePipe, CommonModule } from '@angular/common';
|
|
@@ -31,7 +32,6 @@ import { UntypedFormControl, Validators, ReactiveFormsModule, FormsModule, NG_VA
|
|
|
31
32
|
import * as i1$2 from '@angular/common/http';
|
|
32
33
|
import { HttpResponse, HttpClient, HttpClientModule } from '@angular/common/http';
|
|
33
34
|
import { throwError, Observable, Subject, fromEvent, of, from, interval, map as map$1 } from 'rxjs';
|
|
34
|
-
import { catchError, debounceTime, takeUntil, tap, distinctUntilChanged, startWith, switchMap, finalize, map, filter } from 'rxjs/operators';
|
|
35
35
|
import * as i1$1 from '@angular/material/snack-bar';
|
|
36
36
|
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
37
37
|
import * as i8$4 from '@angular/material/form-field';
|
|
@@ -183,6 +183,15 @@ class TechlifyListingControllerInterface {
|
|
|
183
183
|
this.lastPage = 500;
|
|
184
184
|
this.isWorking = false;
|
|
185
185
|
}
|
|
186
|
+
/**
|
|
187
|
+
* Function that listens for any changes in the form group to apply the filters
|
|
188
|
+
*/
|
|
189
|
+
listenForChanges() {
|
|
190
|
+
this.filterForm.valueChanges.pipe(debounceTime(500), untilDestroyed(this))
|
|
191
|
+
.subscribe(() => {
|
|
192
|
+
this.reload();
|
|
193
|
+
});
|
|
194
|
+
}
|
|
186
195
|
/**
|
|
187
196
|
* Reload all data from page 1
|
|
188
197
|
*/
|
|
@@ -203,6 +212,14 @@ class TechlifyListingControllerInterface {
|
|
|
203
212
|
this.loadData();
|
|
204
213
|
}
|
|
205
214
|
}
|
|
215
|
+
/**
|
|
216
|
+
* Reset the filter.
|
|
217
|
+
*
|
|
218
|
+
* @param field
|
|
219
|
+
*/
|
|
220
|
+
resetFilter(field) {
|
|
221
|
+
this.filterForm.get(field).reset('');
|
|
222
|
+
}
|
|
206
223
|
}
|
|
207
224
|
|
|
208
225
|
/**
|