@opengis/cms 0.0.35 → 0.0.36

package/dist/MenuAddPage-CUvJmUMq.js

@@ -0,0 +1,112 @@
+import { defineComponent as y, ref as m, openBlock as x, createElementBlock as b, createElementVNode as t, unref as r, createVNode as l, toDisplayString as f, createTextVNode as w } from "vue";
+import { useRouter as k, useRoute as _ } from "vue-router";
+import { u as V, A as q, S, l as C, y as c, Q as M, e as N } from "./index-7TVhDCPx.js";
+const $ = { class: "space-y-6 max-w-7xl mx-auto" }, j = { class: "flex items-center justify-between" }, A = { class: "flex items-center gap-4" }, E = { class: "text-2xl font-semibold text-gray-900 dark:text-white" }, T = { class: "flex items-center space-x-3" }, U = { class: "max-w-[1000px]" }, R = /* @__PURE__ */ y({
+  __name: "MenuAddPage",
+  setup(B) {
+    M["vs-input-monaco-editor"] = N;
+    const { t: e } = V(), u = k(), g = _(), h = m([
+      {
+        key: "name",
+        title: e("cms.menu.form.name"),
+        type: "text",
+        placeholder: e("cms.menu.form.name"),
+        required: !0,
+        validators: ["required"]
+      },
+      {
+        key: "description",
+        title: e("cms.menu.form.description"),
+        type: "text",
+        placeholder: e("cms.menu.form.description"),
+        required: !0,
+        validators: ["required"]
+      },
+      {
+        key: "locale",
+        title: e("cms.menu.form.language"),
+        type: "select",
+        placeholder: e("cms.menu.form.language"),
+        options: [
+          { text: "Ukrainian", id: "uk" },
+          { text: "English", id: "en" }
+        ],
+        required: !0,
+        validators: ["required"]
+      },
+      {
+        key: "content",
+        title: e("cms.menu.form.content"),
+        type: "monaco-editor",
+        height: "500px",
+        language: "yaml",
+        theme: "vs-light"
+      }
+    ]), a = m({}), i = m({}), v = async () => {
+      try {
+        if (await i.value.validate()) {
+          c({
+            type: "warning",
+            title: e("cms.common.actions.warning"),
+            message: e("cms.menu.createMenuFailed")
+          });
+          return;
+        }
+        await fetch("/api/cms-menu", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(a.value)
+        }), c({
+          title: e("cms.common.success"),
+          type: "success",
+          message: e("cms.common.successMessage")
+        }), a.value = {}, u.push("/menu");
+      } catch (o) {
+        console.log(o), c({
+          title: e("cms.common.error"),
+          type: "error",
+          message: e("cms.common.errorMessage")
+        });
+      }
+    };
+    return (o, s) => {
+      var d, p;
+      return x(), b("div", $, [
+        t("div", j, [
+          t("div", A, [
+            t("button", {
+              onClick: s[0] || (s[0] = (n) => r(u).back()),
+              class: "p-2 text-gray-500 rounded-full hover:text-gray-900 dark:text-gray-400 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
+            }, [
+              l(r(q), { class: "w-5 h-5" })
+            ]),
+            t("h1", E, f(o.$t((p = (d = r(g)) == null ? void 0 : d.meta) == null ? void 0 : p.title)), 1)
+          ]),
+          t("div", T, [
+            t("button", {
+              onClick: v,
+              class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium h-9 px-4 py-2 bg-blue-600 text-white shadow-md transition-all duration-200 transform hover:bg-blue-700 hover:shadow-lg hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+            }, [
+              l(r(S), { class: "w-4 h-4 mr-2" }),
+              w(" " + f(o.$t("cms.common.actions.save")), 1)
+            ])
+          ])
+        ]),
+        t("div", U, [
+          l(r(C), {
+            schema: h.value,
+            modelValue: a.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (n) => a.value = n),
+            form: i.value,
+            "onUpdate:form": s[2] || (s[2] = (n) => i.value = n)
+          }, null, 8, ["schema", "modelValue", "form"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  R as default
+};