@social-mail/social-mail-client 1.2.714 → 1.2.715

package/src/site-editor-app/pages/store/web-hooks/WebHookPage.tsx

@@ -0,0 +1,59 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { ContentPage, PopupWindowPage } from "@web-atoms/web-controls/dist/mobile-app/MobileApp";
+import { IWebHook, WebHook, WebHookEventTypeArray } from "../../../../model/model";
+import Form from "@web-atoms/web-controls/dist/basic/Form";
+import FormField from "@web-atoms/web-controls/dist/basic/FormField";
+import Select from "@web-atoms/web-controls/dist/basic/Select";
+import Bind from "@web-atoms/core/dist/core/Bind";
+import { SaveIconTextButton } from "../../../../common/controls/buttons/IconButton";
+import Action from "@web-atoms/core/dist/view-model/Action";
+import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
+import EntityService from "../../../../services/EntityService";
+
+export default class WebHookPage extends PopupWindowPage<IWebHook> {
+
+    model = WebHook.create({});
+
+    @InjectProperty
+    entityService: EntityService;
+
+    async init() {
+
+        this.title = "Web Hook";
+
+        if (this.parameters) {
+            this.model = this.parameters;
+        }
+
+        this.renderer = <div>
+            <Form>
+
+                <FormField label="Type">
+                    <Select
+                        items={WebHookEventTypeArray}
+                        value={Bind.twoWaysImmediate(() => this.model.eventType)}
+                        />
+                </FormField>
+
+                <FormField label="Url">
+                    <input value={Bind.twoWaysImmediate(() => this.model.url)}/>
+                </FormField>
+
+                <div>
+                    <SaveIconTextButton
+                        data-submit-event="save-item"
+                        />
+                </div>
+
+            </Form>
+        </div>;
+
+    }
+
+    @Action({ onEvent: "save-item", close: true})
+    async saveItem() {
+        await this.entityService.save(this.model, (c) => c);
+        return this.model;
+    }
+
+}