@firestitch/system 9.1.7 → 9.2.1

package/app/components/api-logs/api-logs.component.d.ts

@@ -1,11 +1,9 @@
-import { SystemService } from './../../services/system.service';
 import { OnInit } from '@angular/core';
 import { FsListConfig, FsListComponent } from '@firestitch/list';
 import { MatDialog } from '@angular/material/dialog';
 import { Observable } from 'rxjs';
 export declare class ApiLogsComponent implements OnInit {
     private _dialog;
-    private _systemService;
     list: FsListComponent;
     loadApiLogs: (data: any) => Observable<{
         data: any[];
@@ -13,7 +11,7 @@ export declare class ApiLogsComponent implements OnInit {
     }>;
     config: FsListConfig;
     apiLogStates: {};
-    constructor(_dialog: MatDialog, _systemService: SystemService);
+    constructor(_dialog: MatDialog);
     ngOnInit(): void;
     private _configList;
     open(apiLog: any): void;

package/app/components/crons/crons.component.d.ts

@@ -3,10 +3,8 @@ import { MatDialog } from '@angular/material/dialog';
 import { FsMessage } from '@firestitch/message';
 import { FsListConfig, FsListComponent } from '@firestitch/list';
 import { Observable } from 'rxjs';
-import { SystemService } from './../../services';
 export declare class CronsComponent implements OnInit {
     private _message;
-    private _systemService;
     private _dialog;
     list: FsListComponent;
     enable: (data: any) => Observable<any>;
@@ -23,7 +21,7 @@ export declare class CronsComponent implements OnInit {
     bulk: (actionName: string, data: any[]) => Observable<any>;
     config: FsListConfig;
     cronStates: {};
-    constructor(_message: FsMessage, _systemService: SystemService, _dialog: MatDialog);
+    constructor(_message: FsMessage, _dialog: MatDialog);
     ngOnInit(): void;
     private _configList;
     open(cron: any): void;

package/app/components/dashboard/dashboard.component.d.ts

@@ -2,11 +2,9 @@ import { OnInit, ChangeDetectorRef } from '@angular/core';
 import { FsMessage } from '@firestitch/message';
 import { BuildData, FsBuildService } from '@firestitch/build';
 import { DashboardAction } from './../../interfaces/dashboard-action';
-import { SystemService } from './../../services/system.service';
 export declare class DashboardComponent implements OnInit {
     private _message;
     private _cdRef;
-    private _systemService;
     private _buildService;
     dashboard: any;
     buttonActions: DashboardAction[];
@@ -17,7 +15,7 @@ export declare class DashboardComponent implements OnInit {
     upgrade: Function;
     load: Function;
     actions: DashboardAction[];
-    constructor(_message: FsMessage, _cdRef: ChangeDetectorRef, _systemService: SystemService, _buildService: FsBuildService);
+    constructor(_message: FsMessage, _cdRef: ChangeDetectorRef, _buildService: FsBuildService);
     ngOnInit(): void;
     private _load;
     ngOnDestroy(): void;

package/app/components/processes/processes.component.d.ts

@@ -1,13 +1,11 @@
 import { ProcessState } from '../../enums';
 import { FsMessage } from '@firestitch/message';
 import { ProcessAction } from './../../interfaces/process-action';
-import { SystemService } from './../../services/system.service';
 import { OnInit, OnDestroy } from '@angular/core';
 import { FsListComponent, FsListConfig } from '@firestitch/list';
 import { MatDialog } from '@angular/material/dialog';
 import { Observable } from 'rxjs';
 export declare class ProcessesComponent implements OnInit, OnDestroy {
-    private _systemService;
     private _dialog;
     private _message;
     list: FsListComponent;
@@ -25,7 +23,7 @@ export declare class ProcessesComponent implements OnInit, OnDestroy {
     ProcessStates: {};
     ProcessState: typeof ProcessState;
     private _destroy$;
-    constructor(_systemService: SystemService, _dialog: MatDialog, _message: FsMessage);
+    constructor(_dialog: MatDialog, _message: FsMessage);
     ngOnInit(): void;
     private _configList;
     open(process: any): void;

package/app/components/server-logs/server-logs.component.d.ts

@@ -1,11 +1,9 @@
-import { SystemService } from './../../services/system.service';
 import { OnInit } from '@angular/core';
 import { FsListConfig, FsListComponent } from '@firestitch/list';
 import { MatDialog } from '@angular/material/dialog';
 import { Observable } from 'rxjs';
 export declare class ServerLogsComponent implements OnInit {
     private _dialog;
-    private _systemService;
     list: FsListComponent;
     loadLogs: (data: any) => Observable<{
         data: any[];
@@ -13,7 +11,7 @@ export declare class ServerLogsComponent implements OnInit {
     }>;
     config: FsListConfig;
     logTypes: any[];
-    constructor(_dialog: MatDialog, _systemService: SystemService);
+    constructor(_dialog: MatDialog);
     ngOnInit(): void;
     private _configList;
     open(log: any): void;

package/app/components/settings/settings.component.d.ts

@@ -2,12 +2,10 @@ import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { FsPrompt } from '@firestitch/prompt';
 import { FsMessage } from '@firestitch/message';
 import { ClipboardService } from 'ngx-clipboard';
-import { SystemService } from './../../services/system.service';
 import { SettingInterfaceType } from '../../enums';
 import { Observable } from 'rxjs';
 export declare class SettingsComponent implements OnInit {
     private _message;
-    private _systemService;
     private _clipboardService;
     private _prompt;
     private _cdRef;
@@ -21,7 +19,7 @@ export declare class SettingsComponent implements OnInit {
     groupedSettings: any[];
     groups: any[];
     SettingInterfaceType: typeof SettingInterfaceType;
-    constructor(_message: FsMessage, _systemService: SystemService, _clipboardService: ClipboardService, _prompt: FsPrompt, _cdRef: ChangeDetectorRef);
+    constructor(_message: FsMessage, _clipboardService: ClipboardService, _prompt: FsPrompt, _cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     export(event: UIEvent, settings: any): void;
     import(event: UIEvent, group: any): void;

package/app/components/upgrade-logs/upgrade-logs.component.d.ts

@@ -1,9 +1,7 @@
-import { SystemService } from './../../services/system.service';
 import { OnInit } from '@angular/core';
 import { FsListConfig, FsListComponent } from '@firestitch/list';
 import { Observable } from 'rxjs';
 export declare class UpgradeLogsComponent implements OnInit {
-    private _systemService;
     list: FsListComponent;
     loadUpgradeLogs: (data: any) => Observable<{
         data: any[];
@@ -11,7 +9,6 @@ export declare class UpgradeLogsComponent implements OnInit {
     }>;
     config: FsListConfig;
     logTypes: any[];
-    constructor(_systemService: SystemService);
     ngOnInit(): void;
     private _configList;
 }

package/app/enums/setting-interface-type.enum.d.ts

@@ -2,10 +2,12 @@ export declare enum SettingInterfaceType {
     RadioButton = "R",
     InputBox = "I",
     Textarea = "T",
-    DropDown = "D",
+    Select = "D",
+    SelectMultiple = "W",
     Date = "A",
     File = "F",
     Static = "S",
     Password = "P",
-    Time = "M"
+    Time = "M",
+    None = "N"
 }

package/app/interfaces/system-config.d.ts

@@ -1,3 +1,2 @@
 export interface FsSystemConfig {
-    case: 'camel' | 'snake';
 }

package/bundles/firestitch-system.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('snakecase-keys'), require('camelcase-keys'), require('lodash-es'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/expansion'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/dialog'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/flex-layout'), require('@angular/material/button'), require('@firestitch/date'), require('@firestitch/datepicker'), require('@firestitch/skeleton'), require('@firestitch/list'), require('@firestitch/file-manager'), require('@firestitch/dialog'), require('@firestitch/label'), require('@firestitch/file'), require('@firestitch/menu'), require('@firestitch/message'), require('@firestitch/build'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/filter'), require('@firestitch/selection'), require('@firestitch/prompt'), require('ngx-clipboard'), require('@angular/material/tabs')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/system', ['exports', '@angular/core', 'snakecase-keys', 'camelcase-keys', 'lodash-es', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/expansion', '@angular/material/input', '@angular/material/select', '@angular/material/dialog', '@angular/material/tooltip', '@angular/material/icon', '@angular/flex-layout', '@angular/material/button', '@firestitch/date', '@firestitch/datepicker', '@firestitch/skeleton', '@firestitch/list', '@firestitch/file-manager', '@firestitch/dialog', '@firestitch/label', '@firestitch/file', '@firestitch/menu', '@firestitch/message', '@firestitch/build', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/filter', '@firestitch/selection', '@firestitch/prompt', 'ngx-clipboard', '@angular/material/tabs'], factory) :
-    (global = global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.system = {}), global.ng.core, global._snakecaseKeys, global._camelcaseKeys, global.lodashEs, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.expansion, global.ng.material.input, global.ng.material.select, global.ng.material.dialog, global.ng.material.tooltip, global.ng.material.icon, global.ng.flexLayout, global.ng.material.button, global.date, global.datepicker, global.skeleton, global.list, global.fileManager, global.dialog$1, global.label, global.file, global.menu, global.message, global.build, global.rxjs.operators, global.rxjs, global.dateFns, global.filter, global.selection, global.prompt, global.ngxClipboard, global.ng.material.tabs));
-}(this, (function (exports, core, _snakecaseKeys, _camelcaseKeys, lodashEs, common, forms, formField, expansion, input, select, dialog, tooltip, icon, flexLayout, button, date, datepicker, skeleton, list, fileManager, dialog$1, label, file, menu, message, build, operators, rxjs, dateFns, filter, selection, prompt, ngxClipboard, tabs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/expansion'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/dialog'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/flex-layout'), require('@angular/material/button'), require('@firestitch/date'), require('@firestitch/datepicker'), require('@firestitch/skeleton'), require('@firestitch/list'), require('@firestitch/file-manager'), require('@firestitch/dialog'), require('@firestitch/label'), require('@firestitch/file'), require('@firestitch/menu'), require('@firestitch/message'), require('@firestitch/build'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/filter'), require('@firestitch/selection'), require('@firestitch/prompt'), require('lodash-es'), require('ngx-clipboard'), require('@angular/material/tabs')) :
+    typeof define === 'function' && define.amd ? define('@firestitch/system', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/expansion', '@angular/material/input', '@angular/material/select', '@angular/material/dialog', '@angular/material/tooltip', '@angular/material/icon', '@angular/flex-layout', '@angular/material/button', '@firestitch/date', '@firestitch/datepicker', '@firestitch/skeleton', '@firestitch/list', '@firestitch/file-manager', '@firestitch/dialog', '@firestitch/label', '@firestitch/file', '@firestitch/menu', '@firestitch/message', '@firestitch/build', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/filter', '@firestitch/selection', '@firestitch/prompt', 'lodash-es', 'ngx-clipboard', '@angular/material/tabs'], factory) :
+    (global = global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.system = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.expansion, global.ng.material.input, global.ng.material.select, global.ng.material.dialog, global.ng.material.tooltip, global.ng.material.icon, global.ng.flexLayout, global.ng.material.button, global.date, global.datepicker, global.skeleton, global.list, global.fileManager, global.dialog$1, global.label, global.file, global.menu, global.message, global.build, global.rxjs.operators, global.rxjs, global.dateFns, global.filter, global.selection, global.prompt, global.lodashEs, global.ngxClipboard, global.ng.material.tabs));
+}(this, (function (exports, core, common, forms, formField, expansion, input, select, dialog, tooltip, icon, flexLayout, button, date, datepicker, skeleton, list, fileManager, dialog$1, label, file, menu, message, build, operators, rxjs, dateFns, filter, selection, prompt, lodashEs, ngxClipboard, tabs) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -225,50 +225,10 @@
 
     var FS_SYSTEM_CONFIG = new core.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 (lodashEs.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 (lodashEs.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: core.Inject, args: [FS_SYSTEM_CONFIG,] }] }
-        ]; };
-        SystemService = __decorate([
-            core.Injectable(),
-            __param(0, core.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 = [];
@@ -292,7 +252,7 @@
             var _this = this;
             this.load()
                 .subscribe(function (dashboard) {
-                _this.dashboard = _this._systemService.input(dashboard);
+                _this.dashboard = dashboard;
                 _this.dashboard.cronRanAttention = !dashboard.cronRan ||
                     dateFns.differenceInMinutes(new Date(), new Date(dashboard.cronRan)) > 15;
                 _this._cdRef.markForCheck();
@@ -323,7 +283,6 @@
         DashboardComponent.ctorParameters = function () { return [
             { type: message.FsMessage },
             { type: core.ChangeDetectorRef },
-            { type: SystemService },
             { type: build.FsBuildService }
         ]; };
         __decorate([
@@ -351,7 +310,6 @@
             }),
             __metadata("design:paramtypes", [message.FsMessage,
                 core.ChangeDetectorRef,
-                SystemService,
                 build.FsBuildService])
         ], DashboardComponent);
         return DashboardComponent;
@@ -379,12 +337,14 @@
         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";
         SettingInterfaceType["Password"] = "P";
         SettingInterfaceType["Time"] = "M";
+        SettingInterfaceType["None"] = "N";
     })(SettingInterfaceType || (SettingInterfaceType = {}));
 
 
@@ -574,9 +534,8 @@
     }());
 
     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);
@@ -605,7 +564,7 @@
                 fetch: function (query) {
                     query.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                     return _this.loadCrons(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response) }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response }); }));
                 },
             };
             if (this.bulk) {
@@ -624,7 +583,11 @@
                         },
                     ],
                     actionSelected: function (action) {
-                        return _this.bulk(action.action.name, action.selected);
+                        return _this.bulk(action.action.name, action.selected)
+                            .pipe(operators.tap(function () {
+                            _this.list.reload();
+                            _this._message.success('Applied Changes');
+                        }));
                     },
                 };
             }
@@ -645,7 +608,7 @@
             return [
                 {
                     action: function (data) {
-                        return _this.queue(_this._systemService.output(data))
+                        return _this.queue(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Queued cron');
                             _this.list.reload();
@@ -658,7 +621,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.run(_this._systemService.output(data))
+                        return _this.run(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Cron ran');
                             _this.list.reload();
@@ -671,7 +634,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.enable(_this._systemService.output(data))
+                        return _this.enable(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Enabled cron');
                             _this.list.reload();
@@ -684,7 +647,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.disable(_this._systemService.output(data))
+                        return _this.disable(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Disabled cron');
                             _this.list.reload();
@@ -697,7 +660,7 @@
                 },
                 {
                     action: function (data) {
-                        return _this.kill(_this._systemService.output(data))
+                        return _this.kill(data)
                             .pipe(operators.tap(function () {
                             _this._message.success('Killed cron');
                             _this.list.reload();
@@ -712,7 +675,6 @@
         };
         CronsComponent.ctorParameters = function () { return [
             { type: message.FsMessage },
-            { type: SystemService },
             { type: dialog.MatDialog }
         ]; };
         __decorate([
@@ -762,16 +724,14 @@
                 styles: [""]
             }),
             __metadata("design:paramtypes", [message.FsMessage,
-                SystemService,
                 dialog.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;
@@ -785,12 +745,17 @@
             var _this = this;
             this.loadSettings()
                 .subscribe(function (settings) {
-                settings = _this._systemService.input(settings);
-                settings = settings.map(function (setting) {
+                settings = settings
+                    .filter(function (setting) {
+                    return setting.interfaceType !== SettingInterfaceType.None;
+                })
+                    .map(function (setting) {
                     switch (setting.interfaceType) {
                         case SettingInterfaceType.Date:
                         case SettingInterfaceType.Time:
                             setting.value = date.parse(setting.value);
+                        case SettingInterfaceType.SelectMultiple:
+                            setting.value = Array.isArray(setting.value) ? setting.value : [];
                             break;
                     }
                     return setting;
@@ -856,7 +821,6 @@
         };
         SettingsComponent.ctorParameters = function () { return [
             { type: message.FsMessage },
-            { type: SystemService },
             { type: ngxClipboard.ClipboardService },
             { type: prompt.FsPrompt },
             { type: core.ChangeDetectorRef }
@@ -880,12 +844,11 @@
         SettingsComponent = __decorate([
             core.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: core.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", [message.FsMessage,
-                SystemService,
                 ngxClipboard.ClipboardService,
                 prompt.FsPrompt,
                 core.ChangeDetectorRef])
@@ -1012,8 +975,7 @@
     }());
 
     var ProcessesComponent = /** @class */ (function () {
-        function ProcessesComponent(_systemService, _dialog, _message) {
-            this._systemService = _systemService;
+        function ProcessesComponent(_dialog, _message) {
             this._dialog = _dialog;
             this._message = _message;
             this.actions = [];
@@ -1045,7 +1007,7 @@
                 ],
                 fetch: function (query) {
                     return _this.loadProcesses(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
                 }
             };
             if (this.run) {
@@ -1132,7 +1094,6 @@
             this._destroy$.complete();
         };
         ProcessesComponent.ctorParameters = function () { return [
-            { type: SystemService },
             { type: dialog.MatDialog },
             { type: message.FsMessage }
         ]; };
@@ -1174,8 +1135,7 @@
                 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,
-                dialog.MatDialog,
+            __metadata("design:paramtypes", [dialog.MatDialog,
                 message.FsMessage])
         ], ProcessesComponent);
         return ProcessesComponent;
@@ -1213,9 +1173,8 @@
     }());
 
     var ServerLogsComponent = /** @class */ (function () {
-        function ServerLogsComponent(_dialog, _systemService) {
+        function ServerLogsComponent(_dialog) {
             this._dialog = _dialog;
-            this._systemService = _systemService;
             this.config = null;
             this.logTypes = [];
         }
@@ -1234,19 +1193,18 @@
                 ],
                 fetch: function (query) {
                     return _this.loadLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.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: dialog.MatDialog },
-            { type: SystemService }
+            { type: dialog.MatDialog }
         ]; };
         __decorate([
             core.ViewChild('list', { static: true }),
@@ -1262,15 +1220,13 @@
                 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", [dialog.MatDialog,
-                SystemService])
+            __metadata("design:paramtypes", [dialog.MatDialog])
         ], ServerLogsComponent);
         return ServerLogsComponent;
     }());
 
     var UpgradeLogsComponent = /** @class */ (function () {
-        function UpgradeLogsComponent(_systemService) {
-            this._systemService = _systemService;
+        function UpgradeLogsComponent() {
             this.config = null;
             this.logTypes = [];
         }
@@ -1290,13 +1246,10 @@
                 ],
                 fetch: function (query) {
                     return _this.loadUpgradeLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
                 }
             };
         };
-        UpgradeLogsComponent.ctorParameters = function () { return [
-            { type: SystemService }
-        ]; };
         __decorate([
             core.ViewChild(list.FsListComponent, { static: true }),
             __metadata("design:type", list.FsListComponent)
@@ -1310,8 +1263,7 @@
                 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;
     }());
@@ -1343,9 +1295,8 @@
     }());
 
     var ApiLogsComponent = /** @class */ (function () {
-        function ApiLogsComponent(_dialog, _systemService) {
+        function ApiLogsComponent(_dialog) {
             this._dialog = _dialog;
-            this._systemService = _systemService;
             this.config = null;
             this.apiLogStates = indexNameValue(ApiLogStates);
         }
@@ -1376,7 +1327,7 @@
                 fetch: function (query) {
                     Object.assign(query, {});
                     return _this.loadApiLogs(query)
-                        .pipe(operators.map(function (response) { return ({ data: _this._systemService.input(response.data), paging: response.paging }); }));
+                        .pipe(operators.map(function (response) { return ({ data: response.data, paging: response.paging }); }));
                 }
             };
         };
@@ -1387,8 +1338,7 @@
             });
         };
         ApiLogsComponent.ctorParameters = function () { return [
-            { type: dialog.MatDialog },
-            { type: SystemService }
+            { type: dialog.MatDialog }
         ]; };
         __decorate([
             core.ViewChild(list.FsListComponent, { static: true }),
@@ -1404,8 +1354,7 @@
                 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", [dialog.MatDialog,
-                SystemService])
+            __metadata("design:paramtypes", [dialog.MatDialog])
         ], ApiLogsComponent);
         return ApiLogsComponent;
     }());
@@ -1515,9 +1464,6 @@
                     CronComponent,
                     CronLogComponent,
                 ],
-                providers: [
-                    SystemService
-                ],
             })
         ], FsSystemModule);
         return FsSystemModule;
@@ -1529,22 +1475,20 @@
     exports.FsSystemModule = FsSystemModule;
     exports.ProcessStates = ProcessStates;
     exports.ɵa = DashboardComponent;
-    exports.ɵb = SystemService;
-    exports.ɵd = CronsComponent;
-    exports.ɵe = SystemService;
-    exports.ɵf = SettingsComponent;
-    exports.ɵg = FileManagerComponent;
-    exports.ɵh = ProcessesComponent;
-    exports.ɵi = ServerLogsComponent;
-    exports.ɵj = UpgradeLogsComponent;
-    exports.ɵk = ApiLogsComponent;
-    exports.ɵl = InfoComponent;
-    exports.ɵm = KeyNameValuePipe;
-    exports.ɵn = ServerLogComponent;
-    exports.ɵo = ApiLogComponent;
-    exports.ɵp = ProcessComponent;
-    exports.ɵq = CronComponent;
-    exports.ɵr = CronLogComponent;
+    exports.ɵb = CronsComponent;
+    exports.ɵc = SettingsComponent;
+    exports.ɵd = FileManagerComponent;
+    exports.ɵe = ProcessesComponent;
+    exports.ɵf = ServerLogsComponent;
+    exports.ɵg = UpgradeLogsComponent;
+    exports.ɵh = ApiLogsComponent;
+    exports.ɵi = InfoComponent;
+    exports.ɵj = KeyNameValuePipe;
+    exports.ɵk = ServerLogComponent;
+    exports.ɵl = ApiLogComponent;
+    exports.ɵm = ProcessComponent;
+    exports.ɵn = CronComponent;
+    exports.ɵo = CronLogComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });