@opengis/admin 0.1.66 → 0.1.67

package/dist/card-page-B1zuuqAR.js

@@ -0,0 +1,275 @@
+import { g as V, h as z, _ as A, u as L, a as q } from "./import-file-B80Ws8by.js";
+import { computed as B, resolveComponent as R, openBlock as r, createElementBlock as s, createElementVNode as u, toDisplayString as j, createVNode as N, withCtx as E, createTextVNode as S, createBlock as M, createCommentVNode as b, normalizeClass as H, Fragment as w, renderList as C, resolveDynamicComponent as T } from "vue";
+const G = { class: "h-[76px] bg-white border rounded-xl flex items-center justify-between px-[20px] mb-[16px]" }, O = { class: "text-lg font-semibold md:text-xl text-stone-800 dark:text-neutral-200" }, F = { class: "flex items-center gap-[6px]" }, I = {
+  __name: "admin-card-header",
+  props: {
+    title: {
+      type: String
+    },
+    getRoute: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(n) {
+    const c = n, a = V(), l = z(), t = () => {
+      a.back();
+    }, d = B(
+      () => {
+        var x;
+        return `/edit?table=${c.getRoute}&id=${(x = l == null ? void 0 : l.params) == null ? void 0 : x.id}`;
+      }
+    );
+    return (x, g) => {
+      const v = R("router-link");
+      return r(), s("div", G, [
+        u("div", null, [
+          u("button", {
+            onClick: t,
+            class: "text-sm h-[20px] text-blue-600 font-medium hover:border-b-2 hover:border-b-blue-500"
+          }, " До таблиці "),
+          u("h2", O, j(n.title), 1)
+        ]),
+        u("div", F, [
+          N(v, {
+            to: d.value,
+            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"
+          }, {
+            default: E(() => g[0] || (g[0] = [
+              S(" Редагувати ")
+            ])),
+            _: 1
+          }, 8, ["to"])
+        ])
+      ]);
+    };
+  }
+}, P = {
+  components: { AdminCardHeader: I },
+  data() {
+    return {
+      objectData: null,
+      component: ""
+    };
+  },
+  computed: {
+    getRoute() {
+      const n = this.flattenMenu(L.value);
+      n != null && n.length || this.$router.replace("/404");
+      const c = n == null ? void 0 : n.find((a) => {
+        var l, t;
+        return (a == null ? void 0 : a.table) == ((t = (l = this.$route) == null ? void 0 : l.params) == null ? void 0 : t.table);
+      });
+      return c || this.$router.replace("/404"), c == null ? void 0 : c.path;
+    },
+    getTitle() {
+      var n, c, a, l, t, d, x, g, v, e, i, D, o, k, _;
+      if ((a = (c = (n = this.objectData) == null ? void 0 : n.rows) == null ? void 0 : c[0]) != null && a.name)
+        return ((x = (d = (t = (l = this.objectData) == null ? void 0 : l.rows) == null ? void 0 : t[0]) == null ? void 0 : d.name) == null ? void 0 : x.length) < 35 ? (e = (v = (g = this.objectData) == null ? void 0 : g.rows) == null ? void 0 : v[0]) == null ? void 0 : e.name : ((k = (o = (D = (i = this.objectData) == null ? void 0 : i.rows) == null ? void 0 : D[0]) == null ? void 0 : o.name) == null ? void 0 : k.slice(0, 35)) + " ...";
+      {
+        const p = (_ = this.flattenMenu(L.value)) == null ? void 0 : _.find(
+          (h) => {
+            var f, y;
+            return (h == null ? void 0 : h.table) === ((y = (f = this.$route) == null ? void 0 : f.params) == null ? void 0 : y.table);
+          }
+        );
+        return p == null ? void 0 : p.ua;
+      }
+    }
+  },
+  async mounted() {
+    await this.getObjectData(), await this.checkActiveComponent();
+  },
+  watch: {
+    component(n) {
+      this.$router.replace({ ...this.$route, query: { tab: n } });
+    }
+  },
+  methods: {
+    async getObjectData() {
+      var a;
+      const { table: n, id: c } = (a = this.$route) == null ? void 0 : a.params;
+      (!n || !c) && this.$router.replace("/404");
+      try {
+        const { data: l } = await q.get(`/api/table-data/${n}/${c}`);
+        this.objectData = l;
+      } catch (l) {
+        console.error(l);
+      }
+    },
+    getColClass(n) {
+      return `col-span-${n || 12}`;
+    },
+    getGridClass() {
+      return "grid-cols-12";
+    },
+    checkActiveComponent() {
+      var n, c, a, l, t, d, x, g, v;
+      if ((c = (n = this.$route) == null ? void 0 : n.query) != null && c.tab)
+        this.component = (l = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : l.tab;
+      else {
+        const e = (d = (t = this.objectData) == null ? void 0 : t.panels) == null ? void 0 : d.find((i) => (i == null ? void 0 : i.type) === "tabs");
+        (x = e == null ? void 0 : e.items) != null && x.length && (this.component = ((g = e.items[0]) == null ? void 0 : g.component) || ((v = e.items[0]) == null ? void 0 : v.name));
+      }
+    },
+    flattenMenu(n) {
+      const c = [];
+      return n.forEach((a) => {
+        a.menu ? c.push(...this.flattenMenu(a.menu)) : c.push(a);
+      }), c;
+    }
+  }
+}, $ = {
+  style: { width: "calc(100vw - 260px)", height: "calc(100vh - 60px)" },
+  class: "p-4 overflow-y-auto bg-gray-50"
+}, J = {
+  key: 0,
+  class: "bg-white border rounded-xl"
+}, K = { class: "p-[10px] pl-[20px] text-xl" }, Q = ["innerHTML"], U = { key: 1 }, W = { class: "p-[10px] pl-[20px] text-xl" }, X = {
+  key: 0,
+  class: "p-[20px] border-t"
+}, Y = {
+  key: 1,
+  class: "p-[20px] border-t"
+}, Z = ["innerHTML"], m = { class: "flex space-x-1 w-full bg-white border border-b-0 rounded-tr-xl rounded-tl-xl h-[60px] items-center pl-[20px]" }, oo = ["onClick"], eo = {
+  key: 0,
+  class: "bg-white border border-t-0 rounded-bl-xl rounded-br-xl"
+}, to = {
+  key: 0,
+  class: "p-[20px] border-t"
+}, ro = {
+  key: 1,
+  class: "p-[20px] border-t"
+}, no = ["innerHTML"], so = {
+  key: 3,
+  class: "flex"
+}, co = { class: "flex flex-col space-y-2 w-[200px] border rounded-xl mr-4 h-auto items-start pl-[10px] bg-white py-[20px]" }, ao = ["onClick"], lo = { class: "flex-grow" }, uo = {
+  key: 0,
+  class: "h-full bg-white border rounded-xl"
+}, po = {
+  key: 0,
+  class: "p-[20px]"
+}, ho = {
+  key: 1,
+  class: "p-[20px] border-t"
+}, bo = ["innerHTML"];
+function xo(n, c, a, l, t, d) {
+  var g, v;
+  const x = R("AdminCardHeader");
+  return r(), s("div", $, [
+    ((g = t.objectData) == null ? void 0 : g.isHeader) !== !1 ? (r(), M(x, {
+      key: 0,
+      title: d.getTitle,
+      "get-route": d.getRoute
+    }, null, 8, ["title", "get-route"])) : b("", !0),
+    u("div", {
+      class: H(["grid gap-[20px]", d.getGridClass()])
+    }, [
+      (r(!0), s(w, null, C((v = t.objectData) == null ? void 0 : v.panels, (e, i) => {
+        var D;
+        return r(), s("div", {
+          key: i,
+          class: H(d.getColClass(e.col))
+        }, [
+          e != null && e.name ? (r(), s("div", J, [
+            u("h2", K, j((e == null ? void 0 : e.title) || "Панель"), 1),
+            u("div", {
+              class: "p-[20px] border-t",
+              innerHTML: (D = t.objectData) == null ? void 0 : D.data[e == null ? void 0 : e.name]
+            }, null, 8, Q)
+          ])) : e.type === "container" ? (r(), s("div", U, [
+            (r(!0), s(w, null, C(e.items, (o, k) => {
+              var _, p, h, f, y;
+              return r(), s("div", {
+                key: k,
+                class: "border rounded-xl bg-white mb-[20px]"
+              }, [
+                u("h2", W, j((o == null ? void 0 : o.title) || "Панель"), 1),
+                o != null && o.component ? (r(), s("div", X, [
+                  (r(), M(T(o.component), {
+                    geometry: (p = (_ = t.objectData) == null ? void 0 : _.rows[0]) == null ? void 0 : p.geom,
+                    zoom: 16,
+                    id: (f = (h = n.$route) == null ? void 0 : h.params) == null ? void 0 : f.id
+                  }, null, 8, ["geometry", "id"]))
+                ])) : b("", !0),
+                o != null && o.name ? (r(), s("div", Y, [
+                  u("div", {
+                    innerHTML: (y = t.objectData) == null ? void 0 : y.data[o == null ? void 0 : o.name]
+                  }, null, 8, Z)
+                ])) : b("", !0)
+              ]);
+            }), 128))
+          ])) : b("", !0),
+          (e == null ? void 0 : e.type) === "tabs" ? (r(), s(w, { key: 2 }, [
+            u("nav", m, [
+              (r(!0), s(w, null, C(e == null ? void 0 : e.items, (o) => (r(), s("button", {
+                key: (o == null ? void 0 : o.name) || (o == null ? void 0 : o.component),
+                onClick: (k) => t.component = (o == null ? void 0 : o.component) || (o == null ? void 0 : o.name),
+                class: H(["px-2.5 h-[30px] py-1.5 relative inline-flex items-center gap-x-2 text-gray-500 hover:bg-gray-100 focus:bg-gray-100 hover:text-gray-800 text-sm whitespace-nowrap rounded-lg focus:outline-none", {
+                  " 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": t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name),
+                  "": t.component !== (o == null ? void 0 : o.component) && t.component !== (o == null ? void 0 : o.name)
+                }])
+              }, j(o == null ? void 0 : o.title), 11, oo))), 128))
+            ]),
+            (r(!0), s(w, null, C(e.items, (o, k) => {
+              var _, p, h, f, y;
+              return r(), s(w, { key: k }, [
+                t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name) ? (r(), s("div", eo, [
+                  o != null && o.component ? (r(), s("div", to, [
+                    (r(), M(T(o.component), {
+                      geometry: (p = (_ = t.objectData) == null ? void 0 : _.rows[0]) == null ? void 0 : p.geom,
+                      zoom: 16,
+                      id: (f = (h = n.$route) == null ? void 0 : h.params) == null ? void 0 : f.id
+                    }, null, 8, ["geometry", "id"]))
+                  ])) : b("", !0),
+                  o != null && o.name ? (r(), s("div", ro, [
+                    u("div", {
+                      innerHTML: (y = t.objectData) == null ? void 0 : y.data[o == null ? void 0 : o.name]
+                    }, null, 8, no)
+                  ])) : b("", !0)
+                ])) : b("", !0)
+              ], 64);
+            }), 128))
+          ], 64)) : b("", !0),
+          (e == null ? void 0 : e.type) === "vertical_tabs" ? (r(), s("div", so, [
+            u("nav", co, [
+              (r(!0), s(w, null, C(e == null ? void 0 : e.items, (o) => (r(), s("button", {
+                key: (o == null ? void 0 : o.name) || (o == null ? void 0 : o.component),
+                onClick: (k) => t.component = (o == null ? void 0 : o.component) || (o == null ? void 0 : o.name),
+                class: H(["relative inline-flex items-center w-full py-1 text-sm border-transparent pe-4 gap-x-2 border-e-2 whitespace-nowrap hover:text-blue-600 focus:outline-none focus:text-blue-600", {
+                  "font-semibold after:absolute after:top-[0]  after:right-[-1px] after:h-full text-blue-600  after:w-[2px] after:bg-blue-600 ": t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name),
+                  "text-gray-500": t.component !== (o == null ? void 0 : o.component) && t.component !== (o == null ? void 0 : o.name)
+                }])
+              }, j(o == null ? void 0 : o.title), 11, ao))), 128))
+            ]),
+            u("div", lo, [
+              (r(!0), s(w, null, C(e.items, (o, k) => {
+                var _, p, h, f, y;
+                return r(), s(w, { key: k }, [
+                  t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name) ? (r(), s("div", uo, [
+                    o != null && o.component ? (r(), s("div", po, [
+                      (r(), M(T(o.component), {
+                        geometry: (p = (_ = t.objectData) == null ? void 0 : _.rows[0]) == null ? void 0 : p.geom,
+                        zoom: 16,
+                        id: (f = (h = n.$route) == null ? void 0 : h.params) == null ? void 0 : f.id
+                      }, null, 8, ["geometry", "id"]))
+                    ])) : b("", !0),
+                    o != null && o.name ? (r(), s("div", ho, [
+                      u("div", {
+                        innerHTML: (y = t.objectData) == null ? void 0 : y.data[o == null ? void 0 : o.name]
+                      }, null, 8, bo)
+                    ])) : b("", !0)
+                  ])) : b("", !0)
+                ], 64);
+              }), 128))
+            ])
+          ])) : b("", !0)
+        ], 2);
+      }), 128))
+    ], 2)
+  ]);
+}
+const fo = /* @__PURE__ */ A(P, [["render", xo], ["__scopeId", "data-v-f2a27685"]]);
+export {
+  fo as default
+};

package/dist/{card-view-DYhMgpIH.js → card-view-Bzt2AvI2.js}

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

package/dist/{edit-page-D8fMSwEp.js → edit-page-DoY4S7v6.js}

@@ -1,4 +1,4 @@
-import { _ as b, u as h, a as c } from "./import-file-Do-GQQHc.js";
+import { _ as b, u as h, a as c } from "./import-file-B80Ws8by.js";
 import { resolveComponent as d, openBlock as m, createElementBlock as p, createElementVNode as l, createBlock as f, createCommentVNode as g } from "vue";
 const x = {
   data() {