@opengis/admin 0.1.99 → 0.1.100

package/dist/card-page-D-3aubBo.js

@@ -0,0 +1,230 @@
+import { g as L, h as R, _ as V, u as H, a as A } from "./import-file-DgJqxKyF.js";
+import { computed as q, resolveComponent as $, openBlock as s, createElementBlock as a, createElementVNode as p, toDisplayString as j, createVNode as z, withCtx as B, createTextVNode as N, createBlock as m, createCommentVNode as v, normalizeClass as M, Fragment as w, renderList as D, 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, j(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, D((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, j((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, D(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, j((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, D(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)
+                }])
+              }, j(e == null ? void 0 : e.title), 11, ee))), 128))
+            ]),
+            (s(!0), a(w, null, D(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-WP8gH2Ul.js → card-view-CZjPaUKx.js}

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

package/dist/edit-page-RhKgRai9.js

@@ -0,0 +1,103 @@
+import { _ as b, u as h, a as c } from "./import-file-DgJqxKyF.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
+};