@opengis/cms 0.0.48 → 0.0.50

package/dist/EmptyData-DaZt_nAm.js

@@ -0,0 +1,72 @@
+import { openBlock as n, createElementBlock as r, createElementVNode as t, toDisplayString as i, createTextVNode as a, createCommentVNode as l } from "vue";
+const d = { class: "rounded-xl text-card-foreground shadow-lg bg-white dark:bg-slate-800 backdrop-blur-sm border-2 border-dashed border-slate-300 dark:border-slate-600" }, u = { class: "p-12 text-center" }, m = { class: "text-lg font-medium text-slate-600 dark:text-slate-300 mb-2" }, c = { class: "text-slate-500 dark:text-slate-400 mb-6" }, b = {
+  __name: "EmptyData",
+  props: {
+    title: {
+      type: String,
+      default: () => "cms.emptyData.title"
+    },
+    description: {
+      type: String,
+      default: () => "cms.emptyData.description"
+    },
+    buttonText: {
+      type: String,
+      default: () => "cms.emptyData.buttonText"
+    },
+    showButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["action"],
+  setup(o) {
+    return (s, e) => (n(), r("div", d, [
+      t("div", u, [
+        e[2] || (e[2] = t("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          class: "lucide lucide-layers w-12 h-12 mx-auto mb-4 text-slate-400 dark:text-slate-500"
+        }, [
+          t("path", { d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }),
+          t("path", { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65" }),
+          t("path", { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65" })
+        ], -1)),
+        t("h3", m, i(s.$t(o.title)), 1),
+        t("p", c, i(s.$t(o.description)), 1),
+        o.showButton ? (n(), r("button", {
+          key: 0,
+          onClick: e[0] || (e[0] = (p) => s.$emit("action")),
+          class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow h-9 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white"
+        }, [
+          e[1] || (e[1] = t("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "lucide lucide-plus w-4 h-4 mr-2"
+          }, [
+            t("path", { d: "M5 12h14" }),
+            t("path", { d: "M12 5v14" })
+          ], -1)),
+          a(" " + i(s.$t(o.buttonText)), 1)
+        ])) : l("", !0)
+      ])
+    ]));
+  }
+};
+export {
+  b as _
+};

package/dist/MenuAddPage-CmU4kAUM.js

@@ -0,0 +1,115 @@
+import { defineComponent as g, ref as m, openBlock as h, createElementBlock as v, createElementVNode as t, unref as a, createVNode as l, toDisplayString as d, createTextVNode as y } from "vue";
+import { useRouter as x, useRoute as b } from "vue-router";
+import { _ as w } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-C8cip9Ci.js";
+import { ArrowLeft as k, Save as _ } from "lucide-vue-next";
+import { useI18n as V } from "vue-i18n";
+import { notify as c } from "@opengis/core";
+import { inputs as q, VForm as S } from "@opengis/form";
+const C = { class: "space-y-6 max-w-7xl mx-auto" }, M = { class: "flex items-center justify-between" }, N = { class: "flex items-center gap-4" }, $ = { class: "text-2xl font-semibold text-gray-900 dark:text-white" }, j = { class: "flex items-center space-x-3" }, A = { class: "max-w-[1000px]" }, D = /* @__PURE__ */ g({
+  __name: "MenuAddPage",
+  setup(E) {
+    q["vs-input-monaco-editor"] = w;
+    const { t: e } = V(), u = x();
+    b();
+    const p = 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"
+      }
+    ]), r = m({}), i = m({}), f = 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(r.value)
+        }), c({
+          title: e("cms.common.success"),
+          type: "success",
+          message: e("cms.common.successMessage")
+        }), r.value = {}, u.push("/menu");
+      } catch (s) {
+        console.log(s), c({
+          title: e("cms.common.error"),
+          type: "error",
+          message: e("cms.common.errorMessage")
+        });
+      }
+    };
+    return (s, o) => (h(), v("div", C, [
+      t("div", M, [
+        t("div", N, [
+          t("button", {
+            onClick: o[0] || (o[0] = (n) => a(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(a(k), { class: "w-5 h-5" })
+          ]),
+          t("h1", $, d(s.$t("cms.menu.menuAdd")), 1)
+        ]),
+        t("div", j, [
+          t("button", {
+            onClick: f,
+            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(a(_), { class: "w-4 h-4 mr-2" }),
+            y(" " + d(s.$t("cms.common.actions.save")), 1)
+          ])
+        ])
+      ]),
+      t("div", A, [
+        l(a(S), {
+          schema: p.value,
+          modelValue: r.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (n) => r.value = n),
+          form: i.value,
+          "onUpdate:form": o[2] || (o[2] = (n) => i.value = n)
+        }, null, 8, ["schema", "modelValue", "form"])
+      ])
+    ]));
+  }
+});
+export {
+  D as default
+};