@bcgov/nr-ngx-component-lib 0.0.58 → 0.0.60

package/fesm2022/bcgov-nr-ngx-component-lib.mjs

@@ -1322,6 +1322,31 @@ class ObservableAborter {
         return this._promise;
     }
 }
+class ObservableAborterGroup {
+    constructor(delay = 500) {
+        this.delay = delay;
+        this._group = [];
+        this._aborted = false;
+    }
+    add(observable) {
+        if (this._aborted)
+            throw Error('already aborted');
+        let oa = new ObservableAborter(observable, this.delay);
+        this._group.push(oa);
+        return oa.promise;
+    }
+    abort() {
+        if (this._aborted)
+            return;
+        this._group.forEach(oa => {
+            oa.abort();
+        });
+        this._aborted = true;
+    }
+    get allCompleted() {
+        return Promise.all(this._group.map(oa => oa.promise.then(res => { }, err => { }))).then(res => { });
+    }
+}
 
 class PaginationBase extends NrclBase {
     constructor() {
@@ -1348,6 +1373,7 @@ class PaginationBase extends NrclBase {
         this._filter = this.clone(f);
     }
     ngAfterViewInit() {
+        // console.log('PaginationBase.ngAfterViewInit')
         this.loadPageState();
     }
     clone(obj) {
@@ -1400,6 +1426,15 @@ class PaginationBase extends NrclBase {
             totalItems: this._totalRowCount
         };
     }
+    getPagingInfoRequest(query) {
+        return {
+            query,
+            pageNumber: this._pageConfig.pageNumber,
+            pageRowCount: this._pageConfig.pageSize,
+            sortColumn: this.sortActive,
+            sortDirection: this.sortDirection
+        };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginationBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PaginationBase, usesInheritance: true, ngImport: i0 }); }
 }
@@ -1415,6 +1450,7 @@ class RowListBase extends PaginationBase {
         this.isLoadingChange = new EventEmitter();
         this._isLoading = false;
         this._rows = [];
+        this._inProgress = new InProgress();
     }
     get isLoading() { return this._isLoading; }
     set isLoading(v) {
@@ -1425,15 +1461,47 @@ class RowListBase extends PaginationBase {
     }
     get rows() { return this._rows; }
     ngAfterViewInit() {
+        // console.log('RowListBase.ngAfterViewInit')
         super.ngAfterViewInit();
         this.refreshRowList();
     }
     refreshRowList() {
-        return this.loadRowList().then(result => this.parseRowList(result));
-    }
-    loadRowList() {
+        // console.warn('RowListBase.refreshRowList')
         this.isLoading = true;
         this.changeDetectorRef.detectChanges();
+        if (!this._inProgress.isCompleted)
+            this._inProgress.cancel();
+        let inProgress = this._inProgress = new InProgress();
+        return Promise.resolve()
+            .then(() => {
+            return this.loadRowList();
+        })
+            .then((res) => {
+            if (!res)
+                return;
+            if (inProgress.isCancelled)
+                return;
+            return this.parseRowList(res);
+        })
+            .then(res => {
+            if (inProgress.isCancelled)
+                return;
+            return this.completedRowListPage();
+        })
+            .catch((err) => {
+            if (err instanceof Aborted)
+                return;
+            this.loadRowListPageFailed(err);
+        })
+            .finally(() => {
+            if (inProgress.isCancelled)
+                return;
+            inProgress.complete();
+            this.isLoading = false;
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+    loadRowList() {
         if (this._loadRowListRequest)
             this._loadRowListRequest.abort();
         this._loadRowListRequest = new ObservableAborter(() => {
@@ -1446,15 +1514,6 @@ class RowListBase extends PaginationBase {
             .then(res => {
             this._totalRowCount = this.parseTotalRowCount(res);
             this._rows = this.parseRows(res);
-        })
-            .catch((e) => {
-            if (e instanceof Aborted)
-                return;
-            this.loadRowListPageFailed(e);
-        })
-            .finally(() => {
-            this.isLoading = false;
-            this.changeDetectorRef.detectChanges();
         });
     }
     parseTotalRowCount(res) {
@@ -1462,6 +1521,7 @@ class RowListBase extends PaginationBase {
             return res['totalRowCount'];
         throw 'Missing res.totalRowCount, might need to override RowListBase.parseTotalRowCount';
     }
+    completedRowListPage() { }
     loadRowListPageFailed(error) {
         console.warn(error);
         this._rows = [];
@@ -1482,6 +1542,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], propDecorators: { isLoadingChange: [{
                 type: Output
             }] } });
+class InProgress {
+    constructor() {
+        this._completed = false;
+        this._cancelled = false;
+    }
+    complete() {
+        if (this.isCancelled)
+            return;
+        this._completed = true;
+    }
+    cancel() {
+        if (this.isCompleted)
+            return;
+        this._cancelled = true;
+    }
+    get isCompleted() {
+        return this._completed;
+    }
+    get isCancelled() {
+        return this._cancelled;
+    }
+}
 
 class RowListDesktopComponent extends NrclBase {
     constructor() {
@@ -2210,7 +2292,6 @@ class TabGroupComponent extends NrclBase {
         this.isClassic = false;
     }
     ngOnChanges(changes) {
-        console.log(changes);
         this.updateState();
     }
     ngAfterViewInit() {
@@ -2331,36 +2412,41 @@ class ScheduleComponent extends RowListBase {
         this._templates = [];
     }
     ngOnChanges(changes) {
-        this.refreshRowList();
+        // this.refreshRowList()
     }
     ngAfterViewInit() {
-        setTimeout(() => {
-            super.ngAfterViewInit();
-        });
+        // console.log('ScheduleComponent.ngAfterViewInit')
+        super.ngAfterViewInit();
+    }
+    loadRowList() {
+        if (!this.provider?.startloadSchedule)
+            throw Error('ScheduleComponent.provider.startloadSchedule not set');
+        return this.provider.startloadSchedule(super.loadRowList);
     }
     fetchRowListPage() {
         if (!this.provider?.fetchSchedule)
             throw Error('ScheduleComponent.provider.fetchSchedule not set');
-        return this.provider.fetchSchedule({
-            pageNumber: this.pageNumber,
-            pageSize: this.pageSize,
-            sortActive: this.sortActive,
-            sortDirection: this.sortDirection,
-        });
+        return this.provider.fetchSchedule();
     }
     parseRows(res) {
         if (!this.provider?.parseSchedule)
-            throw Error('ResourceScheduleComponent.provider.parseSchedule not set');
+            throw Error('ScheduleComponent.provider.parseSchedule not set');
         let rows = this.provider.parseSchedule(res);
         return this.makeRows(rows);
     }
     getInitialPageState() {
         if (!this.provider?.getInitialPageState)
-            throw Error('ResourceScheduleComponent.provider.getInitialPageState not set');
+            throw Error('ScheduleComponent.provider.getInitialPageState not set');
         return this.provider.getInitialPageState();
     }
+    completedRowListPage() {
+        if (!this.provider?.completedLoadSchedule)
+            throw Error('ScheduleComponent.provider.completedRowListPage not set');
+        return this.provider.completedLoadSchedule(super.completedRowListPage);
+    }
     onSamePageFilterChange(ev) {
         this.filter = ev;
+        this.refreshRowList();
     }
     makeRows(schedule) {
         let start = moment(this.startDate);
@@ -2894,5 +2980,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Aborted, ButtonComponent, CellContentComponent, CodeTable, ConfigurationService, ConfigurationSubscriberBase, DATE_FORMATS, DesktopViewDirective, DeviceViewComponent, DialogBase, DialogComponent, DialogConfirmComponent, DialogService, ExpansionPanelComponent, ExpansionPanelFooterComponent, ExpansionPanelHeaderComponent, ExpansionPanelSectionComponent, FilterContainerComponent, FilterDateComponent, FilterSearchComponent, FilterSelectComponent, FiltersPanelComponent, FormFieldComponent, FormLayoutComponent, GapComponent, IconComponent, IndicatorComponent, IndicatorSelectComponent, ListAttachmentsComponent, ListEventHistoryComponent, ListSelectComponent, LoadingStatusComponent, MobileViewDirective, NrNgxComponentLibModule, NrclBase, ObservableAborter, PageContainerComponent, PageHeaderComponent, PageStateService, PaginationBase, ResourceScheduleComponent, ResourceScheduleRowHeadingDirective, RowListBase, RowListDesktopComponent, RowListMobileComponent, RowListPaginationComponent, RowListSortingComponent, ScheduleComponent, ScheduleItemDirective, ScheduleRowHeadingDirective, SnackbarComponent, SnackbarUtilService, TabComponent, TabContentDirective, TabGroupComponent, TabLabelDirective, TagListComponent, mapToCodeDescription, unwrapFilterValue, wrapFilterValue };
+export { Aborted, ButtonComponent, CellContentComponent, CodeTable, ConfigurationService, ConfigurationSubscriberBase, DATE_FORMATS, DesktopViewDirective, DeviceViewComponent, DialogBase, DialogComponent, DialogConfirmComponent, DialogService, ExpansionPanelComponent, ExpansionPanelFooterComponent, ExpansionPanelHeaderComponent, ExpansionPanelSectionComponent, FilterContainerComponent, FilterDateComponent, FilterSearchComponent, FilterSelectComponent, FiltersPanelComponent, FormFieldComponent, FormLayoutComponent, GapComponent, IconComponent, IndicatorComponent, IndicatorSelectComponent, ListAttachmentsComponent, ListEventHistoryComponent, ListSelectComponent, LoadingStatusComponent, MobileViewDirective, NrNgxComponentLibModule, NrclBase, ObservableAborter, ObservableAborterGroup, PageContainerComponent, PageHeaderComponent, PageStateService, PaginationBase, ResourceScheduleComponent, ResourceScheduleRowHeadingDirective, RowListBase, RowListDesktopComponent, RowListMobileComponent, RowListPaginationComponent, RowListSortingComponent, ScheduleComponent, ScheduleItemDirective, ScheduleRowHeadingDirective, SnackbarComponent, SnackbarUtilService, TabComponent, TabContentDirective, TabGroupComponent, TabLabelDirective, TagListComponent, mapToCodeDescription, unwrapFilterValue, wrapFilterValue };
 //# sourceMappingURL=bcgov-nr-ngx-component-lib.mjs.map