@opengis/admin 0.1.61 → 0.1.62

package/dist/card-page-B16E7Q7m.js

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

package/dist/{card-view-BwtqUSFP.js → card-view-Fw8T0Ddm.js}

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

package/dist/edit-page-BCPO83LG.js

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