@firestitch/system 12.1.1 → 12.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/enums/setting-interface-type.enum.d.ts +2 -1
- package/app/fs-system.module.d.ts +3 -2
- package/bundles/firestitch-system.umd.js +22 -17
- package/bundles/firestitch-system.umd.js.map +1 -1
- package/esm2015/app/components/settings/settings.component.js +10 -8
- package/esm2015/app/enums/setting-interface-type.enum.js +2 -1
- package/esm2015/app/fs-system.module.js +5 -1
- package/fesm2015/firestitch-system.js +10 -4
- package/fesm2015/firestitch-system.js.map +1 -1
- package/package.json +1 -1
|
@@ -37,10 +37,11 @@ import * as i33 from "@firestitch/label";
|
|
|
37
37
|
import * as i34 from "@firestitch/dialog";
|
|
38
38
|
import * as i35 from "@firestitch/datepicker";
|
|
39
39
|
import * as i36 from "@firestitch/menu";
|
|
40
|
-
import * as i37 from "
|
|
40
|
+
import * as i37 from "@firestitch/colorpicker";
|
|
41
|
+
import * as i38 from "ngx-clipboard";
|
|
41
42
|
export declare class FsSystemModule {
|
|
42
43
|
static forRoot(config: FsSystemConfig): ModuleWithProviders<FsSystemModule>;
|
|
43
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<FsSystemModule, never>;
|
|
44
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FsSystemModule, [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i4.KeyNameValuePipe, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i7.ServerLogComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i11.ApiLogComponent, typeof i12.InfoComponent, typeof i13.ProcessComponent, typeof i14.CronComponent, typeof i15.CronLogComponent], [typeof i16.CommonModule, typeof i17.FlexLayoutModule, typeof i18.FormsModule, typeof i19.MatButtonModule, typeof i20.MatExpansionModule, typeof i21.MatTooltipModule, typeof i22.MatIconModule, typeof i23.MatFormFieldModule, typeof i24.MatInputModule, typeof i25.MatSelectModule, typeof i26.MatDialogModule, typeof i27.MatTabsModule, typeof i28.FsDateModule, typeof i29.FsSkeletonModule, typeof i30.FsListModule, typeof i31.FsFileModule, typeof i32.FsFileManagerModule, typeof i33.FsLabelModule, typeof i34.FsDialogModule, typeof i35.FsDatePickerModule, typeof i36.FsMenuModule, typeof i37.ClipboardModule], [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i12.InfoComponent]>;
|
|
45
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FsSystemModule, [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i4.KeyNameValuePipe, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i7.ServerLogComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i11.ApiLogComponent, typeof i12.InfoComponent, typeof i13.ProcessComponent, typeof i14.CronComponent, typeof i15.CronLogComponent], [typeof i16.CommonModule, typeof i17.FlexLayoutModule, typeof i18.FormsModule, typeof i19.MatButtonModule, typeof i20.MatExpansionModule, typeof i21.MatTooltipModule, typeof i22.MatIconModule, typeof i23.MatFormFieldModule, typeof i24.MatInputModule, typeof i25.MatSelectModule, typeof i26.MatDialogModule, typeof i27.MatTabsModule, typeof i28.FsDateModule, typeof i29.FsSkeletonModule, typeof i30.FsListModule, typeof i31.FsFileModule, typeof i32.FsFileManagerModule, typeof i33.FsLabelModule, typeof i34.FsDialogModule, typeof i35.FsDatePickerModule, typeof i36.FsMenuModule, typeof i37.FsColorPickerModule, typeof i38.ClipboardModule], [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i12.InfoComponent]>;
|
|
45
46
|
static ɵinj: i0.ɵɵInjectorDeclaration<FsSystemModule>;
|
|
46
47
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
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('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/message'), require('@firestitch/build'), require('@angular/flex-layout/flex'), require('@angular/flex-layout/extended'), require('@firestitch/filter'), require('@angular/material/tabs'), require('@firestitch/selection'), require('lodash-es'), require('ngx-clipboard'), require('@firestitch/prompt'), require('@angular/material/core')) :
|
|
3
|
-
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', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/message', '@firestitch/build', '@angular/flex-layout/flex', '@angular/flex-layout/extended', '@firestitch/filter', '@angular/material/tabs', '@firestitch/selection', 'lodash-es', 'ngx-clipboard', '@firestitch/prompt', '@angular/material/core'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : 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.i4$2, global.i10$1, global.i5, global.i3$1, global.i1$2, global.i2$2, global.i2$1, global.
|
|
5
|
-
})(this, (function (exports, i0, i9,
|
|
2
|
+
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/colorpicker'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/message'), require('@firestitch/build'), require('@angular/flex-layout/flex'), require('@angular/flex-layout/extended'), require('@firestitch/filter'), require('@angular/material/tabs'), require('@firestitch/selection'), require('lodash-es'), require('ngx-clipboard'), require('@firestitch/prompt'), require('@angular/material/core')) :
|
|
3
|
+
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/colorpicker', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/message', '@firestitch/build', '@angular/flex-layout/flex', '@angular/flex-layout/extended', '@firestitch/filter', '@angular/material/tabs', '@firestitch/selection', 'lodash-es', 'ngx-clipboard', '@firestitch/prompt', '@angular/material/core'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : 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.i4$2, global.i10$1, global.i5, global.i3$1, global.i1$2, global.i2$2, global.i2$1, global.i12, global.i4$1, global.i11$1, global.rxjs.operators, global.rxjs, global.dateFns, global.i1, global.i2, global.ng.flexLayout.flex, global.ng.flexLayout.extended, global.filter, global.ng.material.tabs, global.selection, global.lodashEs, global.i2$3, global.i3$2, global.ng.material.core));
|
|
5
|
+
})(this, (function (exports, i0, i9, i17, i7, i4$3, i16, i8, i1$1, i11, i6, flexLayout, i4, i4$2, i10$1, i5, i3$1, i1$2, i2$2, i2$1, i12, i4$1, i11$1, operators, rxjs, dateFns, i1, i2, i6$1, i10, filter, i3, selection, lodashEs, i2$3, i3$2, i9$1) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
|
|
25
25
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
26
|
var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
|
|
27
|
-
var
|
|
27
|
+
var i17__namespace = /*#__PURE__*/_interopNamespace(i17);
|
|
28
28
|
var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
|
|
29
29
|
var i4__namespace$3 = /*#__PURE__*/_interopNamespace(i4$3);
|
|
30
|
-
var
|
|
30
|
+
var i16__namespace = /*#__PURE__*/_interopNamespace(i16);
|
|
31
31
|
var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
|
|
32
32
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
33
33
|
var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
|
|
@@ -40,8 +40,9 @@
|
|
|
40
40
|
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
41
41
|
var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
|
|
42
42
|
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
43
|
-
var
|
|
43
|
+
var i12__namespace = /*#__PURE__*/_interopNamespace(i12);
|
|
44
44
|
var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
|
|
45
|
+
var i11__namespace$1 = /*#__PURE__*/_interopNamespace(i11$1);
|
|
45
46
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
46
47
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
47
48
|
var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
|
|
@@ -478,6 +479,7 @@
|
|
|
478
479
|
SettingInterfaceType["Password"] = "P";
|
|
479
480
|
SettingInterfaceType["Time"] = "M";
|
|
480
481
|
SettingInterfaceType["None"] = "N";
|
|
482
|
+
SettingInterfaceType["Color"] = "C";
|
|
481
483
|
})(SettingInterfaceType || (SettingInterfaceType = {}));
|
|
482
484
|
|
|
483
485
|
exports.ApiLogState = void 0;
|
|
@@ -958,7 +960,7 @@
|
|
|
958
960
|
return SettingsComponent;
|
|
959
961
|
}());
|
|
960
962
|
SettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, deps: [{ token: i1__namespace.FsMessage }, { token: i2__namespace$3.ClipboardService }, { token: i3__namespace$2.FsPrompt }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
961
|
-
SettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SettingsComponent, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0__namespace, 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 \r\n class=\"full-width form-field-multiline-subscript\"\r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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", 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}\n"], components: [{ type: i4__namespace$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4__namespace$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i8__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10__namespace$1.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { type: i10__namespace$1.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { type: i11__namespace$1.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["imageWidth", "imageHeight", "imageQuality", "showFilename", "url", "file", "accept", "disabled", "width", "height", "previewWidth", "previewHeight", "allowDownload", "allowReupload", "allowRemove"], outputs: ["select", "remove"] }], directives: [{ type: i4__namespace$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i11__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i15__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], pipes: { "keyNameValue": KeyNameValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
963
|
+
SettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SettingsComponent, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0__namespace, 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 \r\n hideToggle \r\n *ngFor=\"let setting of groupedSettings[group]\" \r\n class=\"setting\"\r\n [ngClass]=\"{ 'has-instruction': !! setting.instruction }\">\r\n <mat-form-field \r\n class=\"full-width form-field-multiline-subscript\"\r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *ngIf=\"setting.interfaceType===SettingInterfaceType.Color\">\r\n <input\r\n matInput\r\n fsColorPicker\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 \r\n class=\"full-width form-field-multiline-subscript\" \r\n *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 <div fsFileLabelMessage>{{setting.instruction}}</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", 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}:host ::ng-deep .setting.has-instruction fs-file-picker fs-label-message{display:block;padding-bottom:1em}\n"], components: [{ type: i4__namespace$3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4__namespace$3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i8__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10__namespace$1.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { type: i11__namespace$1.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { type: i10__namespace$1.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { type: i12__namespace.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["imageWidth", "imageHeight", "imageQuality", "showFilename", "url", "file", "accept", "disabled", "width", "height", "previewWidth", "previewHeight", "allowDownload", "allowReupload", "allowRemove"], outputs: ["select", "remove"] }], directives: [{ type: i4__namespace$3.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i11__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i16__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i17__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i17__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i17__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i12__namespace.FsFileLabelMessage, selector: "[fsFileLabelMessage]" }], pipes: { "keyNameValue": KeyNameValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
962
964
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, decorators: [{
|
|
963
965
|
type: i0.Component,
|
|
964
966
|
args: [{
|
|
@@ -1502,25 +1504,26 @@
|
|
|
1502
1504
|
CronComponent,
|
|
1503
1505
|
CronLogComponent], imports: [i9.CommonModule,
|
|
1504
1506
|
flexLayout.FlexLayoutModule,
|
|
1505
|
-
|
|
1507
|
+
i17.FormsModule,
|
|
1506
1508
|
i4.MatButtonModule,
|
|
1507
1509
|
i4$3.MatExpansionModule,
|
|
1508
1510
|
i11.MatTooltipModule,
|
|
1509
1511
|
i6.MatIconModule,
|
|
1510
1512
|
i7.MatFormFieldModule,
|
|
1511
|
-
|
|
1513
|
+
i16.MatInputModule,
|
|
1512
1514
|
i8.MatSelectModule,
|
|
1513
1515
|
i1$1.MatDialogModule,
|
|
1514
1516
|
i3.MatTabsModule,
|
|
1515
1517
|
i4$2.FsDateModule,
|
|
1516
1518
|
i5.FsSkeletonModule,
|
|
1517
1519
|
i3$1.FsListModule,
|
|
1518
|
-
|
|
1520
|
+
i12.FsFileModule,
|
|
1519
1521
|
i1$2.FsFileManagerModule,
|
|
1520
1522
|
i2$1.FsLabelModule,
|
|
1521
1523
|
i2$2.FsDialogModule,
|
|
1522
1524
|
i10$1.FsDatePickerModule,
|
|
1523
1525
|
i4$1.FsMenuModule,
|
|
1526
|
+
i11$1.FsColorPickerModule,
|
|
1524
1527
|
i2$3.ClipboardModule], exports: [DashboardComponent,
|
|
1525
1528
|
CronsComponent,
|
|
1526
1529
|
SettingsComponent,
|
|
@@ -1533,25 +1536,26 @@
|
|
|
1533
1536
|
FsSystemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, imports: [[
|
|
1534
1537
|
i9.CommonModule,
|
|
1535
1538
|
flexLayout.FlexLayoutModule,
|
|
1536
|
-
|
|
1539
|
+
i17.FormsModule,
|
|
1537
1540
|
i4.MatButtonModule,
|
|
1538
1541
|
i4$3.MatExpansionModule,
|
|
1539
1542
|
i11.MatTooltipModule,
|
|
1540
1543
|
i6.MatIconModule,
|
|
1541
1544
|
i7.MatFormFieldModule,
|
|
1542
|
-
|
|
1545
|
+
i16.MatInputModule,
|
|
1543
1546
|
i8.MatSelectModule,
|
|
1544
1547
|
i1$1.MatDialogModule,
|
|
1545
1548
|
i3.MatTabsModule,
|
|
1546
1549
|
i4$2.FsDateModule,
|
|
1547
1550
|
i5.FsSkeletonModule,
|
|
1548
1551
|
i3$1.FsListModule,
|
|
1549
|
-
|
|
1552
|
+
i12.FsFileModule,
|
|
1550
1553
|
i1$2.FsFileManagerModule,
|
|
1551
1554
|
i2$1.FsLabelModule,
|
|
1552
1555
|
i2$2.FsDialogModule,
|
|
1553
1556
|
i10$1.FsDatePickerModule,
|
|
1554
1557
|
i4$1.FsMenuModule,
|
|
1558
|
+
i11$1.FsColorPickerModule,
|
|
1555
1559
|
i2$3.ClipboardModule,
|
|
1556
1560
|
]] });
|
|
1557
1561
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, decorators: [{
|
|
@@ -1560,25 +1564,26 @@
|
|
|
1560
1564
|
imports: [
|
|
1561
1565
|
i9.CommonModule,
|
|
1562
1566
|
flexLayout.FlexLayoutModule,
|
|
1563
|
-
|
|
1567
|
+
i17.FormsModule,
|
|
1564
1568
|
i4.MatButtonModule,
|
|
1565
1569
|
i4$3.MatExpansionModule,
|
|
1566
1570
|
i11.MatTooltipModule,
|
|
1567
1571
|
i6.MatIconModule,
|
|
1568
1572
|
i7.MatFormFieldModule,
|
|
1569
|
-
|
|
1573
|
+
i16.MatInputModule,
|
|
1570
1574
|
i8.MatSelectModule,
|
|
1571
1575
|
i1$1.MatDialogModule,
|
|
1572
1576
|
i3.MatTabsModule,
|
|
1573
1577
|
i4$2.FsDateModule,
|
|
1574
1578
|
i5.FsSkeletonModule,
|
|
1575
1579
|
i3$1.FsListModule,
|
|
1576
|
-
|
|
1580
|
+
i12.FsFileModule,
|
|
1577
1581
|
i1$2.FsFileManagerModule,
|
|
1578
1582
|
i2$1.FsLabelModule,
|
|
1579
1583
|
i2$2.FsDialogModule,
|
|
1580
1584
|
i10$1.FsDatePickerModule,
|
|
1581
1585
|
i4$1.FsMenuModule,
|
|
1586
|
+
i11$1.FsColorPickerModule,
|
|
1582
1587
|
i2$3.ClipboardModule,
|
|
1583
1588
|
],
|
|
1584
1589
|
exports: [
|