@opengis/admin 0.2.132 → 0.2.134

package/dist/add-page-CF6kQ1bD.js

@@ -0,0 +1,119 @@
+import { _ as h, u as p, f as u } from "./import-file-Cb13QIWH.js";
+import { resolveComponent as d, openBlock as b, createElementBlock as g, createElementVNode as n, createBlock as f, normalizeStyle as x, createCommentVNode as w } from "vue";
+const y = {
+  data() {
+    return {
+      formValues: {},
+      scheme: null,
+      table: "",
+      token: "",
+      api: "",
+      style: null
+    };
+  },
+  mounted() {
+    this.getFormScheme();
+  },
+  methods: {
+    flattenMenu(t) {
+      const e = [];
+      return t.forEach((o) => {
+        o.menu ? e.push(...this.flattenMenu(o.menu)) : e.push(o);
+      }), e;
+    },
+    async getFormScheme() {
+      var i, a;
+      const t = this.flattenMenu(p.value);
+      t != null && t.length || this.$router.replace("/404");
+      const e = t == null ? void 0 : t.find((r) => {
+        var s, l;
+        return (r == null ? void 0 : r.path) == ((l = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : l.table);
+      });
+      e || this.$router.replace("/404");
+      const o = e == null ? void 0 : e.table;
+      this.table = o;
+      try {
+        const r = await u.get(`/api/table-data/${o}`), { data: s } = await u.get(
+          `/api/template/form/${(i = r == null ? void 0 : r.data) == null ? void 0 : i.form}`
+        );
+        this.scheme = (s == null ? void 0 : s.schema) || s, this.style = (s == null ? void 0 : s.style) || null, this.api = (s == null ? void 0 : s.api) || "", this.token = (a = r == null ? void 0 : r.data) == null ? void 0 : a.addToken;
+      } catch {
+      }
+    },
+    getGroupedErrorNotification(t, e) {
+      debugger;
+      if (!t || !e) return "";
+      const o = {};
+      return Object.entries(t).forEach(([a, r]) => {
+        var l;
+        const s = ((l = e[a]) == null ? void 0 : l.ua) || a;
+        r.forEach((m) => {
+          const c = m.message;
+          o[c] || (o[c] = []), o[c].push(`"${s}"`);
+        });
+      }), Object.entries(o).map(([a, r]) => `<b>${a}:</b> ${r.join(", ")}`).join("<br>") || "Сталася помилка валідації";
+    },
+    async createObject() {
+      var e;
+      const t = this.$refs.form;
+      try {
+        await t.doValidation(), await u.post(
+          this.api || `/api/table/${this.token}`,
+          this.formValues
+        ), await this.$router.back(), await this.$notify({
+          title: "Успішно!",
+          message: "Об'єкт успішно створено",
+          type: "success"
+        });
+      } catch (o) {
+        const i = this.getGroupedErrorNotification(
+          t == null ? void 0 : t.formErrors,
+          t == null ? void 0 : t.scheme
+        );
+        this.$notify({
+          title: "Помилка!",
+          message: ((e = o == null ? void 0 : o.response) == null ? void 0 : e.data) || i,
+          type: "error"
+        });
+      }
+    }
+  }
+}, k = { class: "bg-gray-50 lg:w-[calc(100vw-260px)] w-[100vw]" }, v = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, V = { class: "flex items-center gap-[6px]" }, _ = {
+  style: { height: "calc(100vh - 165px)" },
+  class: "bg-gray-50 p-[20px] flex lg:w-[calc(100vw-260px)] w-[100vw]"
+}, $ = { class: "bg-white w-full rounded-xl border p-[20px] overflow-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
+function j(t, e, o, i, a, r) {
+  const s = d("VsForm");
+  return b(), g("div", k, [
+    n("div", v, [
+      e[3] || (e[3] = n("h2", { class: "text-xl font-medium" }, "Створити", -1)),
+      n("div", V, [
+        n("button", {
+          onClick: e[0] || (e[0] = (l) => t.$router.back()),
+          class: "flex items-center px-3 py-2 text-sm font-medium text-gray-800 duration-300 bg-white border border-gray-100 rounded-lg shadow gap-x-2 focus:outline-none hover:bg-gray-50 hover:border-gray-100"
+        }, " Скасувати "),
+        n("button", {
+          onClick: e[1] || (e[1] = (...l) => r.createObject && r.createObject(...l)),
+          class: "inline-flex items-center px-3 py-2 text-sm font-medium text-white duration-300 bg-blue-600 border border-transparent rounded-lg gap-x-2 hover:bg-blue-700 hover:text-white"
+        }, " Зберегти ")
+      ])
+    ]),
+    n("div", _, [
+      n("div", $, [
+        a.scheme ? (b(), f(s, {
+          key: 0,
+          ref: "form",
+          scheme: a.scheme,
+          style: x(a.style),
+          modelValue: a.formValues,
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => a.formValues = l),
+          class: "p-0 mt-[20px]"
+        }, null, 8, ["scheme", "style", "modelValue"])) : w("", !0)
+      ])
+    ])
+  ]);
+}
+const O = /* @__PURE__ */ h(y, [["render", j]]);
+export {
+  O as default
+};