@opengis/admin 0.1.70 → 0.1.72

package/dist/card-page-DMlxnOVF.js

@@ -0,0 +1,275 @@
+import { g as V, h as z, _ as A, u as L, a as q } from "./import-file-DsHdUJ7C.js";
+import { computed as B, resolveComponent as R, openBlock as r, createElementBlock as s, createElementVNode as u, toDisplayString as M, createVNode as N, withCtx as E, createTextVNode as S, createBlock as H, createCommentVNode as b, normalizeClass as j, 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, M(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-md font-[500]" }, Q = ["innerHTML"], U = { key: 1 }, W = { class: "p-[10px] pl-[20px] text-md font-[500]" }, 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(), H(x, {
+      key: 0,
+      title: d.getTitle,
+      "get-route": d.getRoute
+    }, null, 8, ["title", "get-route"])) : b("", !0),
+    u("div", {
+      class: j(["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: j(d.getColClass(e.col))
+        }, [
+          e != null && e.name ? (r(), s("div", J, [
+            u("h2", K, M((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: j([{ "mb-[20px]": e.items.length > 1 }, "border rounded-xl bg-white"])
+              }, [
+                u("h2", W, M((o == null ? void 0 : o.title) || "Панель"), 1),
+                o != null && o.component ? (r(), s("div", X, [
+                  (r(), H(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)
+              ], 2);
+            }), 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: j(["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)
+                }])
+              }, M(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(), H(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: j(["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)
+                }])
+              }, M(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(), H(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-611b5b18"]]);
+export {
+  fo as default
+};

package/dist/{card-view-CZjPaUKx.js → card-view-F0hQEiNz.js}

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

package/dist/edit-page-BJSs9RJU.js

@@ -0,0 +1,120 @@
+import { _ as d, u as m, a as n } from "./import-file-DsHdUJ7C.js";
+import { resolveComponent as b, openBlock as u, createElementBlock as h, createElementVNode as a, createBlock as f, createCommentVNode as p } from "vue";
+const g = {
+  data() {
+    return {
+      formValues: {},
+      scheme: null,
+      table: "",
+      token: ""
+    };
+  },
+  mounted() {
+    this.getFormScheme();
+  },
+  methods: {
+    flattenMenu(t) {
+      const e = [];
+      return t.forEach((l) => {
+        l.menu ? e.push(...this.flattenMenu(l.menu)) : e.push(l);
+      }), e;
+    },
+    async getFormScheme() {
+      var c, i;
+      const t = this.flattenMenu(m.value);
+      t != null && t.length || this.$router.replace("/404");
+      const e = t == null ? void 0 : t.find((o) => {
+        var s, r;
+        return (o == null ? void 0 : o.path) == ((r = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : r.table);
+      });
+      e || this.$router.replace("/404");
+      const l = e == null ? void 0 : e.table;
+      this.table = l;
+      try {
+        const {
+          data: { form: o }
+        } = await n.get(`/api/template/table/${l}`), { data: s } = await n.get(
+          `/api/table/${this.table}/${(i = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : i.id}`
+        );
+        this.token = (s == null ? void 0 : s.token) || "", this.formValues = s || {};
+        const { data: r } = await n.get(`/api/template/form/${o}`);
+        this.scheme = (r == null ? void 0 : r.schema) || r;
+      } catch {
+      }
+    },
+    async onlyEditObject() {
+      try {
+        await this.$refs.form.doValidation(), await n.put(`/api/table/${this.token}`, this.formValues), await this.$notify({
+          title: "Успішно!",
+          message: "Об'єкт успішно створено",
+          type: "success"
+        });
+      } catch {
+        this.$notify({
+          title: "Помилка!",
+          message: "Сталася помилка",
+          type: "error"
+        });
+      }
+    },
+    async editObjectAndRedirect() {
+      try {
+        await this.$refs.form.doValidation(), await n.put(`/api/table/${this.token}`, this.formValues), await this.$router.back(), await this.$notify({
+          title: "Успішно!",
+          message: "Об'єкт успішно створено",
+          type: "success"
+        });
+      } catch {
+        this.$notify({
+          title: "Помилка!",
+          message: "Сталася помилка",
+          type: "error"
+        });
+      }
+    }
+  }
+}, x = {
+  style: { width: "calc(100vw - 260px)" },
+  class: "bg-gray-50"
+}, y = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, w = { class: "flex items-center gap-[6px]" }, k = {
+  style: { height: "calc(100vh - 155px)", 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 V(t, e, l, c, i, o) {
+  const s = b("VsForm");
+  return u(), h("div", x, [
+    a("div", y, [
+      e[4] || (e[4] = a("h2", { class: "text-xl font-medium" }, "Редагувати", -1)),
+      a("div", w, [
+        a("button", {
+          onClick: e[0] || (e[0] = (r) => 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"
+        }, " Повернутися "),
+        a("button", {
+          onClick: e[1] || (e[1] = (...r) => o.onlyEditObject && o.onlyEditObject(...r)),
+          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"
+        }, " Зберегти "),
+        a("button", {
+          onClick: e[2] || (e[2] = (...r) => o.editObjectAndRedirect && o.editObjectAndRedirect(...r)),
+          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"
+        }, " Зберегти і повернутися ")
+      ])
+    ]),
+    a("div", k, [
+      a("div", v, [
+        i.scheme ? (u(), f(s, {
+          key: 0,
+          ref: "form",
+          scheme: i.scheme,
+          modelValue: i.formValues,
+          "onUpdate:modelValue": e[3] || (e[3] = (r) => i.formValues = r),
+          class: "p-0 mt-[20px]"
+        }, null, 8, ["scheme", "modelValue"])) : p("", !0)
+      ])
+    ])
+  ]);
+}
+const j = /* @__PURE__ */ d(g, [["render", V]]);
+export {
+  j as default
+};