@social-mail/social-mail-client 1.2.182 → 1.2.183

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.182",
+  "version": "1.2.183",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/admin/commands/AdminCommands.ts

@@ -32,6 +32,12 @@ export default class AdminCommands extends CommonCommands {
         openPage: () => import("../../common/pages/mailboxes/MailboxListPage")
     });
 
+    static config = Command.create({
+        route: "/admin/config",
+        routeOrder: 100,
+        openPage: () => import("../pages/config/ConfigPage")
+    });
+
     static editRelay = Command.create({
         openPage: () => import("../pages/relays/edit/EditRelayPage")
     });

package/src/admin/drawer/AdminDrawer.tsx

@@ -76,6 +76,11 @@ export default class AdminDrawer extends Drawer {
                     label="Web Sites"
                     commandLink={CommonCommands.openWebSiteList.displayRoute({})}
                     />
+                <MenuItem
+                    icon="fas fa-gear"
+                    label="Config"
+                    commandLink={AdminCommands.config.displayRoute({})}
+                    />
                 <MenuItem
                     icon="fas fa-hard-drive"
                     label="Repair"

package/src/admin/pages/config/ConfigPage.tsx

@@ -1,5 +1,77 @@
+import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
 import { ContentPage } from "@web-atoms/web-controls/dist/mobile-app/MobileApp";
+import EntityService from "../../../services/EntityService";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
+import DropDown from "@web-atoms/web-controls/dist/basic/DropDown";
+import Bind from "@web-atoms/core/dist/core/Bind";
+import { Configuration, IConfiguration } from "../../../model/model";
+import Form from "@web-atoms/web-controls/dist/basic/Form";
+import FormField from "@web-atoms/web-controls/dist/basic/FormField";
+import MonacoService from "../../../code-editor/MonacoService";
+import { SaveIconTextButton } from "../../../common/controls/buttons/IconButton";
+import Action from "@web-atoms/core/dist/view-model/Action";
 
 export default class ConfigPage extends ContentPage {
-    
+
+    @InjectProperty
+    entityService: EntityService;
+
+    selectedConfig: IConfiguration = null;
+    monacoService: MonacoService;
+
+    get code() {
+        return this.monacoService.editor.getModel().getValue();
+    }
+    set code(v) {
+        if (!v) {
+            return;
+        }
+        this.monacoService?.setCodeModel(this, v, "https://a/a.json");
+    }
+
+
+    async init() {
+
+        this.renderer = <div
+            data-display="grid"
+            data-align-items="stretch"
+            data-justify-items="stretch"
+            code={Bind.oneWay(() => this.selectedConfig.configValue)}>
+            <iframe
+                data-border="none"
+                data-padding="auto"
+                />
+        </div>;
+
+        const iframe = this.element.querySelector("iframe");
+
+        const items = await this.entityService.query(Configuration).toArray();
+        this.selectedConfig = items.find((x) => x.name === "UIPackageConfig");
+
+        this.monacoService = await MonacoService.createEditor(this, iframe);
+
+        this.code = this.selectedConfig.configValue;
+        this.headerRenderer = () => <div data-layout="header-row">
+            <DropDown
+                items={items}
+                selectedItem={Bind.twoWaysImmediate(() => this.selectedConfig)}
+                labelPath={(item) => item.name}
+                />
+        </div>;
+
+        this.footerRenderer = () => <div data-layout="command-row">
+            <SaveIconTextButton
+                data-click-event="save-config"
+                />
+        </div>;
+    }
+
+    @Action({
+        onEvent: "save-config",
+        success: "Config saved successfully."
+    })
+    async save() {
+        await this.entityService.save(this.selectedConfig);
+    }
 }