@firestitch/system 13.0.4 → 13.0.5

package/fesm2020/firestitch-system.mjs

@@ -28,7 +28,7 @@ import { FsListComponent, FsListModule } from '@firestitch/list';
 import * as i7 from '@firestitch/popover';
 import { FsPopoverModule } from '@firestitch/popover';
 import { ItemType } from '@firestitch/filter';
-import { map, tap, switchMap, takeUntil } from 'rxjs/operators';
+import { map, tap, takeUntil, switchMap } from 'rxjs/operators';
 import * as i4$3 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i7$1 from '@angular/material/form-field';
@@ -52,11 +52,11 @@ import * as i6 from '@firestitch/menu';
 import { FsMenuModule } from '@firestitch/menu';
 import * as i5 from '@firestitch/skeleton';
 import { FsSkeletonModule } from '@firestitch/skeleton';
+import { Subject, timer } from 'rxjs';
+import { addMinutes, addHours, addDays, subSeconds, differenceInSeconds, getDaysInMonth, differenceInMinutes } from 'date-fns';
 import * as i1$1 from '@firestitch/message';
 import * as i3$3 from '@firestitch/prompt';
 import { SelectionActionType } from '@firestitch/selection';
-import { Subject } from 'rxjs';
-import { differenceInSeconds, differenceInMinutes } from 'date-fns';
 import * as i2$3 from '@firestitch/build';
 import * as i9$1 from '@angular/material/core';
 
@@ -574,6 +574,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: i1.MatDialog }, { type: i0.ChangeDetectorRef }]; } });
 
+class CronNextRunComponent {
+    constructor(_cdRef) {
+        this._cdRef = _cdRef;
+        this._destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.update();
+    }
+    calculateDuration() {
+        const now = new Date();
+        const nextMinutes = this._getNextMinutes(now);
+        const nextHours = this._getNextHours(now);
+        const nextDays = this._getNextDays(now);
+        if (this.cron.cronSetting.minutes.length ||
+            this.cron.cronSetting.hours.length ||
+            this.cron.cronSetting.days.length) {
+            let next = new Date();
+            next = addMinutes(next, nextMinutes);
+            next = addHours(next, nextHours);
+            next = addDays(next, nextDays);
+            next = subSeconds(next, next.getSeconds());
+            this.duration = differenceInSeconds(next, now);
+        }
+        else {
+            this.duration = 60 - now.getSeconds();
+        }
+    }
+    update() {
+        this.calculateDuration();
+        timer(0, 1000)
+            .pipe(tap(() => {
+            this.duration -= 1;
+            if (this.duration % 60 === 0 || this.duration < (60 * 5)) {
+                this._cdRef.markForCheck();
+            }
+            if (this.duration <= 0) {
+                this.calculateDuration();
+                this._cdRef.markForCheck();
+            }
+        }), takeUntil(this._destroy$))
+            .subscribe();
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    _getNextMinutes(now) {
+        const minutes = this.cron.cronSetting.minutes;
+        if (minutes.length) {
+            for (let i = minutes.length - 1; i >= 0; i--) {
+                if (now.getUTCMinutes() >= minutes[i]) {
+                    return (minutes[i + 1] ? minutes[i + 1] - now.getUTCMinutes() : (60 - now.getUTCMinutes() + minutes[i]));
+                }
+            }
+            return minutes[0] - now.getMinutes();
+        }
+        return 0;
+    }
+    _getNextHours(now) {
+        const hours = this.cron.cronSetting.hours;
+        if (hours.length) {
+            for (let i = hours.length - 1; i >= 0; i--) {
+                if (now.getUTCHours() >= hours[i]) {
+                    return (hours[i + 1] ? hours[i + 1] - now.getUTCHours() : (24 - now.getUTCHours() + hours[i]));
+                }
+            }
+            return hours[0] - now.getUTCHours();
+        }
+        return 0;
+    }
+    _getNextDays(now) {
+        const days = this.cron.cronSetting.days;
+        if (days.length) {
+            for (let i = days.length - 1; i >= 0; i--) {
+                if (now.getDate() >= days[i]) {
+                    return (days[i + 1] ? days[i + 1] : getDaysInMonth(now)) - now.getDate();
+                }
+            }
+            return days[0] - getDaysInMonth(now);
+        }
+        return 0;
+    }
+}
+CronNextRunComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CronNextRunComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+CronNextRunComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: CronNextRunComponent, selector: "app-next-run", inputs: { cron: "cron" }, ngImport: i0, template: "<ng-container *ngIf=\"duration > 60; else seconds\">\n  {{duration | fsDateDuration: { hours: true, seconds: true, minutes: true, days: true} }}\n</ng-container>\n\n<ng-template #seconds>\n  {{duration}}s\n</ng-template>\n\n", styles: [""], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "fsDateDuration": i4$2.FsDateDurationPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CronNextRunComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-next-run', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"duration > 60; else seconds\">\n  {{duration | fsDateDuration: { hours: true, seconds: true, minutes: true, days: true} }}\n</ng-container>\n\n<ng-template #seconds>\n  {{duration}}s\n</ng-template>\n\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { cron: [{
+                type: Input
+            }] } });
+
 class CronsComponent {
     constructor(_message, _dialog, _prompt) {
         this._message = _message;
@@ -759,10 +851,10 @@ class CronsComponent {
     }
 }
 CronsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CronsComponent, deps: [{ token: i1$1.FsMessage }, { token: i1.MatDialog }, { token: i3$3.FsPrompt }], target: i0.ɵɵFactoryTarget.Component });
-CronsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: CronsComponent, selector: "fs-system-crons", inputs: { enable: "enable", disable: "disable", kill: "kill", queue: "queue", run: "run", loadCrons: "loadCrons", loadCron: "loadCron", loadCronLogs: "loadCronLogs", bulk: "bulk" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n      <div *ngIf=\"row.cronSetting\">\n        <small>{{row.cronSetting.summary}}</small>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column align=\"center\">\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.host || row.processId; else status\">\n        <fs-popover \n            [maxWidth]=\"null\"\n            [template]=\"statusPopover\" \n            size=\"small\">\n          <ng-container *ngTemplateOutlet=\"status\"></ng-container>\n        </fs-popover>\n        <ng-template #statusPopover>\n          <div *ngIf=\"row.host\">Host: {{row.host}}</div>\n          <div *ngIf=\"row.processId\">Process ID: {{row.processId}}</div>\n          <div *ngIf=\"row.processState\">Process State: {{CronProcessStates[row.processState]}}</div>\n        </ng-template>\n      </ng-container>\n      <ng-template #status>\n        {{CronStates[row.state]}}\n      </ng-template>\n      <ng-container *ngIf=\"row.state === CronState.Running\">\n        <div class=\"small\">\n          Duration: {{ row.runningDuration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-container>      \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Last Ran</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.duration===null; else lastRan\">\n        Never\n      </ng-container>\n      <ng-template #lastRan>\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div class=\"small\" *ngIf=\"row.duration\">\n          Duration: {{ row.duration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i2$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i7.FsPopoverComponent, selector: "fs-popover" }, { type: i4$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }], directives: [{ type: i2$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$2.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "fsDateDuration": i4$2.FsDateDurationPipe } });
+CronsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: CronsComponent, selector: "fs-system-crons", inputs: { enable: "enable", disable: "disable", kill: "kill", queue: "queue", run: "run", loadCrons: "loadCrons", loadCron: "loadCron", loadCronLogs: "loadCronLogs", bulk: "bulk" }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true, static: true }], ngImport: i0, template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n      <div *ngIf=\"row.cronSetting\">\n        <small>{{row.cronSetting.summary}}</small>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column align=\"center\">\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.host || row.processId; else status\">\n        <fs-popover \n            [maxWidth]=\"null\"\n            [template]=\"statusPopover\" \n            size=\"small\">\n          <ng-container *ngTemplateOutlet=\"status\"></ng-container>\n        </fs-popover>\n        <ng-template #statusPopover>\n          <div *ngIf=\"row.host\">Host: {{row.host}}</div>\n          <div *ngIf=\"row.processId\">Process ID: {{row.processId}}</div>\n          <div *ngIf=\"row.processState\">Process State: {{CronProcessStates[row.processState]}}</div>\n        </ng-template>\n      </ng-container>\n      <ng-template #status>\n        {{CronStates[row.state]}}\n      </ng-template>\n      <ng-container *ngIf=\"row.state === CronState.Running\">\n        <div class=\"small\">\n          Duration: {{ row.runningDuration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-container>      \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Last Ran</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.duration===null; else lastRan\">\n        Never\n      </ng-container>\n      <ng-template #lastRan>\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div class=\"small\" *ngIf=\"row.duration\">\n          Duration: {{ row.duration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Next Run</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.state !== CronState.Disabled\">\n        <app-next-run [cron]=\"row\"></app-next-run>\n      </ng-container>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""], components: [{ type: i2$2.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines"], outputs: ["filtersReady"] }, { type: i7.FsPopoverComponent, selector: "fs-popover" }, { type: i4$2.FsDateAgoComponent, selector: "fs-date-ago", inputs: ["date", "showTime", "format", "showTooltip", "tooltipDateFormat"] }, { type: CronNextRunComponent, selector: "app-next-run", inputs: ["cron"] }], directives: [{ type: i2$2.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customize", "sortable", "sortableDefault", "direction", "align", "width", "class"] }, { type: i2$2.FsListHeaderDirective, selector: "[fs-list-header]", inputs: ["colspan", "align", "class"] }, { type: i2$2.FsListCellDirective, selector: "[fs-list-cell]", inputs: ["colspan", "align", "class"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "fsDateDuration": i4$2.FsDateDurationPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CronsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-system-crons', template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n      <div *ngIf=\"row.cronSetting\">\n        <small>{{row.cronSetting.summary}}</small>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column align=\"center\">\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.host || row.processId; else status\">\n        <fs-popover \n            [maxWidth]=\"null\"\n            [template]=\"statusPopover\" \n            size=\"small\">\n          <ng-container *ngTemplateOutlet=\"status\"></ng-container>\n        </fs-popover>\n        <ng-template #statusPopover>\n          <div *ngIf=\"row.host\">Host: {{row.host}}</div>\n          <div *ngIf=\"row.processId\">Process ID: {{row.processId}}</div>\n          <div *ngIf=\"row.processState\">Process State: {{CronProcessStates[row.processState]}}</div>\n        </ng-template>\n      </ng-container>\n      <ng-template #status>\n        {{CronStates[row.state]}}\n      </ng-template>\n      <ng-container *ngIf=\"row.state === CronState.Running\">\n        <div class=\"small\">\n          Duration: {{ row.runningDuration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-container>      \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Last Ran</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.duration===null; else lastRan\">\n        Never\n      </ng-container>\n      <ng-template #lastRan>\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div class=\"small\" *ngIf=\"row.duration\">\n          Duration: {{ row.duration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""] }]
+            args: [{ selector: 'fs-system-crons', template: "<fs-list [config]=\"config\">\n  <fs-list-column>\n    <ng-template fs-list-header>Name</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <a (click)=\"open(row)\">{{row.name}}</a>\n      <div *ngIf=\"row.cronSetting\">\n        <small>{{row.cronSetting.summary}}</small>\n      </div>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column align=\"center\">\n    <ng-template fs-list-header>Status</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.host || row.processId; else status\">\n        <fs-popover \n            [maxWidth]=\"null\"\n            [template]=\"statusPopover\" \n            size=\"small\">\n          <ng-container *ngTemplateOutlet=\"status\"></ng-container>\n        </fs-popover>\n        <ng-template #statusPopover>\n          <div *ngIf=\"row.host\">Host: {{row.host}}</div>\n          <div *ngIf=\"row.processId\">Process ID: {{row.processId}}</div>\n          <div *ngIf=\"row.processState\">Process State: {{CronProcessStates[row.processState]}}</div>\n        </ng-template>\n      </ng-container>\n      <ng-template #status>\n        {{CronStates[row.state]}}\n      </ng-template>\n      <ng-container *ngIf=\"row.state === CronState.Running\">\n        <div class=\"small\">\n          Duration: {{ row.runningDuration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-container>      \n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Last Ran</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.duration===null; else lastRan\">\n        Never\n      </ng-container>\n      <ng-template #lastRan>\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\n        <div class=\"small\" *ngIf=\"row.duration\">\n          Duration: {{ row.duration | fsDateDuration: { hours: true, minutes: true, seconds: true } }}\n        </div>\n      </ng-template>\n    </ng-template>\n  </fs-list-column>\n  <fs-list-column>\n    <ng-template fs-list-header>Next Run</ng-template>\n    <ng-template fs-list-cell let-row=\"row\">\n      <ng-container *ngIf=\"row.state !== CronState.Disabled\">\n        <app-next-run [cron]=\"row\"></app-next-run>\n      </ng-container>\n    </ng-template>\n  </fs-list-column>\n</fs-list>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i1$1.FsMessage }, { type: i1.MatDialog }, { type: i3$3.FsPrompt }]; }, propDecorators: { list: [{
                 type: ViewChild,
                 args: [FsListComponent, { static: true }]
@@ -1341,6 +1433,7 @@ class FsSystemModule {
 }
 FsSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 FsSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsSystemModule, declarations: [DashboardComponent,
+        CronNextRunComponent,
         CronsComponent,
         SettingsComponent,
         KeyNameValuePipe,
@@ -1445,6 +1538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     ],
                     declarations: [
                         DashboardComponent,
+                        CronNextRunComponent,
                         CronsComponent,
                         SettingsComponent,
                         KeyNameValuePipe,