@opengis/admin 0.1.18 → 0.1.19

package/dist/card-page-ZWU3SEtH.js

@@ -0,0 +1,194 @@
+import { u as H } from "./userMenu-CT1xO2Pt.js";
+import { _ as V, a as z } from "./import-file-C5Tvx4dB.js";
+import { resolveComponent as N, openBlock as n, createElementBlock as c, createElementVNode as l, toDisplayString as D, createVNode as q, withCtx as B, createTextVNode as E, normalizeClass as T, Fragment as f, renderList as M, createBlock as L, resolveDynamicComponent as $, createCommentVNode as g } from "vue";
+const m = {
+  data() {
+    return {
+      objectData: null,
+      component: ""
+    };
+  },
+  computed: {
+    getRoute() {
+      const t = this.flattenMenu(H.value);
+      t != null && t.length || this.$router.replace("/404");
+      const r = t == null ? void 0 : t.find((a) => {
+        var u, s;
+        return (a == null ? void 0 : a.table) == ((s = (u = this.$route) == null ? void 0 : u.params) == null ? void 0 : s.table);
+      });
+      return r || this.$router.replace("/404"), r == null ? void 0 : r.path;
+    },
+    getTitle() {
+      var t, r, a, u, s, p, b, h, x, d, o, j, _, e;
+      if ((a = (r = (t = this.objectData) == null ? void 0 : t.rows) == null ? void 0 : r[0]) != null && a.name)
+        return ((b = (p = (s = (u = this.objectData) == null ? void 0 : u.rows) == null ? void 0 : s[0]) == null ? void 0 : p.name) == null ? void 0 : b.length) < 35 ? (d = (x = (h = this.objectData) == null ? void 0 : h.rows) == null ? void 0 : x[0]) == null ? void 0 : d.name : ((e = (_ = (j = (o = this.objectData) == null ? void 0 : o.rows) == null ? void 0 : j[0]) == null ? void 0 : _.name) == null ? void 0 : e.slice(0, 35)) + " ...";
+    }
+  },
+  async mounted() {
+    await this.getObjectData(), await this.checkActiveComponent();
+  },
+  watch: {
+    component(t) {
+      this.$router.replace({ ...this.$route, query: { tab: t } });
+    }
+  },
+  methods: {
+    async getObjectData() {
+      var a;
+      const { table: t, id: r } = (a = this.$route) == null ? void 0 : a.params;
+      (!t || !r) && this.$router.replace("/404");
+      try {
+        const { data: u } = await z.get(`/api/table-data/${t}/${r}`);
+        this.objectData = u;
+      } catch (u) {
+        console.error(u);
+      }
+    },
+    getColClass(t) {
+      return `col-span-${t || 12}`;
+    },
+    getGridClass() {
+      return "grid-cols-12";
+    },
+    checkActiveComponent() {
+      var t, r, a, u, s, p, b, h, x;
+      if ((r = (t = this.$route) == null ? void 0 : t.query) != null && r.tab)
+        this.component = (u = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : u.tab;
+      else {
+        const d = (p = (s = this.objectData) == null ? void 0 : s.panels) == null ? void 0 : p.find((o) => (o == null ? void 0 : o.type) === "tabs");
+        (b = d == null ? void 0 : d.items) != null && b.length && (this.component = ((h = d.items[0]) == null ? void 0 : h.component) || ((x = d.items[0]) == null ? void 0 : x.name));
+      }
+    },
+    flattenMenu(t) {
+      const r = [];
+      return t.forEach((a) => {
+        a.menu ? r.push(...this.flattenMenu(a.menu)) : r.push(a);
+      }), r;
+    }
+  }
+}, A = {
+  style: { width: "calc(100vw - 260px)", height: "calc(100vh - 60px)" },
+  class: "bg-gray-50 overflow-y-auto"
+}, G = { class: "h-[58px] bg-gray-50 flex items-center justify-between px-[30px]" }, O = { class: "flex items-center gap-[4px]" }, R = { class: "text-xl font-medium text-gray-600" }, F = { class: "flex items-center gap-[6px]" }, I = {
+  key: 0,
+  class: "border rounded-xl bg-white"
+}, P = { class: "p-[10px] pl-[20px] text-xl" }, S = ["innerHTML"], J = { key: 1 }, K = { class: "p-[10px] pl-[20px] text-xl" }, Q = {
+  key: 0,
+  class: "p-[20px] border-t"
+}, U = {
+  key: 1,
+  class: "p-[20px] border-t"
+}, W = ["innerHTML"], X = { class: "flex space-x-1 w-[1200px] bg-white border rounded-xl h-[60px] items-center pl-[20px]" }, Y = ["onClick"], Z = {
+  key: 0,
+  class: "border rounded-xl bg-white mt-[20px]"
+}, ee = { class: "p-[10px] pl-[20px] text-xl" }, te = {
+  key: 0,
+  class: "p-[20px] border-t"
+}, oe = {
+  key: 1,
+  class: "p-[20px] border-t"
+}, re = ["innerHTML"];
+function se(t, r, a, u, s, p) {
+  var h, x, d;
+  const b = N("router-link");
+  return n(), c("div", A, [
+    l("div", G, [
+      l("div", O, [
+        l("button", {
+          onClick: r[0] || (r[0] = (o) => t.$router.back()),
+          class: "text-xl font-medium text-gray-600 hover:text-black"
+        }, " До таблиці "),
+        r[1] || (r[1] = l("span", null, "/", -1)),
+        l("h2", R, D(p.getTitle), 1)
+      ]),
+      l("div", F, [
+        q(b, {
+          to: `/edit?table=${p.getRoute}&id=${(x = (h = t.$route) == null ? void 0 : h.params) == null ? void 0 : x.id}`,
+          class: "py-2 px-3 flex items-center gap-x-2 text-sm text-white font-medium rounded-lg border-none bg-blue-500 text-gray-800 shadow-sm focus:border-none focus:outline-none hover:bg-blue-700 hover:text-white duration-300"
+        }, {
+          default: B(() => r[2] || (r[2] = [
+            E(" Редагувати ")
+          ])),
+          _: 1
+        }, 8, ["to"])
+      ])
+    ]),
+    l("div", {
+      class: T(["grid gap-[20px]", p.getGridClass()])
+    }, [
+      (n(!0), c(f, null, M((d = s.objectData) == null ? void 0 : d.panels, (o, j) => {
+        var _;
+        return n(), c("div", {
+          key: j,
+          class: T([p.getColClass(o.col), "p-4"])
+        }, [
+          o != null && o.name ? (n(), c("div", I, [
+            l("h2", P, D((o == null ? void 0 : o.title) || "Панель"), 1),
+            l("div", {
+              class: "p-[20px] border-t",
+              innerHTML: (_ = s.objectData) == null ? void 0 : _.data[o == null ? void 0 : o.name]
+            }, null, 8, S)
+          ])) : o.type === "container" ? (n(), c("div", J, [
+            (n(!0), c(f, null, M(o.items, (e, C) => {
+              var y, i, v, w, k;
+              return n(), c("div", {
+                key: C,
+                class: "border rounded-xl bg-white mb-[20px]"
+              }, [
+                l("h2", K, D((e == null ? void 0 : e.title) || "Панель"), 1),
+                e != null && e.component ? (n(), c("div", Q, [
+                  (n(), L($(e.component), {
+                    geometry: (i = (y = s.objectData) == null ? void 0 : y.rows[0]) == null ? void 0 : i.geom,
+                    zoom: 16,
+                    id: (w = (v = t.$route) == null ? void 0 : v.params) == null ? void 0 : w.id
+                  }, null, 8, ["geometry", "id"]))
+                ])) : g("", !0),
+                e != null && e.name ? (n(), c("div", U, [
+                  l("div", {
+                    innerHTML: (k = s.objectData) == null ? void 0 : k.data[e == null ? void 0 : e.name]
+                  }, null, 8, W)
+                ])) : g("", !0)
+              ]);
+            }), 128))
+          ])) : g("", !0),
+          (o == null ? void 0 : o.type) === "tabs" ? (n(), c(f, { key: 2 }, [
+            l("nav", X, [
+              (n(!0), c(f, null, M(o == null ? void 0 : o.items, (e) => (n(), c("button", {
+                key: (e == null ? void 0 : e.name) || (e == null ? void 0 : e.component),
+                onClick: (C) => s.component = (e == null ? void 0 : e.component) || (e == null ? void 0 : e.name),
+                class: T(["px-2.5 h-[30px] py-1.5 relative inline-flex items-center gap-x-2 text-gray-500 hover:text-gray-800 text-sm whitespace-nowrap rounded-lg focus:outline-none", {
+                  "bg-gray-100 text-gray-800 font-semibold after:absolute after:bottom-[-14px] after:left-2.5 after:right-2.5 after:z-10 after:h-0.5 after:bg-gray-800": s.component === (e == null ? void 0 : e.component) || s.component === (e == null ? void 0 : e.name),
+                  "hover:bg-gray-100": s.component !== (e == null ? void 0 : e.component) && s.component !== (e == null ? void 0 : e.name)
+                }])
+              }, D(e == null ? void 0 : e.title), 11, Y))), 128))
+            ]),
+            (n(!0), c(f, null, M(o.items, (e, C) => {
+              var y, i, v, w, k;
+              return n(), c(f, { key: C }, [
+                s.component === (e == null ? void 0 : e.component) || s.component === (e == null ? void 0 : e.name) ? (n(), c("div", Z, [
+                  l("h2", ee, D((e == null ? void 0 : e.title) || "Панель"), 1),
+                  e != null && e.component ? (n(), c("div", te, [
+                    (n(), L($(e.component), {
+                      geometry: (i = (y = s.objectData) == null ? void 0 : y.rows[0]) == null ? void 0 : i.geom,
+                      zoom: 16,
+                      id: (w = (v = t.$route) == null ? void 0 : v.params) == null ? void 0 : w.id
+                    }, null, 8, ["geometry", "id"]))
+                  ])) : g("", !0),
+                  e != null && e.name ? (n(), c("div", oe, [
+                    l("div", {
+                      innerHTML: (k = s.objectData) == null ? void 0 : k.data[e == null ? void 0 : e.name]
+                    }, null, 8, re)
+                  ])) : g("", !0)
+                ])) : g("", !0)
+              ], 64);
+            }), 128))
+          ], 64)) : g("", !0)
+        ], 2);
+      }), 128))
+    ], 2)
+  ]);
+}
+const le = /* @__PURE__ */ V(m, [["render", se], ["__scopeId", "data-v-3adb7a11"]]);
+export {
+  le as default
+};

package/dist/{card-view-CNzIVhiE.js → card-view-CwZPYXyJ.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as e, openBlock as r, createBlock as t } from "vue";
-import { _ as c } from "./import-file-BdX0j7UB.js";
+import { _ as c } from "./import-file-C5Tvx4dB.js";
 const n = {};
 function s(_, p, a, i, f, m) {
   const o = e("router-view");

package/dist/{edit-page-tYDkGn_6.js → edit-page-C6mgpZBS.js}

@@ -1,6 +1,6 @@
 import { u as m } from "./userMenu-CT1xO2Pt.js";
-import { _ as b, a as n } from "./import-file-BdX0j7UB.js";
-import { resolveComponent as d, openBlock as u, createElementBlock as h, createElementVNode as i, createBlock as p, createCommentVNode as f } from "vue";
+import { _ as d, a as i } from "./import-file-C5Tvx4dB.js";
+import { resolveComponent as h, openBlock as u, createElementBlock as b, createElementVNode as n, createBlock as f, createCommentVNode as p } from "vue";
 const g = {
   data() {
     return {
@@ -33,13 +33,13 @@ const g = {
       try {
         const {
           data: { form: s }
-        } = await n.get(`/api/template/table/${o}`), {
+        } = await i.get(`/api/template/table/${o}`), {
           data: { rows: a }
-        } = await n.get(
+        } = await i.get(
           `/api/table-data/${this.table}/${(l = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : l.id}`
         );
         this.formValues = a == null ? void 0 : a[0];
-        const { data: r } = await n.get(`/api/template/form/${s}`);
+        const { data: r } = await i.get(`/api/template/form/${s}`);
         this.scheme = (r == null ? void 0 : r.schema) || r;
       } catch {
       }
@@ -47,7 +47,7 @@ const g = {
     async editObject() {
       var t, e;
       try {
-        await this.$refs.form.doValidation(), await n.put(
+        await this.$refs.form.doValidation(), await i.put(
           `/api/table/${this.table}/${(e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.id}`,
           this.formValues
         ), await this.$router.back(), await this.$notify({
@@ -64,41 +64,41 @@ const g = {
       }
     }
   }
-}, x = { style: { width: "calc(100vw - 260px)" } }, w = { class: "h-[76px] bg-gray-50 flex items-center justify-between px-[30px]" }, y = { class: "flex items-center gap-[6px]" }, k = {
-  style: { height: "calc(100vh - 140px)", width: "calc(100vw - 260px)" },
+}, x = { style: { width: "calc(100vw - 260px)" } }, w = { class: "h-[58px] bg-gray-50 flex items-center justify-between px-[30px]" }, y = { class: "flex items-center gap-[6px]" }, k = {
+  style: { height: "calc(100vh - 120px)", width: "calc(100vw - 260px)" },
   class: "bg-gray-50 p-[20px] flex"
 }, v = { 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 $(t, e, o, c, l, s) {
-  const a = d("VsForm");
-  return u(), h("div", x, [
-    i("div", w, [
-      e[3] || (e[3] = i("h2", { class: "text-xl font-medium" }, "Редагувати", -1)),
-      i("div", y, [
-        i("button", {
+  const a = h("VsForm");
+  return u(), b("div", x, [
+    n("div", w, [
+      e[3] || (e[3] = n("h2", { class: "text-xl font-medium" }, "Редагувати", -1)),
+      n("div", y, [
+        n("button", {
           onClick: e[0] || (e[0] = (r) => t.$router.back()),
           class: "py-2 px-3 flex items-center gap-x-2 text-sm font-medium rounded-lg border bg-white border-gray-100 text-gray-800 shadow focus:outline-none hover:bg-gray-50 hover:border-gray-100 duration-300"
         }, " Скасувати "),
-        i("button", {
+        n("button", {
           onClick: e[1] || (e[1] = (...r) => s.editObject && s.editObject(...r)),
-          class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 hover:text-white duration-300"
+          class: "py-2 px-3 flex items-center gap-x-2 text-sm text-white font-medium rounded-lg border-none bg-blue-500 text-gray-800 shadow-sm focus:border-none focus:outline-none hover:bg-blue-700 hover:text-white duration-300"
         }, " Зберегти ")
       ])
     ]),
-    i("div", k, [
-      i("div", v, [
-        l.scheme ? (u(), p(a, {
+    n("div", k, [
+      n("div", v, [
+        l.scheme ? (u(), f(a, {
           key: 0,
           ref: "form",
           scheme: l.scheme,
           modelValue: l.formValues,
           "onUpdate:modelValue": e[2] || (e[2] = (r) => l.formValues = r),
           class: "p-0 mt-[20px]"
-        }, null, 8, ["scheme", "modelValue"])) : f("", !0)
+        }, null, 8, ["scheme", "modelValue"])) : p("", !0)
       ])
     ])
   ]);
 }
-const C = /* @__PURE__ */ b(g, [["render", $]]);
+const C = /* @__PURE__ */ d(g, [["render", $]]);
 export {
   C as default
 };