@firestitch/system 9.1.6 → 9.2.0

package/fesm5/firestitch-system.js

@@ -1,8 +1,5 @@
-import { __decorate, __param, __metadata, __assign, __spread } 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, __assign, __spread } 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,56 +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';
 
 var FS_SYSTEM_CONFIG = new InjectionToken('fs-system-config');
 
-var snakecaseKeys = _snakecaseKeys;
-var camelcaseKeys = _camelcaseKeys;
-var SystemService = /** @class */ (function () {
-    function SystemService(_config) {
-        this._config = _config;
-    }
-    SystemService.prototype.input = function (data) {
-        var _this = this;
-        if (isArray(data)) {
-            return data.map(function (item) {
-                return _this._config.case === 'snake' ? camelcaseKeys(item, { deep: true }) : item;
-            });
-        }
-        else {
-            return this._config.case === 'snake' ? camelcaseKeys(data, { deep: true }) : data;
-        }
-    };
-    SystemService.prototype.output = function (data) {
-        var _this = this;
-        if (isArray(data)) {
-            return data.map(function (item) {
-                return _this._config.case === 'snake' ? snakecaseKeys(item, { deep: true }) : item;
-            });
-        }
-        else {
-            return this._config.case === 'snake' ? snakecaseKeys(data, { deep: true }) : data;
-        }
-    };
-    SystemService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [FS_SYSTEM_CONFIG,] }] }
-    ]; };
-    SystemService = __decorate([
-        Injectable(),
-        __param(0, Inject(FS_SYSTEM_CONFIG)),
-        __metadata("design:paramtypes", [Object])
-    ], SystemService);
-    return SystemService;
-}());
-
 var DashboardComponent = /** @class */ (function () {
-    function DashboardComponent(_message, _cdRef, _systemService, _buildService) {
+    function DashboardComponent(_message, _cdRef, _buildService) {
         this._message = _message;
         this._cdRef = _cdRef;
-        this._systemService = _systemService;
         this._buildService = _buildService;
         this.buttonActions = [];
         this.menuActions = [];
@@ -102,7 +61,7 @@ var DashboardComponent = /** @class */ (function () {
         var _this = this;
         this.load()
             .subscribe(function (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();
@@ -133,7 +92,6 @@ var DashboardComponent = /** @class */ (function () {
     DashboardComponent.ctorParameters = function () { return [
         { type: FsMessage },
         { type: ChangeDetectorRef },
-        { type: SystemService },
         { type: FsBuildService }
     ]; };
     __decorate([
@@ -161,7 +119,6 @@ var DashboardComponent = /** @class */ (function () {
         }),
         __metadata("design:paramtypes", [FsMessage,
             ChangeDetectorRef,
-            SystemService,
             FsBuildService])
     ], DashboardComponent);
     return DashboardComponent;
@@ -189,7 +146,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";
@@ -384,9 +342,8 @@ var CronComponent = /** @class */ (function () {
 }());
 
 var CronsComponent = /** @class */ (function () {
-    function CronsComponent(_message, _systemService, _dialog) {
+    function CronsComponent(_message, _dialog) {
         this._message = _message;
-        this._systemService = _systemService;
         this._dialog = _dialog;
         this.config = null;
         this.cronStates = indexNameValue(CronStates);
@@ -415,9 +372,33 @@ var CronsComponent = /** @class */ (function () {
             fetch: function (query) {
                 query.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                 return _this.loadCrons(query)
-                    .pipe(map(function (response) { return ({ data: _this._systemService.input(response) }); }));
-            }
+                    .pipe(map(function (response) { return ({ 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: function (action) {
+                    return _this.bulk(action.action.name, action.selected)
+                        .pipe(tap(function () {
+                        _this.list.reload();
+                        _this._message.success('Applied Changes');
+                    }));
+                },
+            };
+        }
     };
     CronsComponent.prototype.open = function (cron) {
         this._dialog.open(CronComponent, {
@@ -435,7 +416,7 @@ var CronsComponent = /** @class */ (function () {
         return [
             {
                 action: function (data) {
-                    return _this.queue(_this._systemService.output(data))
+                    return _this.queue(data)
                         .pipe(tap(function () {
                         _this._message.success('Queued cron');
                         _this.list.reload();
@@ -448,7 +429,7 @@ var CronsComponent = /** @class */ (function () {
             },
             {
                 action: function (data) {
-                    return _this.run(_this._systemService.output(data))
+                    return _this.run(data)
                         .pipe(tap(function () {
                         _this._message.success('Cron ran');
                         _this.list.reload();
@@ -461,7 +442,7 @@ var CronsComponent = /** @class */ (function () {
             },
             {
                 action: function (data) {
-                    return _this.enable(_this._systemService.output(data))
+                    return _this.enable(data)
                         .pipe(tap(function () {
                         _this._message.success('Enabled cron');
                         _this.list.reload();
@@ -474,7 +455,7 @@ var CronsComponent = /** @class */ (function () {
             },
             {
                 action: function (data) {
-                    return _this.disable(_this._systemService.output(data))
+                    return _this.disable(data)
                         .pipe(tap(function () {
                         _this._message.success('Disabled cron');
                         _this.list.reload();
@@ -487,7 +468,7 @@ var CronsComponent = /** @class */ (function () {
             },
             {
                 action: function (data) {
-                    return _this.kill(_this._systemService.output(data))
+                    return _this.kill(data)
                         .pipe(tap(function () {
                         _this._message.success('Killed cron');
                         _this.list.reload();
@@ -502,7 +483,6 @@ var CronsComponent = /** @class */ (function () {
     };
     CronsComponent.ctorParameters = function () { return [
         { type: FsMessage },
-        { type: SystemService },
         { type: MatDialog }
     ]; };
     __decorate([
@@ -541,6 +521,10 @@ var CronsComponent = /** @class */ (function () {
         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',
@@ -548,16 +532,14 @@ var CronsComponent = /** @class */ (function () {
             styles: [""]
         }),
         __metadata("design:paramtypes", [FsMessage,
-            SystemService,
             MatDialog])
     ], CronsComponent);
     return CronsComponent;
 }());
 
 var SettingsComponent = /** @class */ (function () {
-    function SettingsComponent(_message, _systemService, _clipboardService, _prompt, _cdRef) {
+    function SettingsComponent(_message, _clipboardService, _prompt, _cdRef) {
         this._message = _message;
-        this._systemService = _systemService;
         this._clipboardService = _clipboardService;
         this._prompt = _prompt;
         this._cdRef = _cdRef;
@@ -571,12 +553,13 @@ var SettingsComponent = /** @class */ (function () {
         var _this = this;
         this.loadSettings()
             .subscribe(function (settings) {
-            settings = _this._systemService.input(settings);
             settings = settings.map(function (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;
@@ -642,7 +625,6 @@ var SettingsComponent = /** @class */ (function () {
     };
     SettingsComponent.ctorParameters = function () { return [
         { type: FsMessage },
-        { type: SystemService },
         { type: ClipboardService },
         { type: FsPrompt },
         { type: ChangeDetectorRef }
@@ -666,12 +648,11 @@ var SettingsComponent = /** @class */ (function () {
     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])
@@ -798,8 +779,7 @@ var ProcessComponent = /** @class */ (function () {
 }());
 
 var ProcessesComponent = /** @class */ (function () {
-    function ProcessesComponent(_systemService, _dialog, _message) {
-        this._systemService = _systemService;
+    function ProcessesComponent(_dialog, _message) {
         this._dialog = _dialog;
         this._message = _message;
         this.actions = [];
@@ -831,7 +811,7 @@ var ProcessesComponent = /** @class */ (function () {
             ],
             fetch: function (query) {
                 return _this.loadProcesses(query)
-                    .pipe(map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
             }
         };
         if (this.run) {
@@ -918,7 +898,6 @@ var ProcessesComponent = /** @class */ (function () {
         this._destroy$.complete();
     };
     ProcessesComponent.ctorParameters = function () { return [
-        { type: SystemService },
         { type: MatDialog },
         { type: FsMessage }
     ]; };
@@ -960,8 +939,7 @@ var ProcessesComponent = /** @class */ (function () {
             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);
     return ProcessesComponent;
@@ -999,9 +977,8 @@ var ServerLogComponent = /** @class */ (function () {
 }());
 
 var ServerLogsComponent = /** @class */ (function () {
-    function ServerLogsComponent(_dialog, _systemService) {
+    function ServerLogsComponent(_dialog) {
         this._dialog = _dialog;
-        this._systemService = _systemService;
         this.config = null;
         this.logTypes = [];
     }
@@ -1020,19 +997,18 @@ var ServerLogsComponent = /** @class */ (function () {
             ],
             fetch: function (query) {
                 return _this.loadLogs(query)
-                    .pipe(map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
             }
         };
     };
     ServerLogsComponent.prototype.open = function (log) {
-        var dialogRef = this._dialog.open(ServerLogComponent, {
+        this._dialog.open(ServerLogComponent, {
             data: { log: log },
             width: '85%'
         });
     };
     ServerLogsComponent.ctorParameters = function () { return [
-        { type: MatDialog },
-        { type: SystemService }
+        { type: MatDialog }
     ]; };
     __decorate([
         ViewChild('list', { static: true }),
@@ -1048,15 +1024,13 @@ var ServerLogsComponent = /** @class */ (function () {
             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);
     return ServerLogsComponent;
 }());
 
 var UpgradeLogsComponent = /** @class */ (function () {
-    function UpgradeLogsComponent(_systemService) {
-        this._systemService = _systemService;
+    function UpgradeLogsComponent() {
         this.config = null;
         this.logTypes = [];
     }
@@ -1076,13 +1050,10 @@ var UpgradeLogsComponent = /** @class */ (function () {
             ],
             fetch: function (query) {
                 return _this.loadUpgradeLogs(query)
-                    .pipe(map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
             }
         };
     };
-    UpgradeLogsComponent.ctorParameters = function () { return [
-        { type: SystemService }
-    ]; };
     __decorate([
         ViewChild(FsListComponent, { static: true }),
         __metadata("design:type", FsListComponent)
@@ -1096,8 +1067,7 @@ var UpgradeLogsComponent = /** @class */ (function () {
             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);
     return UpgradeLogsComponent;
 }());
@@ -1129,9 +1099,8 @@ var ApiLogComponent = /** @class */ (function () {
 }());
 
 var ApiLogsComponent = /** @class */ (function () {
-    function ApiLogsComponent(_dialog, _systemService) {
+    function ApiLogsComponent(_dialog) {
         this._dialog = _dialog;
-        this._systemService = _systemService;
         this.config = null;
         this.apiLogStates = indexNameValue(ApiLogStates);
     }
@@ -1162,7 +1131,7 @@ var ApiLogsComponent = /** @class */ (function () {
             fetch: function (query) {
                 Object.assign(query, {});
                 return _this.loadApiLogs(query)
-                    .pipe(map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                    .pipe(map(function (response) { return ({ data: response.data, paging: response.paging }); }));
             }
         };
     };
@@ -1173,8 +1142,7 @@ var ApiLogsComponent = /** @class */ (function () {
         });
     };
     ApiLogsComponent.ctorParameters = function () { return [
-        { type: MatDialog },
-        { type: SystemService }
+        { type: MatDialog }
     ]; };
     __decorate([
         ViewChild(FsListComponent, { static: true }),
@@ -1190,8 +1158,7 @@ var ApiLogsComponent = /** @class */ (function () {
             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);
     return ApiLogsComponent;
 }());
@@ -1301,9 +1268,6 @@ var FsSystemModule = /** @class */ (function () {
                 CronComponent,
                 CronLogComponent,
             ],
-            providers: [
-                SystemService
-            ],
         })
     ], FsSystemModule);
     return FsSystemModule;
@@ -1313,5 +1277,5 @@ var FsSystemModule = /** @class */ (function () {
  * 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