@firestitch/system 9.1.6 → 9.2.0

package/fesm2015/firestitch-system.js

@@ -1,8 +1,5 @@
-import { __decorate, __param, __metadata } from 'tslib';
-import { InjectionToken, Inject, Injectable, ChangeDetectorRef, Input, Component, ChangeDetectionStrategy, ViewChild, EventEmitter, Output, Pipe, ElementRef, NgModule } from '@angular/core';
-import * as _snakecaseKeys from 'snakecase-keys';
-import * as _camelcaseKeys from 'camelcase-keys';
-import { isArray, groupBy, reduce } from 'lodash-es';
+import { __decorate, __metadata, __param } from 'tslib';
+import { InjectionToken, ChangeDetectorRef, Input, Component, ChangeDetectionStrategy, Inject, ViewChild, EventEmitter, Output, Pipe, Injectable, ElementRef, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -29,53 +26,18 @@ import { takeUntil, map, tap } from 'rxjs/operators';
 import { Subject } from 'rxjs';
 import { differenceInMinutes } from 'date-fns';
 import { ItemType } from '@firestitch/filter';
+import { SelectionActionType } from '@firestitch/selection';
 import { FsPrompt } from '@firestitch/prompt';
+import { groupBy, reduce } from 'lodash-es';
 import { ClipboardService, ClipboardModule } from 'ngx-clipboard';
 import { MatTabsModule } from '@angular/material/tabs';
 
 const FS_SYSTEM_CONFIG = new InjectionToken('fs-system-config');
 
-const snakecaseKeys = _snakecaseKeys;
-const camelcaseKeys = _camelcaseKeys;
-let SystemService = class SystemService {
-    constructor(_config) {
-        this._config = _config;
-    }
-    input(data) {
-        if (isArray(data)) {
-            return data.map(item => {
-                return this._config.case === 'snake' ? camelcaseKeys(item, { deep: true }) : item;
-            });
-        }
-        else {
-            return this._config.case === 'snake' ? camelcaseKeys(data, { deep: true }) : data;
-        }
-    }
-    output(data) {
-        if (isArray(data)) {
-            return data.map(item => {
-                return this._config.case === 'snake' ? snakecaseKeys(item, { deep: true }) : item;
-            });
-        }
-        else {
-            return this._config.case === 'snake' ? snakecaseKeys(data, { deep: true }) : data;
-        }
-    }
-};
-SystemService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [FS_SYSTEM_CONFIG,] }] }
-];
-SystemService = __decorate([
-    Injectable(),
-    __param(0, Inject(FS_SYSTEM_CONFIG)),
-    __metadata("design:paramtypes", [Object])
-], SystemService);
-
 let DashboardComponent = class DashboardComponent {
-    constructor(_message, _cdRef, _systemService, _buildService) {
+    constructor(_message, _cdRef, _buildService) {
         this._message = _message;
         this._cdRef = _cdRef;
-        this._systemService = _systemService;
         this._buildService = _buildService;
         this.buttonActions = [];
         this.menuActions = [];
@@ -97,7 +59,7 @@ let DashboardComponent = class DashboardComponent {
     _load() {
         this.load()
             .subscribe((dashboard) => {
-            this.dashboard = this._systemService.input(dashboard);
+            this.dashboard = dashboard;
             this.dashboard.cronRanAttention = !dashboard.cronRan ||
                 differenceInMinutes(new Date(), new Date(dashboard.cronRan)) > 15;
             this._cdRef.markForCheck();
@@ -127,7 +89,6 @@ let DashboardComponent = class DashboardComponent {
 DashboardComponent.ctorParameters = () => [
     { type: FsMessage },
     { type: ChangeDetectorRef },
-    { type: SystemService },
     { type: FsBuildService }
 ];
 __decorate([
@@ -155,7 +116,6 @@ DashboardComponent = __decorate([
     }),
     __metadata("design:paramtypes", [FsMessage,
         ChangeDetectorRef,
-        SystemService,
         FsBuildService])
 ], DashboardComponent);
 
@@ -181,7 +141,8 @@ var SettingInterfaceType;
     SettingInterfaceType["RadioButton"] = "R";
     SettingInterfaceType["InputBox"] = "I";
     SettingInterfaceType["Textarea"] = "T";
-    SettingInterfaceType["DropDown"] = "D";
+    SettingInterfaceType["Select"] = "D";
+    SettingInterfaceType["SelectMultiple"] = "W";
     SettingInterfaceType["Date"] = "A";
     SettingInterfaceType["File"] = "F";
     SettingInterfaceType["Static"] = "S";
@@ -373,9 +334,8 @@ CronComponent = __decorate([
 ], CronComponent);
 
 let CronsComponent = class CronsComponent {
-    constructor(_message, _systemService, _dialog) {
+    constructor(_message, _dialog) {
         this._message = _message;
-        this._systemService = _systemService;
         this._dialog = _dialog;
         this.config = null;
         this.cronStates = indexNameValue(CronStates);
@@ -403,9 +363,33 @@ let CronsComponent = class CronsComponent {
             fetch: query => {
                 query.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                 return this.loadCrons(query)
-                    .pipe(map((response) => ({ data: this._systemService.input(response) })));
-            }
+                    .pipe(map((response) => ({ data: response })));
+            },
         };
+        if (this.bulk) {
+            this.config.selection = {
+                selectAll: false,
+                actions: [
+                    {
+                        type: SelectionActionType.Action,
+                        name: 'disable',
+                        label: 'Disable'
+                    },
+                    {
+                        type: SelectionActionType.Action,
+                        name: 'enable',
+                        label: 'Enable'
+                    },
+                ],
+                actionSelected: (action) => {
+                    return this.bulk(action.action.name, action.selected)
+                        .pipe(tap(() => {
+                        this.list.reload();
+                        this._message.success('Applied Changes');
+                    }));
+                },
+            };
+        }
     }
     open(cron) {
         this._dialog.open(CronComponent, {
@@ -422,7 +406,7 @@ let CronsComponent = class CronsComponent {
         return [
             {
                 action: (data) => {
-                    return this.queue(this._systemService.output(data))
+                    return this.queue(data)
                         .pipe(tap(() => {
                         this._message.success('Queued cron');
                         this.list.reload();
@@ -435,7 +419,7 @@ let CronsComponent = class CronsComponent {
             },
             {
                 action: (data) => {
-                    return this.run(this._systemService.output(data))
+                    return this.run(data)
                         .pipe(tap(() => {
                         this._message.success('Cron ran');
                         this.list.reload();
@@ -448,7 +432,7 @@ let CronsComponent = class CronsComponent {
             },
             {
                 action: (data) => {
-                    return this.enable(this._systemService.output(data))
+                    return this.enable(data)
                         .pipe(tap(() => {
                         this._message.success('Enabled cron');
                         this.list.reload();
@@ -461,7 +445,7 @@ let CronsComponent = class CronsComponent {
             },
             {
                 action: (data) => {
-                    return this.disable(this._systemService.output(data))
+                    return this.disable(data)
                         .pipe(tap(() => {
                         this._message.success('Disabled cron');
                         this.list.reload();
@@ -474,7 +458,7 @@ let CronsComponent = class CronsComponent {
             },
             {
                 action: (data) => {
-                    return this.kill(this._systemService.output(data))
+                    return this.kill(data)
                         .pipe(tap(() => {
                         this._message.success('Killed cron');
                         this.list.reload();
@@ -490,7 +474,6 @@ let CronsComponent = class CronsComponent {
 };
 CronsComponent.ctorParameters = () => [
     { type: FsMessage },
-    { type: SystemService },
     { type: MatDialog }
 ];
 __decorate([
@@ -529,6 +512,10 @@ __decorate([
     Input(),
     __metadata("design:type", Function)
 ], CronsComponent.prototype, "loadCronLogs", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Function)
+], CronsComponent.prototype, "bulk", void 0);
 CronsComponent = __decorate([
     Component({
         selector: 'fs-system-crons',
@@ -536,14 +523,12 @@ CronsComponent = __decorate([
         styles: [""]
     }),
     __metadata("design:paramtypes", [FsMessage,
-        SystemService,
         MatDialog])
 ], CronsComponent);
 
 let SettingsComponent = class SettingsComponent {
-    constructor(_message, _systemService, _clipboardService, _prompt, _cdRef) {
+    constructor(_message, _clipboardService, _prompt, _cdRef) {
         this._message = _message;
-        this._systemService = _systemService;
         this._clipboardService = _clipboardService;
         this._prompt = _prompt;
         this._cdRef = _cdRef;
@@ -556,12 +541,13 @@ let SettingsComponent = class SettingsComponent {
     ngOnInit() {
         this.loadSettings()
             .subscribe((settings) => {
-            settings = this._systemService.input(settings);
             settings = settings.map((setting) => {
                 switch (setting.interfaceType) {
                     case SettingInterfaceType.Date:
                     case SettingInterfaceType.Time:
                         setting.value = parse(setting.value);
+                    case SettingInterfaceType.SelectMultiple:
+                        setting.value = Array.isArray(setting.value) ? setting.value : [];
                         break;
                 }
                 return setting;
@@ -626,7 +612,6 @@ let SettingsComponent = class SettingsComponent {
 };
 SettingsComponent.ctorParameters = () => [
     { type: FsMessage },
-    { type: SystemService },
     { type: ClipboardService },
     { type: FsPrompt },
     { type: ChangeDetectorRef }
@@ -650,12 +635,11 @@ __decorate([
 SettingsComponent = __decorate([
     Component({
         selector: 'fs-system-settings',
-        template: "\r\n<mat-accordion>\r\n  <mat-expansion-panel hideToggle *ngFor=\"let group of groups\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <div class=\"title-row\">\r\n          <div class=\"title\">{{group || 'General'}}</div>\r\n          <div class=\"actions\">\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"export($event, groupedSettings[group])\">\r\n              <mat-icon>cloud_download</mat-icon>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"import($event, group)\">\r\n              <mat-icon>cloud_upload</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n\r\n    <div hideToggle *ngFor=\"let setting of groupedSettings[group]\">\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.InputBox\">\r\n        <input\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting_' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\r\n        <textarea\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting_' + setting.id\">\r\n        </textarea>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.DropDown\">\r\n        <mat-select\r\n           [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting_' + setting.id\">\r\n          <mat-option *ngFor=\"let item of setting.values | keyNameValue\" [value]=\"item.value\">\r\n            {{item.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\r\n        <input\r\n          matInput\r\n          fsDatePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting_' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\r\n        <input\r\n          matInput\r\n          fsTimePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting_' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <fs-file-picker\r\n        *ngIf=\"setting.interfaceType===SettingInterfaceType.File\"\r\n        [allowRemove]=\"true\"\r\n        [allowDownload]=\"true\"\r\n        (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\r\n        (remove)=\"fileRemove.emit(setting)\"\r\n        [url]=\"setting.value\">\r\n        <div fsFileLabel>{{setting.label}}</div>\r\n      </fs-file-picker>\r\n    </div>\r\n\r\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"saveGroup(group)\">Save</button>\r\n\r\n  </mat-expansion-panel>\r\n\r\n</mat-accordion>\r\n",
+        template: "\r\n<mat-accordion>\r\n  <mat-expansion-panel hideToggle *ngFor=\"let group of groups\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <div class=\"title-row\">\r\n          <div class=\"title\">{{group || 'General'}}</div>\r\n          <div class=\"actions\">\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"export($event, groupedSettings[group])\">\r\n              <mat-icon>cloud_download</mat-icon>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"import($event, group)\">\r\n              <mat-icon>cloud_upload</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n\r\n    <div hideToggle *ngFor=\"let setting of groupedSettings[group]\">\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.InputBox\">\r\n        <input\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\r\n        <textarea\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        </textarea>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Select || setting.interfaceType===SettingInterfaceType.SelectMultiple\">\r\n        <mat-select\r\n            [placeholder]=\"setting.label\"\r\n            [(ngModel)]=\"setting.value\"\r\n            [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\r\n            [name]=\"'setting' + setting.id\">\r\n          <mat-option *ngFor=\"let item of setting.values | keyNameValue\" [value]=\"item.value\">\r\n            {{item.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\r\n        <input\r\n          matInput\r\n          fsDatePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"full-width\" *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\r\n        <input\r\n          matInput\r\n          fsTimePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <fs-file-picker\r\n        *ngIf=\"setting.interfaceType===SettingInterfaceType.File\"\r\n        [allowRemove]=\"true\"\r\n        [allowDownload]=\"true\"\r\n        (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\r\n        (remove)=\"fileRemove.emit(setting)\"\r\n        [url]=\"setting.value\">\r\n        <div fsFileLabel>{{setting.label}}</div>\r\n      </fs-file-picker>\r\n    </div>\r\n\r\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"saveGroup(group)\">Save</button>\r\n\r\n  </mat-expansion-panel>\r\n\r\n</mat-accordion>\r\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         styles: [".mat-expansion-panel-header{font-size:19px}.full-width{width:100%}.title-row{flex-direction:row;box-sizing:border-box;display:flex;place-content:center flex-start;align-items:center;width:100%}.title-row .title{display:flex;flex:1}:host ::ng-deep .mat-expansion-panel-header-title{margin:0}:host ::ng-deep .mat-expansion-panel .actions{display:none}:host ::ng-deep .mat-expansion-panel.mat-expanded .actions{display:block}"]
     }),
     __metadata("design:paramtypes", [FsMessage,
-        SystemService,
         ClipboardService,
         FsPrompt,
         ChangeDetectorRef])
@@ -724,7 +708,7 @@ FileManagerComponent = __decorate([
 
 let KeyNameValuePipe = class KeyNameValuePipe {
     transform(values) {
-        return Object.keys(values).map(key => {
+        return Object.keys(values).map((key) => {
             return { value: key, name: values[key] };
         });
     }
@@ -772,8 +756,7 @@ ProcessComponent = __decorate([
 ], ProcessComponent);
 
 let ProcessesComponent = class ProcessesComponent {
-    constructor(_systemService, _dialog, _message) {
-        this._systemService = _systemService;
+    constructor(_dialog, _message) {
         this._dialog = _dialog;
         this._message = _message;
         this.actions = [];
@@ -804,7 +787,7 @@ let ProcessesComponent = class ProcessesComponent {
             ],
             fetch: query => {
                 return this.loadProcesses(query)
-                    .pipe(map((response) => ({ data: this._systemService.input(response.data), paging: response.paging })));
+                    .pipe(map((response) => ({ data: response.data, paging: response.paging })));
             }
         };
         if (this.run) {
@@ -892,7 +875,6 @@ let ProcessesComponent = class ProcessesComponent {
     }
 };
 ProcessesComponent.ctorParameters = () => [
-    { type: SystemService },
     { type: MatDialog },
     { type: FsMessage }
 ];
@@ -934,8 +916,7 @@ ProcessesComponent = __decorate([
         template: "<fs-list [config]=\"config\">\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Name</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <a (click)=\"open(row)\">{{row.prettyName}}</a>\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Status</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{ProcessStates[row.state]}}\r\n      <small>\r\n        <div *ngIf=\"row.state===ProcessState.Running && row.percent\">Complete: {{ row.percent }}%</div>\r\n        <div *ngIf=\"row.state===ProcessState.Completed && row.filename\">Download: <a href=\"javascript:;\" (click)=\"download(row)\">{{ row.filename }}</a></div>\r\n        <div *ngIf=\"row.pid\">PID: {{ row.pid }}</div>\r\n        <div *ngIf=\"row.state===ProcessState.Running && row.notify\">Notify: {{ row.notify }}</div>\r\n      </small>\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Duration</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{ row.duration | fsDateDuration: {hours: true, minutes: true, seconds: true} }}\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Message</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.message}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Completed</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <fs-date-ago [date]=\"row.endDate\"></fs-date-ago>\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>\r\n",
         styles: [""]
     }),
-    __metadata("design:paramtypes", [SystemService,
-        MatDialog,
+    __metadata("design:paramtypes", [MatDialog,
         FsMessage])
 ], ProcessesComponent);
 
@@ -970,9 +951,8 @@ ServerLogComponent = __decorate([
 ], ServerLogComponent);
 
 let ServerLogsComponent = class ServerLogsComponent {
-    constructor(_dialog, _systemService) {
+    constructor(_dialog) {
         this._dialog = _dialog;
-        this._systemService = _systemService;
         this.config = null;
         this.logTypes = [];
     }
@@ -990,20 +970,19 @@ let ServerLogsComponent = class ServerLogsComponent {
             ],
             fetch: query => {
                 return this.loadLogs(query)
-                    .pipe(map((response) => ({ data: this._systemService.input(response.data), paging: response.paging })));
+                    .pipe(map((response) => ({ data: response.data, paging: response.paging })));
             }
         };
     }
     open(log) {
-        const dialogRef = this._dialog.open(ServerLogComponent, {
+        this._dialog.open(ServerLogComponent, {
             data: { log: log },
             width: '85%'
         });
     }
 };
 ServerLogsComponent.ctorParameters = () => [
-    { type: MatDialog },
-    { type: SystemService }
+    { type: MatDialog }
 ];
 __decorate([
     ViewChild('list', { static: true }),
@@ -1019,13 +998,11 @@ ServerLogsComponent = __decorate([
         template: "<fs-list [config]=\"config\">\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Message</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.message}}</a>\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Type</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        {{row.type}}\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Date</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n      </ng-template>\r\n    </fs-list-column>\r\n  </fs-list>\r\n",
         styles: [""]
     }),
-    __metadata("design:paramtypes", [MatDialog,
-        SystemService])
+    __metadata("design:paramtypes", [MatDialog])
 ], ServerLogsComponent);
 
 let UpgradeLogsComponent = class UpgradeLogsComponent {
-    constructor(_systemService) {
-        this._systemService = _systemService;
+    constructor() {
         this.config = null;
         this.logTypes = [];
     }
@@ -1044,14 +1021,11 @@ let UpgradeLogsComponent = class UpgradeLogsComponent {
             ],
             fetch: query => {
                 return this.loadUpgradeLogs(query)
-                    .pipe(map((response) => ({ data: this._systemService.input(response.data), paging: response.paging })));
+                    .pipe(map((response) => ({ data: response.data, paging: response.paging })));
             }
         };
     }
 };
-UpgradeLogsComponent.ctorParameters = () => [
-    { type: SystemService }
-];
 __decorate([
     ViewChild(FsListComponent, { static: true }),
     __metadata("design:type", FsListComponent)
@@ -1065,8 +1039,7 @@ UpgradeLogsComponent = __decorate([
         selector: 'fs-system-upgrade-logs',
         template: "<fs-list [config]=\"config\">\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Name</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.name}}\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Function</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      {{row.function}}()\r\n    </ng-template>\r\n  </fs-list-column>\r\n\r\n  <fs-list-column>\r\n    <ng-template fs-list-header>Date</ng-template>\r\n    <ng-template fs-list-cell let-row=\"row\">\r\n      <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n    </ng-template>\r\n  </fs-list-column>\r\n</fs-list>\r\n",
         styles: [""]
-    }),
-    __metadata("design:paramtypes", [SystemService])
+    })
 ], UpgradeLogsComponent);
 
 let ApiLogComponent = class ApiLogComponent {
@@ -1095,9 +1068,8 @@ ApiLogComponent = __decorate([
 ], ApiLogComponent);
 
 let ApiLogsComponent = class ApiLogsComponent {
-    constructor(_dialog, _systemService) {
+    constructor(_dialog) {
         this._dialog = _dialog;
-        this._systemService = _systemService;
         this.config = null;
         this.apiLogStates = indexNameValue(ApiLogStates);
     }
@@ -1127,7 +1099,7 @@ let ApiLogsComponent = class ApiLogsComponent {
             fetch: query => {
                 Object.assign(query, {});
                 return this.loadApiLogs(query)
-                    .pipe(map((response) => ({ data: this._systemService.input(response.data), paging: response.paging })));
+                    .pipe(map((response) => ({ data: response.data, paging: response.paging })));
             }
         };
     }
@@ -1139,8 +1111,7 @@ let ApiLogsComponent = class ApiLogsComponent {
     }
 };
 ApiLogsComponent.ctorParameters = () => [
-    { type: MatDialog },
-    { type: SystemService }
+    { type: MatDialog }
 ];
 __decorate([
     ViewChild(FsListComponent, { static: true }),
@@ -1156,8 +1127,7 @@ ApiLogsComponent = __decorate([
         template: "<fs-list [config]=\"config\">\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Name</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <a href=\"javascript:;\" (click)=\"open(row)\">{{row.type || 'Unknown'}}</a>\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n        <ng-template fs-list-header>Message</ng-template>\r\n        <ng-template fs-list-cell let-row=\"row\">\r\n          {{row.message}}\r\n        </ng-template>\r\n      </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Status</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        {{apiLogStates[row.state]}}\r\n      </ng-template>\r\n    </fs-list-column>\r\n    <fs-list-column>\r\n      <ng-template fs-list-header>Date</ng-template>\r\n      <ng-template fs-list-cell let-row=\"row\">\r\n        <fs-date-ago [date]=\"row.createDate\"></fs-date-ago>\r\n        <div><small *ngIf=\"row.length\">Duration: {{ row.length | fsDateDuration }}</small></div>\r\n      </ng-template>\r\n    </fs-list-column>\r\n  </fs-list>\r\n",
         styles: [""]
     }),
-    __metadata("design:paramtypes", [MatDialog,
-        SystemService])
+    __metadata("design:paramtypes", [MatDialog])
 ], ApiLogsComponent);
 
 let InfoComponent = class InfoComponent {
@@ -1259,9 +1229,6 @@ FsSystemModule = FsSystemModule_1 = __decorate([
             CronComponent,
             CronLogComponent,
         ],
-        providers: [
-            SystemService
-        ],
     })
 ], FsSystemModule);
 
@@ -1269,5 +1236,5 @@ FsSystemModule = FsSystemModule_1 = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { ApiLogState, ApiLogStates, CronState, CronStates, FS_SYSTEM_CONFIG, FsSystemModule, ProcessState, ProcessStates, DashboardComponent as ɵa, SystemService as ɵb, CronsComponent as ɵd, SystemService as ɵe, SettingsComponent as ɵf, FileManagerComponent as ɵg, ProcessesComponent as ɵh, ServerLogsComponent as ɵi, UpgradeLogsComponent as ɵj, ApiLogsComponent as ɵk, InfoComponent as ɵl, KeyNameValuePipe as ɵm, ServerLogComponent as ɵn, ApiLogComponent as ɵo, ProcessComponent as ɵp, CronComponent as ɵq, CronLogComponent as ɵr };
+export { ApiLogState, ApiLogStates, CronState, CronStates, FS_SYSTEM_CONFIG, FsSystemModule, ProcessState, ProcessStates, DashboardComponent as ɵa, CronsComponent as ɵb, SettingsComponent as ɵc, FileManagerComponent as ɵd, ProcessesComponent as ɵe, ServerLogsComponent as ɵf, UpgradeLogsComponent as ɵg, ApiLogsComponent as ɵh, InfoComponent as ɵi, KeyNameValuePipe as ɵj, ServerLogComponent as ɵk, ApiLogComponent as ɵl, ProcessComponent as ɵm, CronComponent as ɵn, CronLogComponent as ɵo };
 //# sourceMappingURL=firestitch-system.js.map