@opengis/admin 0.1.98 → 0.1.100

package/dist/admin-view-TeTAUVK1.js

@@ -0,0 +1,640 @@
+import { _ as v, I as F, u as B, V as P, a as O } from "./import-file-DgJqxKyF.js";
+import { openBlock as s, createElementBlock as r, createElementVNode as t, createStaticVNode as R, resolveComponent as b, normalizeClass as E, createTextVNode as M, toDisplayString as y, createVNode as u, Transition as T, withCtx as $, withDirectives as q, Fragment as N, renderList as S, vShow as G, ref as D, createCommentVNode as V, watch as J, onBeforeUnmount as K, createBlock as W, withModifiers as X } from "vue";
+const Y = {}, ee = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-logout"
+};
+function te(o, e, n, a, l, i) {
+  return s(), r("svg", ee, e[0] || (e[0] = [
+    t("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    t("path", { d: "M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" }, null, -1),
+    t("path", { d: "M9 12h12l-3 -3" }, null, -1),
+    t("path", { d: "M18 15l3 -3" }, null, -1)
+  ]));
+}
+const oe = /* @__PURE__ */ v(Y, [["render", te]]), ne = {}, se = {
+  viewBox: "0 0 1823 249",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function re(o, e, n, a, l, i) {
+  return s(), r("svg", se, e[0] || (e[0] = [
+    R('<path d="M218.88 96.05C223.55 99.19 228.69 101.56 234.09 103.07V145.42C212.05 151.54 195.83 171.79 195.83 195.75C195.83 200.22 196.41 204.65 197.53 208.94L160.92 230.08C156.82 226.06 152.08 222.73 146.91 220.24V171.62C164.83 163.13 176.59 145.06 176.59 124.48C176.59 123.17 176.54 121.86 176.44 120.56L218.88 96.05ZM220.32 79.09L160.97 113.36C162.04 116.88 162.61 120.61 162.61 124.48C162.61 142.66 149.93 157.87 132.93 161.76V230.05C143.4 232.46 152.23 239.16 157.46 248.21L215 214.99C211.7 209.34 209.81 202.77 209.81 195.75C209.81 174.62 226.94 157.49 248.07 157.49V91.02C237.14 91.02 227.29 86.43 220.32 79.09Z" fill="#CE3936"></path><path d="M161.39 19.13L197.44 39.94C196.39 44.11 195.84 48.42 195.84 52.75C195.84 54.21 195.9 55.65 196.02 57.1L153.9 81.42C145.27 75.5 134.95 72.24 124.36 72.24C113.83 72.24 103.57 75.47 94.96 81.32L52.71 56.93C52.82 55.55 52.88 54.16 52.88 52.76C52.88 48.43 52.34 44.12 51.28 39.95L87.3 19.16C96.98 28.89 110.26 34.58 124.34 34.58C138.42 34.57 151.7 28.87 161.39 19.13ZM157.77 0.919983C151.24 12.66 138.71 20.6 124.33 20.6C109.95 20.6 97.44 12.67 90.9 0.939983L33.9 33.85C37.08 39.43 38.91 45.88 38.91 52.76C38.91 56.71 38.31 60.52 37.2 64.11L96.46 98.32C103.44 90.87 113.36 86.22 124.37 86.22C135.44 86.22 145.41 90.93 152.39 98.44L211.59 64.27C210.45 60.64 209.83 56.78 209.83 52.77C209.83 45.89 211.65 39.44 214.84 33.86L157.77 0.919983Z" fill="#CE3936"></path><path d="M29.97 95.95L72.28 120.38C72.17 121.74 72.12 123.1 72.12 124.47C72.12 145.02 83.86 163.08 101.74 171.58V220.23C96.58 222.71 91.84 226.04 87.75 230.05L51.17 208.93C52.29 204.64 52.87 200.21 52.87 195.74C52.87 171.78 36.65 151.53 14.61 145.41V103.06C20.07 101.55 25.27 99.14 29.97 95.95ZM28.5 78.97C21.52 86.38 11.63 91.02 0.640015 91.02V157.49C21.77 157.49 38.9 174.62 38.9 195.75C38.9 202.77 37 209.33 33.71 214.99L91.2 248.18C96.43 239.14 105.25 232.45 115.71 230.04V161.73C98.74 157.81 86.09 142.62 86.09 124.46C86.09 120.54 86.68 116.75 87.78 113.18L28.5 78.97Z" fill="#CE3936"></path><path d="M498.39 177.5V144.88C498.39 128.55 485.11 115.27 468.78 115.27H343.22C342.69 115.27 342.18 115.32 341.67 115.4H337.19C332.35 115.4 328.42 111.46 328.42 106.63V74C328.42 69.16 332.36 65.23 337.19 65.23H486.33C492.08 65.23 496.75 60.57 496.75 54.81C496.75 49.06 492.08 44.39 486.33 44.39H337.19C320.86 44.39 307.58 57.67 307.58 74V106.62C307.58 122.95 320.86 136.23 337.19 136.23H462.75C463.28 136.23 463.79 136.18 464.3 136.1H468.78C473.62 136.1 477.55 140.04 477.55 144.87V177.49C477.55 182.33 473.61 186.26 468.78 186.26H319.64C313.89 186.26 309.22 190.92 309.22 196.68C309.22 202.43 313.89 207.1 319.64 207.1H468.78C485.11 207.11 498.39 193.83 498.39 177.5Z" fill="#CE3935"></path><path d="M710.7 177.32V75.24C710.7 58.91 697.42 45.63 681.09 45.63H550.05C533.72 45.63 520.44 58.91 520.44 75.24V177.32C520.44 193.65 533.72 206.93 550.05 206.93H681.1C697.42 206.93 710.7 193.65 710.7 177.32ZM541.27 75.24C541.27 70.4 545.21 66.47 550.04 66.47H681.09C685.93 66.47 689.86 70.41 689.86 75.24V177.32C689.86 182.16 685.92 186.09 681.09 186.09H550.05C545.21 186.09 541.28 182.15 541.28 177.32V75.24H541.27Z" fill="#CE3935"></path><path d="M1823 177.32V75.24C1823 58.91 1809.72 45.63 1793.39 45.63H1662.34C1646.01 45.63 1632.73 58.91 1632.73 75.24V177.32C1632.73 193.65 1646.01 206.93 1662.34 206.93H1793.39C1809.72 206.93 1823 193.65 1823 177.32ZM1653.57 75.24C1653.57 70.4 1657.51 66.47 1662.34 66.47H1793.39C1798.23 66.47 1802.16 70.41 1802.16 75.24V177.32C1802.16 182.16 1798.22 186.09 1793.39 186.09H1662.34C1657.5 186.09 1653.57 182.15 1653.57 177.32V75.24Z" fill="#CE3935"></path><path d="M756.76 196.51V152H849.42C855.17 152 859.84 147.34 859.84 141.58C859.84 135.83 855.17 131.16 849.42 131.16H756.76V75.23C756.76 70.39 760.7 66.46 765.53 66.46H893.29C899.04 66.46 903.71 61.8 903.71 56.04C903.71 50.29 899.04 45.62 893.29 45.62H765.53C749.2 45.62 735.92 58.9 735.92 75.23V196.5C735.92 202.25 740.59 206.92 746.34 206.92C752.09 206.93 756.76 202.27 756.76 196.51Z" fill="#CE3935"></path><path d="M933.86 66.47H1006.51V194.32C1006.51 200.07 1011.18 204.74 1016.93 204.74C1022.68 204.74 1027.35 200.07 1027.35 194.32V66.47H1100C1105.75 66.47 1110.42 61.81 1110.42 56.05C1110.42 50.3 1105.76 45.63 1100 45.63H933.86C928.11 45.63 923.44 50.29 923.44 56.05C923.45 61.81 928.11 66.47 933.86 66.47Z" fill="#CE3935"></path><path d="M1218.44 204.19C1224.19 204.19 1228.86 199.53 1228.86 193.77V152H1368.13C1384.46 152 1397.74 138.72 1397.74 122.39V75.24C1397.74 58.91 1384.46 45.63 1368.13 45.63H1237.63C1221.3 45.63 1208.02 58.91 1208.02 75.24V193.77C1208.02 199.53 1212.68 204.19 1218.44 204.19ZM1237.63 66.47H1368.13C1372.97 66.47 1376.9 70.41 1376.9 75.24V122.39C1376.9 127.23 1372.96 131.16 1368.13 131.16H1228.86V75.23C1228.86 70.41 1232.79 66.47 1237.63 66.47Z" fill="#CE3935"></path><path d="M1430.64 204.19C1436.39 204.19 1441.06 199.53 1441.06 193.77V152H1523.95C1524.57 153.18 1525.42 154.26 1526.51 155.17L1581.89 201.23C1583.83 202.85 1586.2 203.64 1588.55 203.64C1591.54 203.64 1594.5 202.36 1596.57 199.88C1600.25 195.46 1599.64 188.89 1595.22 185.21L1555.29 152H1580.33C1596.66 152 1609.94 138.72 1609.94 122.39V75.24C1609.94 58.91 1596.66 45.63 1580.33 45.63H1449.83C1433.5 45.63 1420.22 58.91 1420.22 75.24V193.77C1420.22 199.53 1424.88 204.19 1430.64 204.19ZM1449.83 66.47H1580.33C1585.17 66.47 1589.1 70.41 1589.1 75.24V122.39C1589.1 127.23 1585.17 131.16 1580.33 131.16H1441.06V75.23C1441.05 70.41 1444.99 66.47 1449.83 66.47Z" fill="#CE3935"></path>', 10)
+  ]));
+}
+const le = /* @__PURE__ */ v(ne, [["render", re]]), ae = {}, ie = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
+};
+function ce(o, e, n, a, l, i) {
+  return s(), r("svg", ie, e[0] || (e[0] = [
+    t("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    t("path", { d: "M6 9l6 6l6 -6" }, null, -1)
+  ]));
+}
+const ue = /* @__PURE__ */ v(ae, [["render", ce]]), de = {
+  components: { IconChevronDown: ue },
+  props: { route: Object },
+  mounted() {
+    var o, e, n;
+    (o = this.route) != null && o.menu && (n = (e = this.route) == null ? void 0 : e.menu) != null && n.some(
+      (a) => {
+        var l, i;
+        return (a == null ? void 0 : a.path) === this.$route.path.replace("/", "") || ((i = (l = this.$route) == null ? void 0 : l.params) == null ? void 0 : i.table) === (a == null ? void 0 : a.table) && (a == null ? void 0 : a.table);
+      }
+    ) && (this.isOpen = !0);
+  },
+  data() {
+    return {
+      isOpen: !1
+    };
+  }
+}, pe = {
+  key: 0,
+  class: ""
+}, he = { class: "ml-[30px] py-[6px] before:block before:absolute relative w-[196px] flex flex-col gap-[6px] inline-block before:w-[2px] before:h-[100%] before:bg-gray-100 before:left-[-14px] cursor-pointer" }, fe = { key: 1 };
+function ge(o, e, n, a, l, i) {
+  var c, p, g, h, w, C, m, k, H, L, I, z, j;
+  const _ = b("IconChevronDown"), x = b("router-link");
+  return (c = n.route) != null && c.menu ? (s(), r("div", pe, [
+    t("button", {
+      onClick: e[0] || (e[0] = (f) => l.isOpen = !l.isOpen),
+      class: E(["flex cursor-pointer gap-x-3 py-2 px-3 text-sm text-gray-800 justify-start w-full border-none focus:outline-none text-gray-800 rounded-lg items-center hover:bg-gray-100 duration-300", [
+        ((g = (p = n.route) == null ? void 0 : p.menu) == null ? void 0 : g.some(
+          (f) => {
+            var d, Z;
+            return (f == null ? void 0 : f.path) === o.$route.path.replace("/", "") || (f == null ? void 0 : f.table) === ((Z = (d = o.$route) == null ? void 0 : d.params) == null ? void 0 : Z.table) && (f == null ? void 0 : f.table);
+          }
+        )) && "bg-gray-100"
+      ]])
+    }, [
+      M(y((h = n.route) == null ? void 0 : h.ua) + " ", 1),
+      u(_, {
+        class: E([[l.isOpen && "-rotate-180"], "ml-auto duration-300"]),
+        width: "14",
+        height: "14"
+      }, null, 8, ["class"])
+    ], 2),
+    u(T, { name: "fade" }, {
+      default: $(() => {
+        var f;
+        return [
+          q(t("ul", he, [
+            (s(!0), r(N, null, S((f = n.route) == null ? void 0 : f.menu, (d, Z) => {
+              var U, A;
+              return s(), r("li", {
+                key: Z,
+                class: "w-full"
+              }, [
+                u(x, {
+                  to: "/" + (d == null ? void 0 : d.path),
+                  class: E([[
+                    ((d == null ? void 0 : d.path) === o.$route.path.replace("/", "") || ((A = (U = o.$route) == null ? void 0 : U.params) == null ? void 0 : A.table) === (d == null ? void 0 : d.table) && (d == null ? void 0 : d.table)) && "bg-gray-100"
+                  ], "flex gap-x-4 py-2 px-3 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100"])
+                }, {
+                  default: $(() => [
+                    M(y(d == null ? void 0 : d.ua), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "class"])
+              ]);
+            }), 128))
+          ], 512), [
+            [G, l.isOpen]
+          ])
+        ];
+      }),
+      _: 1
+    })
+  ])) : (s(), r("div", fe, [
+    u(x, {
+      to: ((C = (w = n.route) == null ? void 0 : w.path) == null ? void 0 : C[0]) === "/" ? (m = n.route) == null ? void 0 : m.path : "/" + ((k = n.route) == null ? void 0 : k.path),
+      class: E([[
+        (((H = n.route) == null ? void 0 : H.path.replace("/", "")) === o.$route.path.replace("/", "") || ((I = (L = o.$route) == null ? void 0 : L.params) == null ? void 0 : I.table) === ((z = n.route) == null ? void 0 : z.table) && ((j = n.route) == null ? void 0 : j.table)) && "bg-gray-100"
+      ], "flex gap-x-3 py-2 w-full font-[400] px-3 text-sm text-gray-800 rounded-lg items-center hover:bg-gray-100 duration-300 hover:text-gray-800"])
+    }, {
+      default: $(() => {
+        var f;
+        return [
+          M(y((f = n.route) == null ? void 0 : f.ua), 1)
+        ];
+      }),
+      _: 1
+    }, 8, ["to", "class"])
+  ]));
+}
+const xe = /* @__PURE__ */ v(de, [["render", ge]]), be = {
+  components: { IconLogout: oe, NavbarItem: xe, IconLogo: le, IconSearch: F },
+  data() {
+    return {
+      activeIndex: null,
+      data: null,
+      searchValue: ""
+    };
+  },
+  computed: {
+    data() {
+      var o, e;
+      return (o = this.searchValue) != null && o.trim() ? (e = this.flattenMenu(B.value)) == null ? void 0 : e.filter(
+        (n) => {
+          var a, l, i;
+          return (i = (a = n == null ? void 0 : n.ua) == null ? void 0 : a.toLowerCase()) == null ? void 0 : i.includes((l = this.searchValue) == null ? void 0 : l.toLowerCase());
+        }
+      ) : B.value;
+    }
+  },
+  methods: {
+    flattenMenu(o) {
+      const e = [];
+      return o.forEach((n) => {
+        n.menu ? e.push(...this.flattenMenu(n.menu)) : e.push(n);
+      }), e;
+    }
+  }
+}, _e = { class: "flex flex-col h-[100vh] border-r w-[260px] shrink-0" }, ve = { class: "relative" }, we = { class: "p-[16px] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-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" }, Ce = { class: "pb-3 w-full flex flex-col flex-wrap" }, me = {
+  key: 0,
+  class: "flex flex-col gap-[6px]"
+}, ke = {
+  key: 1,
+  class: "text-gray-800 text-lg mt-[20px]"
+};
+function ye(o, e, n, a, l, i) {
+  var g;
+  const _ = b("IconLogo"), x = b("IconSearch"), c = b("VsText"), p = b("NavbarItem");
+  return s(), r("div", _e, [
+    u(_, {
+      height: "40",
+      width: "200",
+      class: "my-[20px] ml-[20px]"
+    }),
+    t("div", ve, [
+      u(x, {
+        height: "16",
+        width: "16",
+        class: "absolute top-[12px] left-[30px] text-gray-500 z-[1]"
+      }),
+      u(c, {
+        type: "text",
+        modelValue: l.searchValue,
+        "onUpdate:modelValue": e[0] || (e[0] = (h) => l.searchValue = h),
+        clearable: !0,
+        placeholder: "Пошук по меню",
+        class: "[&>input]:h-[40px] [&>input]:block [&>input]:rounded-none [&>input]:border-x-0 [&>input]:pl-[60px] [&>input:focus]:outline-none [&>input:focus]:focus:ring-0 [&>input:focus]:border-y-gray-200 [&>input:focus]:border-y-1 [&>input:focus]:border-x-0"
+      }, null, 8, ["modelValue"])
+    ]),
+    t("div", we, [
+      t("nav", Ce, [
+        (g = i.data) != null && g.length ? (s(), r("ul", me, [
+          (s(!0), r(N, null, S(i.data, (h, w) => (s(), r("li", {
+            key: w,
+            class: "flex flex-col gap-[6px]"
+          }, [
+            u(p, { route: h }, null, 8, ["route"])
+          ]))), 128))
+        ])) : (s(), r("div", ke, "Не знайдено"))
+      ])
+    ])
+  ]);
+}
+const $e = /* @__PURE__ */ v(be, [["render", ye]]), Ve = {}, Me = {
+  class: "shrink-0",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function He(o, e) {
+  return s(), r("svg", Me, e[0] || (e[0] = [
+    t("path", { d: "M18 6 7 17l-5-5" }, null, -1),
+    t("path", { d: "m22 10-7.5 7.5L13 16" }, null, -1)
+  ]));
+}
+const Le = /* @__PURE__ */ v(Ve, [["render", He]]), Ie = {}, ze = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  class: "icon icon-tabler icons-tabler-filled icon-tabler-user"
+};
+function je(o, e, n, a, l, i) {
+  return s(), r("svg", ze, e[0] || (e[0] = [
+    t("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    t("path", { d: "M12 2a5 5 0 1 1 -5 5l.005 -.217a5 5 0 0 1 4.995 -4.783z" }, null, -1),
+    t("path", { d: "M14 14a5 5 0 0 1 5 5v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1a5 5 0 0 1 5 -5h4z" }, null, -1)
+  ]));
+}
+const Q = /* @__PURE__ */ v(Ie, [["render", je]]), Ee = {}, De = {
+  class: "shrink-0 size-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function Oe(o, e) {
+  return s(), r("svg", De, e[0] || (e[0] = [
+    t("polyline", { points: "9 11 12 14 22 4" }, null, -1),
+    t("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" }, null, -1)
+  ]));
+}
+const Ze = /* @__PURE__ */ v(Ee, [["render", Oe]]), Ne = { class: "relative shrink-0" }, Be = ["src"], Se = {
+  key: 1,
+  class: "h-[38px] w-[38px] bg-gray-200 rounded-full flex items-center justify-center"
+}, Ue = {
+  key: 2,
+  class: "absolute top-4 -start-3 size-2 bg-blue-600 rounded-full dark:bg-blue-500"
+}, Ae = { class: "grow" }, Te = { class: "text-xs text-gray-500 dark:text-neutral-500" }, Qe = { class: "block text-sm font-medium text-gray-800 dark:text-neutral-300" }, Fe = { class: "text-sm text-gray-500 dark:text-neutral-500" }, Pe = {
+  key: 0,
+  class: "sm:group-hover:opacity-100 sm:opacity-0 sm:absolute sm:top-5 sm:end-5 inline-block p-0.5 bg-white border border-gray-200 rounded-lg shadow-sm transition ease-out"
+}, Re = {
+  __name: "admin-notification-item",
+  props: { item: Object },
+  emits: ["update-notification"],
+  setup(o, { emit: e }) {
+    const n = e, a = D(!1), l = () => a.value = !0, i = () => a.value = !1, _ = async () => {
+      var x;
+      try {
+        await O.get(`/api/notification-read/${(x = o.item) == null ? void 0 : x.id}`), await n("update-notification");
+      } catch {
+      }
+    };
+    return (x, c) => {
+      var g, h, w, C, m, k;
+      const p = b("VsPopover");
+      return s(), r("li", {
+        class: E(["relative group w-full flex gap-x-5 text-start p-5 border-b", [(g = o.item) != null && g.read ? "bg-gray-100" : "bg-white"]]),
+        onMouseenter: l,
+        onMouseleave: i
+      }, [
+        t("div", Ne, [
+          (h = o.item) != null && h.avatar ? (s(), r("img", {
+            key: 0,
+            class: "shrink-0 size-[38px] rounded-full",
+            src: (w = o.item) == null ? void 0 : w.avatar,
+            alt: "Avatar"
+          }, null, 8, Be)) : (s(), r("div", Se, [
+            u(Q)
+          ])),
+          (C = o.item) != null && C.read ? (s(), r("span", Ue)) : V("", !0)
+        ]),
+        t("div", Ae, [
+          t("p", Te, [
+            u(P, {
+              name: "cdate",
+              data: o.item
+            }, null, 8, ["data"])
+          ]),
+          t("span", Qe, y((m = o.item) == null ? void 0 : m.author), 1),
+          t("p", Fe, y((k = o.item) == null ? void 0 : k.subject), 1)
+        ]),
+        a.value ? (s(), r("div", Pe, [
+          u(p, {
+            trigger: "hover",
+            placement: "left"
+          }, {
+            reference: $(() => [
+              t("button", {
+                onClick: _,
+                type: "button",
+                class: "hs-tooltip-toggle hs-tooltip relative inline-block size-7 flex shrink-0 justify-center items-center text-gray-500 hover:bg-gray-100 hover:text-gray-800 rounded"
+              }, [
+                u(Ze)
+              ])
+            ]),
+            default: $(() => [
+              c[0] || (c[0] = M(" Прочитати "))
+            ]),
+            _: 1
+          })
+        ])) : V("", !0)
+      ], 34);
+    };
+  }
+}, qe = {}, Ge = {
+  class: "flex-shrink-0 size-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function Je(o, e, n, a, l, i) {
+  return s(), r("svg", Ge, e[0] || (e[0] = [
+    t("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }, null, -1),
+    t("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }, null, -1)
+  ]));
+}
+const Ke = /* @__PURE__ */ v(qe, [["render", Je]]), We = {}, Xe = {
+  class: "shrink-0 size-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function Ye(o, e) {
+  return s(), r("svg", Xe, e[0] || (e[0] = [
+    t("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }, null, -1),
+    t("circle", {
+      cx: "12",
+      cy: "12",
+      r: "3"
+    }, null, -1)
+  ]));
+}
+const et = /* @__PURE__ */ v(We, [["render", Ye]]), tt = {
+  key: 0,
+  class: "flex absolute top-0 end-0 -mt-1.5 -me-1.5"
+}, ot = { class: "relative min-w-[18px] min-h-[18px] inline-flex justify-center items-center text-[10px] bg-red-500 text-white rounded-full px-1" }, nt = {
+  key: 0,
+  class: "w-96 h-[100px] z-[11] absolute top-[40px] right-0"
+}, st = { class: "h-[50px] px-[20px] border-b w-full flex items-center justify-between rounded-t-lg bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)]" }, rt = { class: "h-[30px] w-[30px] inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100" }, lt = { class: "max-h-[400px] bg-white overflow-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300" }, at = { key: 0 }, it = {
+  __name: "admin-notification",
+  setup(o) {
+    const e = D(0), n = D([]), a = D(!1), l = D(null), i = (c) => {
+      l.value && !l.value.contains(c.target) && (a.value = !1);
+    };
+    J(a, (c) => {
+      c ? window.addEventListener("click", i) : window.removeEventListener("click", i);
+    }), K(() => {
+      window.removeEventListener("click", i);
+    });
+    const _ = async () => {
+      try {
+        const { data: c } = await O.get("/api/notification");
+        n.value = (c == null ? void 0 : c.rows) || [];
+      } catch {
+      }
+    };
+    _();
+    const x = async () => {
+      try {
+        await O.get("/api/notification-read"), await _();
+      } catch {
+      }
+    };
+    return (c, p) => (s(), r("div", {
+      ref_key: "notificationRef",
+      ref: l,
+      class: "hs-tooltip [--placement:bottom] inline-block show relative"
+    }, [
+      t("button", {
+        onClick: p[0] || (p[0] = (g) => a.value = !a.value),
+        class: "hs-tooltip-toggle relative size-[38px] inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100"
+      }, [
+        u(Ke, {
+          height: "24",
+          width: "24"
+        }),
+        e.value ? (s(), r("span", tt, [
+          p[1] || (p[1] = t("span", { class: "absolute inline-flex bg-red-400 rounded-full opacity-75 animate-ping size-full dark:bg-red-600" }, null, -1)),
+          t("span", ot, y(e.value), 1)
+        ])) : V("", !0)
+      ]),
+      u(T, null, {
+        default: $(() => {
+          var g;
+          return [
+            a.value ? (s(), r("div", nt, [
+              t("div", st, [
+                p[2] || (p[2] = t("nav", { class: "flex" }, [
+                  t("button", {
+                    type: "button",
+                    class: "px-2 py-1.5 relative inline-flex justify-center items-center gap-x-2 text-nowrap hover:bg-gray-100 text-gray-500 hover:text-gray-800 text-sm rounded-lg focus:outline-none focus:bg-gray-100 after:absolute after:bottom-[-9px] after:left-2.5 after:right-2.5 after:z-10 after:h-0.5 after:bg-gray-800"
+                  }, " Всі ")
+                ], -1)),
+                t("button", rt, [
+                  u(et)
+                ])
+              ]),
+              t("div", lt, [
+                (g = n.value) != null && g.length ? (s(), r("ul", at, [
+                  (s(!0), r(N, null, S(n.value, (h) => (s(), W(Re, {
+                    key: h == null ? void 0 : h.id,
+                    item: h,
+                    onUpdateNotification: _
+                  }, null, 8, ["item"]))), 128))
+                ])) : V("", !0)
+              ]),
+              t("button", {
+                onClick: x,
+                class: "h-[50px] border-t w-full rounded-b-lg bg-white shadow p-4 flex justify-center items-center gap-x-2 text-sm text-gray-500 font-medium sm:rounded-b-lg hover:text-blue-600 focus:outline-none"
+              }, [
+                u(Le, {
+                  height: "16",
+                  width: "16"
+                }),
+                p[3] || (p[3] = M(" Прочитати усі "))
+              ])
+            ])) : V("", !0)
+          ];
+        }),
+        _: 1
+      })
+    ], 512));
+  }
+}, ct = {}, ut = {
+  class: "flex-shrink-0 size-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function dt(o, e, n, a, l, i) {
+  return s(), r("svg", ut, e[0] || (e[0] = [
+    t("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }, null, -1),
+    t("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }, null, -1),
+    t("path", { d: "M12 17h.01" }, null, -1)
+  ]));
+}
+const pt = /* @__PURE__ */ v(ct, [["render", dt]]), ht = {
+  components: { IconQuestion: pt, IconUser: Q, AdminNotification: it },
+  mounted() {
+    this.getUserData();
+  },
+  data() {
+    return {
+      userData: null,
+      isVisible: !1
+    };
+  },
+  watch: {
+    isVisible(o) {
+      o ? setTimeout(
+        () => window.addEventListener("click", this.closeOnOutsideClick),
+        0
+      ) : window.removeEventListener("click", this.closeOnOutsideClick);
+    }
+  },
+  methods: {
+    async getUserData() {
+      try {
+        const { data: o } = await O.get("/user");
+        this.userData = o;
+      } catch {
+      }
+    },
+    async logout() {
+      try {
+        await O.get("/logout"), await window.history.pushState({}, "", "/login"), await location.reload(), localStorage.removeItem("user");
+      } catch {
+      }
+    },
+    closeOnOutsideClick() {
+      this.isVisible = !1;
+    }
+  },
+  beforeUnmount() {
+    window.removeEventListener("click", this.closeOnOutsideClick);
+  }
+}, ft = {
+  class: "h-[60px] border-b flex justify-end px-[20px]",
+  style: { width: "calc(100vw - 260px)" }
+}, gt = { class: "flex items-center gap-[6px]" }, xt = {
+  href: "docs-softpro.com",
+  class: "size-[38px] inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
+}, bt = { class: "relative" }, _t = ["src"], vt = {
+  key: 1,
+  class: "size-[40px] rounded-full bg-gray-200 flex items-center justify-center"
+}, wt = { class: "p-[10px] gap-[6px] items-center border-b flex justify-between" }, Ct = ["src"], mt = {
+  key: 1,
+  class: "size-[40px] rounded-full bg-gray-200 flex items-center justify-center"
+}, kt = { class: "text-[14px] mr-[10px] text-gray-500" }, yt = { class: "flex flex-col p-[4px]" };
+function $t(o, e, n, a, l, i) {
+  var g, h, w, C, m, k, H, L, I, z;
+  const _ = b("IconQuestion"), x = b("AdminNotification"), c = b("IconUser"), p = b("router-link");
+  return s(), r("div", ft, [
+    t("div", gt, [
+      t("a", xt, [
+        u(_, {
+          height: "24",
+          width: "24"
+        })
+      ]),
+      u(x),
+      e[4] || (e[4] = t("div", { class: "h-[30px] w-[1px] bg-gray-200 ml-[10px] mr-[10px]" }, null, -1)),
+      t("div", bt, [
+        t("div", {
+          onClick: e[0] || (e[0] = (j) => l.isVisible = !0),
+          class: "cursor-pointer"
+        }, [
+          (h = (g = l.userData) == null ? void 0 : g.user) != null && h.avatar ? (s(), r("img", {
+            key: 0,
+            class: "flex-shrink-0 size-[30px] rounded-full",
+            src: (C = (w = l.userData) == null ? void 0 : w.user) == null ? void 0 : C.avatar,
+            alt: "Image Description"
+          }, null, 8, _t)) : (s(), r("div", vt, [
+            u(c)
+          ]))
+        ]),
+        l.isVisible ? (s(), r("div", {
+          key: 0,
+          onClick: e[2] || (e[2] = X(() => {
+          }, ["stop"])),
+          class: "fixed bg-white w-[180px] top-[55px] right-[20px] shadow-xl rounded-xl z-[1]"
+        }, [
+          t("div", wt, [
+            (k = (m = l.userData) == null ? void 0 : m.user) != null && k.avatar ? (s(), r("img", {
+              key: 0,
+              class: "flex-shrink-0 size-[30px] rounded-full",
+              src: (L = (H = l.userData) == null ? void 0 : H.user) == null ? void 0 : L.avatar,
+              alt: "Image Description"
+            }, null, 8, Ct)) : (s(), r("div", mt, [
+              u(c)
+            ])),
+            t("div", null, [
+              t("p", kt, y((z = (I = l.userData) == null ? void 0 : I.user) == null ? void 0 : z.username), 1)
+            ])
+          ]),
+          t("div", yt, [
+            u(p, {
+              to: "profile",
+              disabled: !0,
+              class: "p-[8px] block rounded-lg w-full mb-[4px] text-start hover:bg-gray-100 !duration-300"
+            }, {
+              default: $(() => e[3] || (e[3] = [
+                M("Профіль")
+              ])),
+              _: 1
+            }),
+            t("button", {
+              onClick: e[1] || (e[1] = (...j) => i.logout && i.logout(...j)),
+              class: "p-[8px] block rounded-lg w-full text-start hover:bg-gray-100 !duration-300"
+            }, " Вийти ")
+          ])
+        ])) : V("", !0)
+      ])
+    ])
+  ]);
+}
+const Vt = /* @__PURE__ */ v(ht, [["render", $t]]), Mt = {
+  components: { navbar: $e, AdminHeader: Vt },
+  computed: {
+    isMenu() {
+      return B.value;
+    }
+  }
+}, Ht = { class: "admin-wrapper" }, Lt = { class: "flex flex-col" };
+function It(o, e, n, a, l, i) {
+  const _ = b("navbar"), x = b("admin-header"), c = b("router-view");
+  return s(), r("div", Ht, [
+    u(_),
+    t("div", Lt, [
+      i.isMenu ? (s(), r(N, { key: 0 }, [
+        u(x),
+        u(c)
+      ], 64)) : V("", !0)
+    ])
+  ]);
+}
+const Et = /* @__PURE__ */ v(Mt, [["render", It], ["__scopeId", "data-v-2f422765"]]);
+export {
+  Et as default
+};

package/dist/admin.js

@@ -1,4 +1,4 @@
-import { h as f } from "./import-file-eH-_Imyb.js";
+import { i as f } from "./import-file-DgJqxKyF.js";
 export {
   f as default
 };