@opengis/admin 0.3.2 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{add-page-8FwtS7IW.js → add-page-BzA3ExxI.js} +4 -4
- package/dist/{admin-interface-YPiLoA11.js → admin-interface-DkIsQSBE.js} +412 -419
- package/dist/{admin-view-DlRUgmy_.js → admin-view-DkitsSaV.js} +6 -6
- package/dist/admin.js +1 -1
- package/dist/admin.umd.cjs +72 -72
- package/dist/{card-view-DWq2DEeq.js → card-view-Dhmnaz6b.js} +3 -3
- package/dist/{edit-page-pnyqFsNz.js → edit-page-efoYzshm.js} +4 -4
- package/dist/{import-file-E2-Fa6Xt.js → import-file-X5f6VDhJ.js} +17440 -17284
- package/dist/{profile-page-Do2mb94a.js → profile-page-BVudVnew.js} +2 -2
- package/dist/style.css +1 -1
- package/package.json +3 -2
@@ -1,6 +1,6 @@
|
|
1
|
-
import { _ as
|
2
|
-
import {
|
3
|
-
const
|
1
|
+
import { _ as A, g as Oe, h as Ne, i as Ue, e as j, I as Ee, j as Fe, k as U, V as He, l as Re, m as We, n as Je, A as E, o as Ge, p as Ke, q as Qe, r as Xe, a as Ye, t as Ze, u as Ve, s as et } from "./import-file-X5f6VDhJ.js";
|
2
|
+
import { createElementBlock as i, openBlock as r, createTextVNode as F, createElementVNode as l, toDisplayString as T, createCommentVNode as v, normalizeClass as I, resolveComponent as p, Fragment as $, createVNode as x, withCtx as S, createBlock as k, renderList as V, withModifiers as tt, createStaticVNode as st, withDirectives as z, vModelCheckbox as nt, Transition as B, vModelText as lt, renderSlot as at, vShow as H, Teleport as rt, getCurrentInstance as je, ref as O, resolveDynamicComponent as N, defineComponent as ot, normalizeStyle as Pe } from "vue";
|
3
|
+
const it = {
|
4
4
|
data() {
|
5
5
|
return {
|
6
6
|
currentSort: ""
|
@@ -46,11 +46,11 @@ const ot = {
|
|
46
46
|
},
|
47
47
|
handleClickSortBtn(t) {
|
48
48
|
this.$emit("change-active", this.data.name), this.currentSort = this.changeCurrentSort(t);
|
49
|
-
const e = this.$route.query, { sort:
|
49
|
+
const e = this.$route.query, { sort: s, ...o } = e, n = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
|
50
50
|
this.$router.replace({
|
51
51
|
query: {
|
52
52
|
...o,
|
53
|
-
...
|
53
|
+
...n && { sort: n }
|
54
54
|
}
|
55
55
|
});
|
56
56
|
},
|
@@ -58,26 +58,26 @@ const ot = {
|
|
58
58
|
return `${this.data.name}-${t}` === this.selectedSortParam;
|
59
59
|
}
|
60
60
|
}
|
61
|
-
},
|
61
|
+
}, dt = {
|
62
62
|
scope: "col",
|
63
63
|
class: "pe-2 py-1 text-start"
|
64
|
-
},
|
64
|
+
}, ut = { class: "w-[24px]" }, ct = {
|
65
65
|
key: 1,
|
66
66
|
class: "flex items-center px-1 py-3 font-medium text-gray-800 text-start gap-x-1 dark:text-neutral-200"
|
67
67
|
};
|
68
|
-
function
|
69
|
-
return r(), i("th",
|
68
|
+
function pt(t, e, s, o, n, a) {
|
69
|
+
return r(), i("th", dt, [
|
70
70
|
a.getVisibleIcon ? (r(), i("button", {
|
71
71
|
key: 0,
|
72
72
|
type: "button",
|
73
73
|
class: "flex items-center px-1 py-3 font-medium text-gray-800 text-start gap-x-1 dark:text-neutral-200",
|
74
|
-
onClick: e[0] || (e[0] = (u) => a.handleClickSortBtn(
|
74
|
+
onClick: e[0] || (e[0] = (u) => a.handleClickSortBtn(n.currentSort))
|
75
75
|
}, [
|
76
|
-
|
77
|
-
l("span",
|
78
|
-
|
76
|
+
F(T(a.label) + " ", 1),
|
77
|
+
l("span", ut, [
|
78
|
+
n.currentSort ? (r(), i("svg", {
|
79
79
|
key: 0,
|
80
|
-
class: I(["shrink-0 size-3.5", { "rotate-180":
|
80
|
+
class: I(["shrink-0 size-3.5", { "rotate-180": n.currentSort === "asc" }]),
|
81
81
|
xmlns: "http://www.w3.org/2000/svg",
|
82
82
|
width: "24",
|
83
83
|
height: "24",
|
@@ -92,14 +92,14 @@ function ct(t, e, n, o, s, a) {
|
|
92
92
|
l("path", { d: "M12 19V5" }, null, -1)
|
93
93
|
]), 2)) : v("", !0)
|
94
94
|
])
|
95
|
-
])) : (r(), i("p",
|
95
|
+
])) : (r(), i("p", ct, T(a.label), 1))
|
96
96
|
]);
|
97
97
|
}
|
98
|
-
const
|
98
|
+
const ht = /* @__PURE__ */ A(it, [["render", pt]]), bt = {
|
99
99
|
components: {
|
100
|
-
IconMore:
|
101
|
-
IconDelete:
|
102
|
-
IconEdit:
|
100
|
+
IconMore: Ue,
|
101
|
+
IconDelete: Ne,
|
102
|
+
IconEdit: Oe
|
103
103
|
},
|
104
104
|
emits: ["updateTable"],
|
105
105
|
props: {
|
@@ -144,18 +144,18 @@ const pt = /* @__PURE__ */ T(ot, [["render", ct]]), ht = {
|
|
144
144
|
async deleteElement() {
|
145
145
|
var t, e;
|
146
146
|
try {
|
147
|
-
const { data:
|
147
|
+
const { data: s } = await j.get(
|
148
148
|
`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
|
149
149
|
);
|
150
|
-
await j.delete(`/api/table/${
|
150
|
+
await j.delete(`/api/table/${s == null ? void 0 : s.token}`), await this.$notify({
|
151
151
|
title: "Успішно!",
|
152
152
|
message: "Об`єкт успішно видалeно",
|
153
153
|
type: "success"
|
154
154
|
}), await this.$emit("update-table");
|
155
|
-
} catch (
|
155
|
+
} catch (s) {
|
156
156
|
this.$notify({
|
157
157
|
title: "Помилка!",
|
158
|
-
message: (e =
|
158
|
+
message: (e = s == null ? void 0 : s.response) == null ? void 0 : e.data,
|
159
159
|
type: "error"
|
160
160
|
});
|
161
161
|
} finally {
|
@@ -163,7 +163,7 @@ const pt = /* @__PURE__ */ T(ot, [["render", ct]]), ht = {
|
|
163
163
|
}
|
164
164
|
},
|
165
165
|
async customButtonAction(t) {
|
166
|
-
var e,
|
166
|
+
var e, s;
|
167
167
|
document.querySelector("body").click(), t != null && t.form ? (await this.$v3plugin.$form({
|
168
168
|
form: t == null ? void 0 : t.form,
|
169
169
|
id: (e = this.item) == null ? void 0 : e.id,
|
@@ -173,25 +173,25 @@ const pt = /* @__PURE__ */ T(ot, [["render", ct]]), ht = {
|
|
173
173
|
confirm: t == null ? void 0 : t.confirm,
|
174
174
|
api: t == null ? void 0 : t.api,
|
175
175
|
method: t == null ? void 0 : t.method,
|
176
|
-
id: (
|
176
|
+
id: (s = this.item) == null ? void 0 : s.id,
|
177
177
|
isId: (t == null ? void 0 : t.isId) || !1
|
178
178
|
}), await this.$emit("update-table"));
|
179
179
|
}
|
180
180
|
}
|
181
|
-
},
|
181
|
+
}, ft = { class: "inline-flex" }, gt = { class: "inline-flex items-center justify-center bg-white border rounded-lg shadow-sm size-7 gap-x-2 border-stone-200 text-stone-800 hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50" }, mt = { class: "flex flex-col items-start" }, xt = ["onClick"], yt = { class: "text-gray-800" }, kt = {
|
182
182
|
key: 1,
|
183
183
|
class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
|
184
|
-
},
|
185
|
-
function
|
184
|
+
}, vt = { class: "flex justify-end p-[16px] pr-0 gap-x-3" };
|
185
|
+
function _t(t, e, s, o, n, a) {
|
186
186
|
const u = p("IconMore"), f = p("IconEdit"), h = p("router-link"), b = p("IconDelete"), d = p("VsPopover"), _ = p("VsConfirm");
|
187
|
-
return r(), i(
|
188
|
-
l("div",
|
187
|
+
return r(), i($, null, [
|
188
|
+
l("div", ft, [
|
189
189
|
x(d, {
|
190
190
|
trigger: "click",
|
191
191
|
placement: "bottom-left"
|
192
192
|
}, {
|
193
193
|
reference: S(() => [
|
194
|
-
l("button",
|
194
|
+
l("button", gt, [
|
195
195
|
x(u, {
|
196
196
|
height: "16",
|
197
197
|
width: "16"
|
@@ -201,30 +201,30 @@ function vt(t, e, n, o, s, a) {
|
|
201
201
|
default: S(() => {
|
202
202
|
var m, g, C, y, w;
|
203
203
|
return [
|
204
|
-
l("div",
|
205
|
-
(m =
|
204
|
+
l("div", mt, [
|
205
|
+
(m = s.actions) != null && m.includes("edit") && s.isForm ? (r(), k(h, {
|
206
206
|
key: 0,
|
207
|
-
to: `/edit?table=${(C = (g = t.$route) == null ? void 0 : g.params) == null ? void 0 : C.catchAll}&id=${(y =
|
207
|
+
to: `/edit?table=${(C = (g = t.$route) == null ? void 0 : g.params) == null ? void 0 : C.catchAll}&id=${(y = s.item) == null ? void 0 : y.id}`,
|
208
208
|
class: "w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"
|
209
209
|
}, {
|
210
210
|
default: S(() => [
|
211
211
|
x(f, { color: "#000" }),
|
212
|
-
e[4] || (e[4] =
|
212
|
+
e[4] || (e[4] = F(" Редагувати "))
|
213
213
|
]),
|
214
214
|
_: 1
|
215
215
|
}, 8, ["to"])) : v("", !0),
|
216
|
-
(r(!0), i(
|
216
|
+
(r(!0), i($, null, V(a.getCustomActions, (D, L) => (r(), i("button", {
|
217
217
|
key: L,
|
218
|
-
onClick: (M) => a.customButtonAction(
|
218
|
+
onClick: (M) => a.customButtonAction(D),
|
219
219
|
class: "w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"
|
220
220
|
}, [
|
221
221
|
x(b, { class: "opacity-0" }),
|
222
|
-
l("span",
|
223
|
-
], 8,
|
224
|
-
|
225
|
-
(w =
|
222
|
+
l("span", yt, T(D == null ? void 0 : D.label), 1)
|
223
|
+
], 8, xt))), 128)),
|
224
|
+
s.isForm ? (r(), i("div", kt)) : v("", !0),
|
225
|
+
(w = s.actions) != null && w.includes("del") ? (r(), i("button", {
|
226
226
|
key: 2,
|
227
|
-
onClick: e[0] || (e[0] =
|
227
|
+
onClick: e[0] || (e[0] = tt((...D) => a.openConfirm && a.openConfirm(...D), ["stop"])),
|
228
228
|
class: "w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"
|
229
229
|
}, [
|
230
230
|
x(b),
|
@@ -237,18 +237,18 @@ function vt(t, e, n, o, s, a) {
|
|
237
237
|
})
|
238
238
|
]),
|
239
239
|
x(_, {
|
240
|
-
visible:
|
241
|
-
"onUpdate:visible": e[3] || (e[3] = (m) =>
|
240
|
+
visible: n.isDeleteConfirm,
|
241
|
+
"onUpdate:visible": e[3] || (e[3] = (m) => n.isDeleteConfirm = m),
|
242
242
|
size: "small",
|
243
243
|
title: "Ви впевнені?"
|
244
244
|
}, {
|
245
245
|
default: S(() => [
|
246
246
|
e[6] || (e[6] = l("p", { class: "mt-1 text-sm text-gray-600 dark:text-neutral-400" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
|
247
|
-
l("div",
|
247
|
+
l("div", vt, [
|
248
248
|
l("button", {
|
249
249
|
type: "button",
|
250
250
|
class: "inline-flex items-center px-3 py-2 text-xs font-medium duration-300 border rounded-lg shadow-sm hover:bg-gray-100 gap-x-2 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50",
|
251
|
-
onClick: e[1] || (e[1] = (m) =>
|
251
|
+
onClick: e[1] || (e[1] = (m) => n.isDeleteConfirm = !1)
|
252
252
|
}, " Скасувати "),
|
253
253
|
l("button", {
|
254
254
|
type: "button",
|
@@ -261,7 +261,7 @@ function vt(t, e, n, o, s, a) {
|
|
261
261
|
}, 8, ["visible"])
|
262
262
|
], 64);
|
263
263
|
}
|
264
|
-
const
|
264
|
+
const Ct = /* @__PURE__ */ A(bt, [["render", _t]]), wt = {}, $t = {
|
265
265
|
class: "flex-shrink-0 mt-0.5 size-3.5",
|
266
266
|
xmlns: "http://www.w3.org/2000/svg",
|
267
267
|
viewBox: "0 0 24 24",
|
@@ -271,15 +271,15 @@ const _t = /* @__PURE__ */ T(ht, [["render", vt]]), Ct = {}, wt = {
|
|
271
271
|
"stroke-linecap": "round",
|
272
272
|
"stroke-linejoin": "round"
|
273
273
|
};
|
274
|
-
function
|
275
|
-
return r(), i("svg",
|
274
|
+
function At(t, e, s, o, n, a) {
|
275
|
+
return r(), i("svg", $t, e[0] || (e[0] = [
|
276
276
|
l("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
277
277
|
l("path", { d: "M7 20V4" }, null, -1),
|
278
278
|
l("path", { d: "m21 8-4-4-4 4" }, null, -1),
|
279
279
|
l("path", { d: "M17 4v16" }, null, -1)
|
280
280
|
]));
|
281
281
|
}
|
282
|
-
const
|
282
|
+
const Tt = /* @__PURE__ */ A(wt, [["render", At]]), St = {}, It = {
|
283
283
|
xmlns: "http://www.w3.org/2000/svg",
|
284
284
|
width: "24",
|
285
285
|
height: "24",
|
@@ -291,8 +291,8 @@ const At = /* @__PURE__ */ T(Ct, [["render", $t]]), Tt = {}, St = {
|
|
291
291
|
"stroke-linejoin": "round",
|
292
292
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-rosette-discount-check"
|
293
293
|
};
|
294
|
-
function
|
295
|
-
return r(), i("svg",
|
294
|
+
function Dt(t, e, s, o, n, a) {
|
295
|
+
return r(), i("svg", It, e[0] || (e[0] = [
|
296
296
|
l("path", {
|
297
297
|
stroke: "none",
|
298
298
|
d: "M0 0h24v24H0z",
|
@@ -302,8 +302,8 @@ function It(t, e, n, o, s, a) {
|
|
302
302
|
l("path", { d: "M9 12l2 2l4 -4" }, null, -1)
|
303
303
|
]));
|
304
304
|
}
|
305
|
-
const Vt = /* @__PURE__ */
|
306
|
-
components: { IconExport:
|
305
|
+
const Vt = /* @__PURE__ */ A(St, [["render", Dt]]), Pt = {
|
306
|
+
components: { IconExport: Tt, IconChevronDown: Ee, IconSuccess: Vt },
|
307
307
|
props: {
|
308
308
|
table: String,
|
309
309
|
columns: Array,
|
@@ -367,9 +367,9 @@ const Vt = /* @__PURE__ */ T(Tt, [["render", It]]), Dt = {
|
|
367
367
|
custom: this.filterCustom || null
|
368
368
|
},
|
369
369
|
responseType: "blob"
|
370
|
-
}),
|
370
|
+
}), s = await e.data.text(), o = s != null && s.includes(";") ? null : JSON == null ? void 0 : JSON.parse(s), n = new Blob([e.data], {
|
371
371
|
type: "application/octet-stream"
|
372
|
-
}), a = window.URL.createObjectURL(
|
372
|
+
}), a = window.URL.createObjectURL(n), u = document.createElement("a");
|
373
373
|
if (u.href = a, u.setAttribute(
|
374
374
|
"download",
|
375
375
|
`${this.table.split(".")[0]}.${this.format}`
|
@@ -402,62 +402,62 @@ const Vt = /* @__PURE__ */ T(Tt, [["render", It]]), Dt = {
|
|
402
402
|
},
|
403
403
|
choceVisible() {
|
404
404
|
var t, e;
|
405
|
-
this.cols = (e = (t = this.columns) == null ? void 0 : t.filter((
|
405
|
+
this.cols = (e = (t = this.columns) == null ? void 0 : t.filter((s) => (s == null ? void 0 : s.hidden) !== !0)) == null ? void 0 : e.map((s) => s == null ? void 0 : s.name), this.activeAction = "choceVisible";
|
406
406
|
}
|
407
407
|
}
|
408
|
-
},
|
408
|
+
}, Ft = {
|
409
409
|
key: 0,
|
410
410
|
class: "flex flex-col items-center"
|
411
|
-
},
|
411
|
+
}, jt = {
|
412
412
|
key: 1,
|
413
413
|
class: "p-4"
|
414
|
-
},
|
414
|
+
}, Lt = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Mt = { class: "flex items-center gap-[10px] -ml-[10px] my-[10px]" }, zt = ["onClick"], qt = {
|
415
415
|
key: 0,
|
416
416
|
class: "block h-[8px] w-[8px] rounded-full bg-blue-500"
|
417
|
-
},
|
417
|
+
}, Bt = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Ot = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Nt = { class: "mt-2 space-y-2" }, Ut = ["id", "onChange"], Et = ["for"], Ht = {
|
418
418
|
key: 0,
|
419
419
|
class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
|
420
|
-
},
|
420
|
+
}, Rt = {
|
421
421
|
key: 1,
|
422
422
|
class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
|
423
423
|
};
|
424
|
-
function
|
424
|
+
function Wt(t, e, s, o, n, a) {
|
425
425
|
const u = p("IconExport"), f = p("IconSuccess"), h = p("VsCheckbox"), b = p("VsDialog");
|
426
|
-
return r(), i(
|
426
|
+
return r(), i($, null, [
|
427
427
|
l("button", {
|
428
|
-
onClick: e[0] || (e[0] = (d) =>
|
428
|
+
onClick: e[0] || (e[0] = (d) => n.isOpen = !0),
|
429
429
|
class: "py-2 max-h-[34px] px-2.5 md:inline-flex hidden items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
|
430
430
|
}, [
|
431
431
|
x(u, {
|
432
432
|
height: "16",
|
433
433
|
width: "16"
|
434
434
|
}),
|
435
|
-
e[7] || (e[7] =
|
435
|
+
e[7] || (e[7] = F(" Експорт "))
|
436
436
|
]),
|
437
437
|
x(b, {
|
438
|
-
visible:
|
439
|
-
"onUpdate:visible": e[6] || (e[6] = (d) =>
|
438
|
+
visible: n.isOpen,
|
439
|
+
"onUpdate:visible": e[6] || (e[6] = (d) => n.isOpen = d),
|
440
440
|
title: "Експорт таблиці",
|
441
441
|
size: "small",
|
442
442
|
closeClickBack: !0
|
443
443
|
}, {
|
444
444
|
footer: S(() => [
|
445
|
-
|
445
|
+
n.isSuccessTemplate ? (r(), i("div", Ht, [
|
446
446
|
l("button", {
|
447
447
|
type: "button",
|
448
448
|
class: "inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-gray-800 align-middle bg-white border border-gray-200 rounded-lg shadow-sm text-nowrap text-start hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
|
449
|
-
onClick: e[2] || (e[2] = (d) =>
|
449
|
+
onClick: e[2] || (e[2] = (d) => n.isOpen = !1)
|
450
450
|
}, " Закрити "),
|
451
451
|
l("button", {
|
452
452
|
type: "button",
|
453
453
|
class: "inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-white align-middle bg-blue-600 border border-blue-600 rounded-lg shadow-sm text-nowrap gap-x-2 text-start hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-1 focus:ring-blue-300 dark:focus:ring-blue-500",
|
454
|
-
onClick: e[3] || (e[3] = (d) =>
|
454
|
+
onClick: e[3] || (e[3] = (d) => n.isSuccessTemplate = !1)
|
455
455
|
}, " Вигрузити ще ")
|
456
|
-
])) : (r(), i("div",
|
456
|
+
])) : (r(), i("div", Rt, [
|
457
457
|
l("button", {
|
458
458
|
type: "button",
|
459
459
|
class: "inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-gray-800 align-middle bg-white border border-gray-200 rounded-lg shadow-sm text-nowrap text-start hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
|
460
|
-
onClick: e[4] || (e[4] = (d) =>
|
460
|
+
onClick: e[4] || (e[4] = (d) => n.isOpen = !1)
|
461
461
|
}, " Скасувати "),
|
462
462
|
l("button", {
|
463
463
|
type: "button",
|
@@ -467,50 +467,50 @@ function Rt(t, e, n, o, s, a) {
|
|
467
467
|
]))
|
468
468
|
]),
|
469
469
|
default: S(() => [
|
470
|
-
|
470
|
+
n.isSuccessTemplate ? (r(), i("div", Ft, [
|
471
471
|
x(f, {
|
472
472
|
height: "100",
|
473
473
|
width: "100",
|
474
474
|
class: "text-green-200 mb-[20px]"
|
475
475
|
}),
|
476
476
|
e[8] || (e[8] = l("h2", null, "Звіт сформовано і збережено", -1))
|
477
|
-
])) : (r(), i("div",
|
478
|
-
l("div",
|
477
|
+
])) : (r(), i("div", jt, [
|
478
|
+
l("div", Lt, [
|
479
479
|
e[9] || (e[9] = l("h2", { class: "text-sm font-[600] text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
|
480
|
-
l("div",
|
481
|
-
(r(!0), i(
|
480
|
+
l("div", Mt, [
|
481
|
+
(r(!0), i($, null, V(n.actions, (d) => (r(), i("button", {
|
482
482
|
key: d == null ? void 0 : d.name,
|
483
483
|
onClick: d == null ? void 0 : d.function,
|
484
484
|
class: "inline-flex items-center gap-[8px] justify-center px-3 py-2 text-sm font-medium text-gray-800 align-middle bg-white border-gray-200 text-nowrap text-start"
|
485
485
|
}, [
|
486
486
|
l("span", {
|
487
|
-
class: I(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (d == null ? void 0 : d.name) ===
|
487
|
+
class: I(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (d == null ? void 0 : d.name) === n.activeAction }])
|
488
488
|
}, [
|
489
|
-
(d == null ? void 0 : d.name) ===
|
489
|
+
(d == null ? void 0 : d.name) === n.activeAction ? (r(), i("span", qt)) : v("", !0)
|
490
490
|
], 2),
|
491
|
-
|
492
|
-
], 8,
|
491
|
+
F(" " + T(d == null ? void 0 : d.label), 1)
|
492
|
+
], 8, zt))), 128))
|
493
493
|
]),
|
494
|
-
l("div",
|
495
|
-
(r(!0), i(
|
494
|
+
l("div", Bt, [
|
495
|
+
(r(!0), i($, null, V(s.columns, (d, _) => (r(), i("div", {
|
496
496
|
class: "flex items-center",
|
497
497
|
key: _,
|
498
498
|
style: { width: "calc((100% - 10px) / 2)" }
|
499
499
|
}, [
|
500
500
|
x(h, {
|
501
501
|
class: "[&>label]:text-sm [&>label]:text-gray-800 [&>label]:ms-3 !gap-x-[1px] !p-0",
|
502
|
-
modelValue:
|
503
|
-
"onUpdate:modelValue": e[1] || (e[1] = (m) =>
|
502
|
+
modelValue: n.cols,
|
503
|
+
"onUpdate:modelValue": e[1] || (e[1] = (m) => n.cols = m),
|
504
504
|
value: d == null ? void 0 : d.name,
|
505
505
|
label: d == null ? void 0 : d.ua
|
506
506
|
}, null, 8, ["modelValue", "value", "label"])
|
507
507
|
]))), 128))
|
508
508
|
])
|
509
509
|
]),
|
510
|
-
l("div",
|
510
|
+
l("div", Ot, [
|
511
511
|
e[10] || (e[10] = l("h2", { class: "text-sm font-[600] text-gray-500" }, "Виберіть формат таблиці:", -1)),
|
512
|
-
l("div",
|
513
|
-
(r(!0), i(
|
512
|
+
l("div", Nt, [
|
513
|
+
(r(!0), i($, null, V(n.tableFormats, (d, _) => (r(), i("div", {
|
514
514
|
class: "flex items-center",
|
515
515
|
key: _
|
516
516
|
}, [
|
@@ -520,11 +520,11 @@ function Rt(t, e, n, o, s, a) {
|
|
520
520
|
class: "text-blue-600 border-gray-300 rounded-full shrink-0 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800",
|
521
521
|
id: d,
|
522
522
|
onChange: (m) => a.selectFormat(d)
|
523
|
-
}, null, 40,
|
523
|
+
}, null, 40, Ut),
|
524
524
|
l("label", {
|
525
525
|
for: d,
|
526
526
|
class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
|
527
|
-
}, " Формат " +
|
527
|
+
}, " Формат " + T(d), 9, Et)
|
528
528
|
]))), 128))
|
529
529
|
])
|
530
530
|
])
|
@@ -534,7 +534,7 @@ function Rt(t, e, n, o, s, a) {
|
|
534
534
|
}, 8, ["visible"])
|
535
535
|
], 64);
|
536
536
|
}
|
537
|
-
const
|
537
|
+
const Jt = /* @__PURE__ */ A(Pt, [["render", Wt]]), Gt = {}, Kt = {
|
538
538
|
xmlns: "http://www.w3.org/2000/svg",
|
539
539
|
viewBox: "0 0 24 24",
|
540
540
|
fill: "none",
|
@@ -544,16 +544,16 @@ const Wt = /* @__PURE__ */ T(Dt, [["render", Rt]]), Jt = {}, Gt = {
|
|
544
544
|
"stroke-linejoin": "round",
|
545
545
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
|
546
546
|
};
|
547
|
-
function
|
548
|
-
return r(), i("svg",
|
549
|
-
|
547
|
+
function Qt(t, e, s, o, n, a) {
|
548
|
+
return r(), i("svg", Kt, e[0] || (e[0] = [
|
549
|
+
st('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 6l5.5 0"></path><path d="M4 10l5.5 0"></path><path d="M4 14l5.5 0"></path><path d="M4 18l5.5 0"></path><path d="M14.5 6l5.5 0"></path><path d="M14.5 10l5.5 0"></path><path d="M14.5 14l5.5 0"></path><path d="M14.5 18l5.5 0"></path>', 9)
|
550
550
|
]));
|
551
551
|
}
|
552
|
-
const
|
552
|
+
const Xt = /* @__PURE__ */ A(Gt, [["render", Qt]]), Yt = {
|
553
553
|
props: { column: Object },
|
554
554
|
emits: ["update-column"],
|
555
555
|
components: {
|
556
|
-
IconCheck2:
|
556
|
+
IconCheck2: Fe
|
557
557
|
},
|
558
558
|
data() {
|
559
559
|
return {
|
@@ -569,22 +569,22 @@ const Qt = /* @__PURE__ */ T(Jt, [["render", Kt]]), Xt = {
|
|
569
569
|
var t;
|
570
570
|
((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
|
571
571
|
}
|
572
|
-
},
|
573
|
-
function
|
572
|
+
}, Zt = { class: "flex justify-between items-center py-1.5 px-3 cursor-pointer rounded-lg hover:bg-gray-100 has-[:disabled]:opacity-50 has-[:disabled]:pointer-events-none dark:hover:bg-neutral-800" }, es = { class: "flex justify-between flex-1 items-center gap-x-2.5 cursor-pointer text-[13px] text-gray-800 dark:text-neutral-300" };
|
573
|
+
function ts(t, e, s, o, n, a) {
|
574
574
|
var f, h;
|
575
575
|
const u = p("IconCheck2");
|
576
|
-
return r(), i("div",
|
577
|
-
l("label",
|
578
|
-
|
576
|
+
return r(), i("div", Zt, [
|
577
|
+
l("label", es, [
|
578
|
+
F(T(((f = s.column) == null ? void 0 : f.ua) || ((h = s.column) == null ? void 0 : h.title)) + " ", 1),
|
579
579
|
z(l("input", {
|
580
580
|
type: "checkbox",
|
581
|
-
"onUpdate:modelValue": e[0] || (e[0] = (b) =>
|
581
|
+
"onUpdate:modelValue": e[0] || (e[0] = (b) => n.value = b),
|
582
582
|
class: "hidden"
|
583
583
|
}, null, 512), [
|
584
|
-
[
|
584
|
+
[nt, n.value]
|
585
585
|
]),
|
586
586
|
l("span", {
|
587
|
-
class: I(["flex items-center justify-center text-white border border-gray-300 rounded shrink-0 size-4 focus:ring-blue-500", [
|
587
|
+
class: I(["flex items-center justify-center text-white border border-gray-300 rounded shrink-0 size-4 focus:ring-blue-500", [n.value ? "bg-blue-600 border-0" : "bg-white"]])
|
588
588
|
}, [
|
589
589
|
x(u, {
|
590
590
|
height: "12",
|
@@ -594,8 +594,8 @@ function es(t, e, n, o, s, a) {
|
|
594
594
|
])
|
595
595
|
]);
|
596
596
|
}
|
597
|
-
const
|
598
|
-
components: { IconColumns:
|
597
|
+
const ss = /* @__PURE__ */ A(Yt, [["render", ts]]), ns = {
|
598
|
+
components: { IconColumns: Xt, AdminTableColumnsHiddenItem: ss },
|
599
599
|
emits: ["update-columns"],
|
600
600
|
props: { columns: Array },
|
601
601
|
data() {
|
@@ -609,8 +609,8 @@ const ts = /* @__PURE__ */ T(Xt, [["render", es]]), ss = {
|
|
609
609
|
var t;
|
610
610
|
return (t = this.columns) == null ? void 0 : t.filter(
|
611
611
|
(e) => {
|
612
|
-
var
|
613
|
-
return ((
|
612
|
+
var s, o, n, a, u, f;
|
613
|
+
return ((n = (s = e == null ? void 0 : e.ua) == null ? void 0 : s.toLowerCase()) == null ? void 0 : n.includes((o = this.searchValue) == null ? void 0 : o.toLowerCase())) || ((f = (a = e == null ? void 0 : e.title) == null ? void 0 : a.toLowerCase()) == null ? void 0 : f.includes((u = this.searchValue) == null ? void 0 : u.toLowerCase()));
|
614
614
|
}
|
615
615
|
);
|
616
616
|
}
|
@@ -624,29 +624,29 @@ const ts = /* @__PURE__ */ T(Xt, [["render", es]]), ss = {
|
|
624
624
|
e && !e.contains(t.target) && (this.visible = !1, document.removeEventListener("click", this.handleClickOutside));
|
625
625
|
},
|
626
626
|
updateColumn(t) {
|
627
|
-
const e = this.columns.findIndex((o) => (o == null ? void 0 : o.name) === (t == null ? void 0 : t.name)),
|
628
|
-
|
627
|
+
const e = this.columns.findIndex((o) => (o == null ? void 0 : o.name) === (t == null ? void 0 : t.name)), s = this.columns;
|
628
|
+
s[e] = t, this.$emit("update-columns", [...s]);
|
629
629
|
}
|
630
630
|
},
|
631
631
|
beforeUnmount() {
|
632
632
|
document.removeEventListener("click", this.handleClickOutside);
|
633
633
|
}
|
634
|
-
},
|
634
|
+
}, ls = {
|
635
635
|
class: "relative",
|
636
636
|
ref: "wrapper"
|
637
|
-
},
|
637
|
+
}, as = {
|
638
638
|
key: 0,
|
639
639
|
class: "absolute left-[50%] top-[110%] translate-x-[-50%] z-10 w-64 transition-[opacity,margin] duration bg-white rounded-xl shadow-lg dark:bg-neutral-900"
|
640
|
-
}, rs = { class: "relative p-1 border-gray-200 border-y dark:border-neutral-800" },
|
640
|
+
}, rs = { class: "relative p-1 border-gray-200 border-y dark:border-neutral-800" }, os = { class: "p-1 pt-3 max-h-80 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" }, is = {
|
641
641
|
key: 0,
|
642
642
|
class: "block px-3 mb-2 text-xs text-gray-500 dark:text-neutral-500"
|
643
|
-
},
|
643
|
+
}, ds = { class: "space-y-1" }, us = {
|
644
644
|
key: 1,
|
645
645
|
class: "flex items-center px-3 text-[13px] py-1.5 px-3 rounded-md cursor-pointer group"
|
646
646
|
};
|
647
|
-
function
|
647
|
+
function cs(t, e, s, o, n, a) {
|
648
648
|
const u = p("IconColumns"), f = p("AdminTableColumnsHiddenItem");
|
649
|
-
return r(), i("div",
|
649
|
+
return r(), i("div", ls, [
|
650
650
|
l("button", {
|
651
651
|
onClick: e[0] || (e[0] = (...h) => a.toggleVisible && a.toggleVisible(...h)),
|
652
652
|
class: "py-2 max-h-[34px] px-2.5 md:inline-flex hidden items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
|
@@ -660,27 +660,27 @@ function us(t, e, n, o, s, a) {
|
|
660
660
|
default: S(() => {
|
661
661
|
var h, b;
|
662
662
|
return [
|
663
|
-
|
663
|
+
n.visible ? (r(), i("div", as, [
|
664
664
|
e[2] || (e[2] = l("div", { class: "flex items-center justify-between h-[48px] px-4 py-2 gap-x-2 text-sm font-medium text-gray-800" }, " Колонки ", -1)),
|
665
665
|
l("div", rs, [
|
666
666
|
z(l("input", {
|
667
|
-
"onUpdate:modelValue": e[1] || (e[1] = (d) =>
|
667
|
+
"onUpdate:modelValue": e[1] || (e[1] = (d) => n.searchValue = d),
|
668
668
|
type: "text",
|
669
669
|
class: "py-1.5 px-3 block w-full border-transparent rounded-lg sm:text-sm text-base placeholder:text-gray-500 hover:bg-gray-100 focus:outline-none focus:border-transparent focus:ring-0 focus:bg-gray-100 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800",
|
670
670
|
placeholder: "Пошук",
|
671
671
|
autofocus: ""
|
672
672
|
}, null, 512), [
|
673
|
-
[
|
673
|
+
[lt, n.searchValue]
|
674
674
|
])
|
675
675
|
]),
|
676
|
-
l("div",
|
677
|
-
(h = a.filteredColumn) != null && h.length ? (r(), i("span",
|
678
|
-
l("div",
|
679
|
-
(b = a.filteredColumn) != null && b.length ? (r(!0), i(
|
676
|
+
l("div", os, [
|
677
|
+
(h = a.filteredColumn) != null && h.length ? (r(), i("span", is, " Оберіть колонки для відображення ")) : v("", !0),
|
678
|
+
l("div", ds, [
|
679
|
+
(b = a.filteredColumn) != null && b.length ? (r(!0), i($, { key: 0 }, V(a.filteredColumn, (d, _) => (r(), k(f, {
|
680
680
|
key: _,
|
681
681
|
column: d,
|
682
682
|
onUpdateColumn: a.updateColumn
|
683
|
-
}, null, 8, ["column", "onUpdateColumn"]))), 128)) : (r(), i("div",
|
683
|
+
}, null, 8, ["column", "onUpdateColumn"]))), 128)) : (r(), i("div", us, " Нічого не знайдено "))
|
684
684
|
])
|
685
685
|
])
|
686
686
|
])) : v("", !0)
|
@@ -690,7 +690,7 @@ function us(t, e, n, o, s, a) {
|
|
690
690
|
})
|
691
691
|
], 512);
|
692
692
|
}
|
693
|
-
const
|
693
|
+
const ps = /* @__PURE__ */ A(ns, [["render", cs]]), hs = {}, bs = {
|
694
694
|
xmlns: "http://www.w3.org/2000/svg",
|
695
695
|
viewBox: "0 0 24 24",
|
696
696
|
fill: "none",
|
@@ -700,8 +700,8 @@ const cs = /* @__PURE__ */ T(ss, [["render", us]]), ps = {}, hs = {
|
|
700
700
|
"stroke-linejoin": "round",
|
701
701
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-minus"
|
702
702
|
};
|
703
|
-
function
|
704
|
-
return r(), i("svg",
|
703
|
+
function fs(t, e, s, o, n, a) {
|
704
|
+
return r(), i("svg", bs, e[0] || (e[0] = [
|
705
705
|
l("path", {
|
706
706
|
stroke: "none",
|
707
707
|
d: "M0 0h24v24H0z",
|
@@ -710,8 +710,8 @@ function bs(t, e, n, o, s, a) {
|
|
710
710
|
l("path", { d: "M5 12l14 0" }, null, -1)
|
711
711
|
]));
|
712
712
|
}
|
713
|
-
const
|
714
|
-
components: { IconPlus: U, IconMinus:
|
713
|
+
const gs = /* @__PURE__ */ A(hs, [["render", fs]]), ms = {
|
714
|
+
components: { IconPlus: U, IconMinus: gs },
|
715
715
|
props: {
|
716
716
|
title: String,
|
717
717
|
defaultValue: { type: Boolean, default: () => !1 }
|
@@ -719,24 +719,24 @@ const fs = /* @__PURE__ */ T(ps, [["render", bs]]), gs = {
|
|
719
719
|
data() {
|
720
720
|
return { expanded: this.defaultValue };
|
721
721
|
}
|
722
|
-
},
|
723
|
-
function
|
722
|
+
}, xs = { class: "hs-accordion" }, ys = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, ks = { class: "text-sm font-medium" }, vs = { class: "relative inline-block w-full duration-150 cursor-pointer before:block before:absolute b" };
|
723
|
+
function _s(t, e, s, o, n, a) {
|
724
724
|
const u = p("IconPlus"), f = p("IconMinus");
|
725
725
|
return r(), i("div", null, [
|
726
726
|
l("div", null, [
|
727
|
-
l("div",
|
728
|
-
l("div",
|
727
|
+
l("div", xs, [
|
728
|
+
l("div", ys, [
|
729
729
|
l("div", {
|
730
|
-
onClick: e[0] || (e[0] = (h) =>
|
730
|
+
onClick: e[0] || (e[0] = (h) => n.expanded = !n.expanded),
|
731
731
|
class: "rounded-md cursor-pointer grow"
|
732
732
|
}, [
|
733
|
-
l("span",
|
733
|
+
l("span", ks, T(s.title), 1)
|
734
734
|
]),
|
735
735
|
l("button", {
|
736
736
|
class: "flex items-center justify-center rounded-md size-6 hover:bg-gray-100",
|
737
|
-
onClick: e[1] || (e[1] = (h) =>
|
737
|
+
onClick: e[1] || (e[1] = (h) => n.expanded = !n.expanded)
|
738
738
|
}, [
|
739
|
-
|
739
|
+
n.expanded ? (r(), k(f, {
|
740
740
|
key: 1,
|
741
741
|
width: "14"
|
742
742
|
})) : (r(), k(u, { key: 0 }))
|
@@ -744,10 +744,10 @@ function vs(t, e, n, o, s, a) {
|
|
744
744
|
]),
|
745
745
|
x(B, { name: "fade" }, {
|
746
746
|
default: S(() => [
|
747
|
-
z(l("div",
|
748
|
-
|
747
|
+
z(l("div", vs, [
|
748
|
+
at(t.$slots, "default", {}, void 0, !0)
|
749
749
|
], 512), [
|
750
|
-
[H,
|
750
|
+
[H, n.expanded]
|
751
751
|
])
|
752
752
|
]),
|
753
753
|
_: 3
|
@@ -756,48 +756,48 @@ function vs(t, e, n, o, s, a) {
|
|
756
756
|
])
|
757
757
|
]);
|
758
758
|
}
|
759
|
-
const
|
759
|
+
const Cs = /* @__PURE__ */ A(ms, [["render", _s], ["__scopeId", "data-v-c6318482"]]), ws = {
|
760
760
|
components: {
|
761
761
|
AdminComponentIs: E,
|
762
|
-
AdminTree:
|
763
|
-
VsNoData:
|
764
|
-
VsWidgetComments:
|
762
|
+
AdminTree: Cs,
|
763
|
+
VsNoData: Je,
|
764
|
+
VsWidgetComments: We,
|
765
765
|
VsWidgetMap: Re,
|
766
|
-
VsWidgetFileList:
|
766
|
+
VsWidgetFileList: He
|
767
767
|
},
|
768
768
|
props: { table: String, columns: Array, row: Object }
|
769
|
-
},
|
769
|
+
}, $s = {
|
770
770
|
class: "hs-accordion border-gray-100 w-[360px] shrink-0 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",
|
771
771
|
style: { height: "calc(100vh - 310px)" }
|
772
|
-
},
|
772
|
+
}, As = {
|
773
773
|
class: "border-l",
|
774
774
|
style: { height: "calc(100vh - 360px)" }
|
775
|
-
},
|
776
|
-
function
|
775
|
+
}, Ts = { class: "flow-root mt-[10px]" }, Ss = { class: "-my-3 text-sm divide-y divide-gray-100" }, Is = { class: "flex py-3 sm:grid-cols-3 sm:gap-4" }, Ds = { class: "font-medium text-black w-[50%]" }, Vs = { class: "text-gray-700 sm:col-span-2 w-[50%]" }, Ps = { class: "table-info-card" }, Fs = { class: "table-info-card" };
|
776
|
+
function js(t, e, s, o, n, a) {
|
777
777
|
var m, g, C;
|
778
778
|
const u = p("AdminComponentIs"), f = p("AdminTree"), h = p("VsWidgetMap"), b = p("VsNoData"), d = p("VsWidgetComments"), _ = p("VsWidgetFileList");
|
779
|
-
return r(), i("div",
|
779
|
+
return r(), i("div", $s, [
|
780
780
|
e[0] || (e[0] = l("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
|
781
781
|
l("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
|
782
782
|
], -1)),
|
783
|
-
l("div",
|
784
|
-
(g = (m = t.$route) == null ? void 0 : m.query) != null && g.card ? (r(), i(
|
785
|
-
|
783
|
+
l("div", As, [
|
784
|
+
(g = (m = t.$route) == null ? void 0 : m.query) != null && g.card ? (r(), i($, { key: 0 }, [
|
785
|
+
s.row ? (r(), k(f, {
|
786
786
|
key: 0,
|
787
787
|
defaultValue: !0,
|
788
788
|
title: "Основна інформація",
|
789
789
|
class: "border-b p-[10px] py-[16px]"
|
790
790
|
}, {
|
791
791
|
default: S(() => [
|
792
|
-
l("div",
|
793
|
-
l("dl",
|
794
|
-
(r(!0), i(
|
795
|
-
l("dt",
|
792
|
+
l("div", Ts, [
|
793
|
+
l("dl", Ss, [
|
794
|
+
(r(!0), i($, null, V(s.columns, (y) => (r(), i("div", Is, [
|
795
|
+
l("dt", Ds, T((y == null ? void 0 : y.ua) || (y == null ? void 0 : y.title)), 1),
|
796
796
|
l("dd", Vs, [
|
797
797
|
x(u, {
|
798
|
-
row:
|
798
|
+
row: s.row,
|
799
799
|
column: y,
|
800
|
-
table:
|
800
|
+
table: s.table
|
801
801
|
}, null, 8, ["row", "column", "table"])
|
802
802
|
])
|
803
803
|
]))), 256))
|
@@ -806,7 +806,7 @@ function Fs(t, e, n, o, s, a) {
|
|
806
806
|
]),
|
807
807
|
_: 1
|
808
808
|
})) : v("", !0),
|
809
|
-
(C =
|
809
|
+
(C = s.row) != null && C.geom ? (r(), k(f, {
|
810
810
|
key: 1,
|
811
811
|
title: "Карта",
|
812
812
|
class: "border-b p-[10px] py-[16px]"
|
@@ -814,9 +814,9 @@ function Fs(t, e, n, o, s, a) {
|
|
814
814
|
default: S(() => {
|
815
815
|
var y, w;
|
816
816
|
return [
|
817
|
-
(y =
|
817
|
+
(y = s.row) != null && y.geom ? (r(), k(h, {
|
818
818
|
key: 0,
|
819
|
-
geometry: (w =
|
819
|
+
geometry: (w = s.row) == null ? void 0 : w.geom,
|
820
820
|
zoom: 14
|
821
821
|
}, null, 8, ["geometry"])) : (r(), k(b, {
|
822
822
|
key: 1,
|
@@ -835,9 +835,9 @@ function Fs(t, e, n, o, s, a) {
|
|
835
835
|
default: S(() => {
|
836
836
|
var y;
|
837
837
|
return [
|
838
|
-
l("div",
|
838
|
+
l("div", Ps, [
|
839
839
|
x(d, {
|
840
|
-
id: (y =
|
840
|
+
id: (y = s.row) == null ? void 0 : y.id
|
841
841
|
}, null, 8, ["id"])
|
842
842
|
])
|
843
843
|
];
|
@@ -851,10 +851,10 @@ function Fs(t, e, n, o, s, a) {
|
|
851
851
|
default: S(() => {
|
852
852
|
var y, w;
|
853
853
|
return [
|
854
|
-
l("div",
|
854
|
+
l("div", Fs, [
|
855
855
|
(r(), k(_, {
|
856
|
-
key: (y =
|
857
|
-
id: (w =
|
856
|
+
key: (y = s.row) == null ? void 0 : y.id,
|
857
|
+
id: (w = s.row) == null ? void 0 : w.id
|
858
858
|
}, null, 8, ["id"]))
|
859
859
|
])
|
860
860
|
];
|
@@ -868,14 +868,14 @@ function Fs(t, e, n, o, s, a) {
|
|
868
868
|
])
|
869
869
|
]);
|
870
870
|
}
|
871
|
-
const
|
871
|
+
const Ls = /* @__PURE__ */ A(ws, [["render", js]]), Ms = {
|
872
872
|
emits: ["filterChange"],
|
873
873
|
props: {
|
874
874
|
scheme: { type: Object },
|
875
875
|
onFilters: { type: Number },
|
876
876
|
table: { type: String }
|
877
877
|
},
|
878
|
-
components: { IconFilter:
|
878
|
+
components: { IconFilter: Ge },
|
879
879
|
data() {
|
880
880
|
return {
|
881
881
|
isFilters: !1
|
@@ -886,23 +886,23 @@ const js = /* @__PURE__ */ T(Cs, [["render", Fs]]), Ls = {
|
|
886
886
|
this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
|
887
887
|
}
|
888
888
|
}
|
889
|
-
},
|
889
|
+
}, zs = {
|
890
890
|
key: 0,
|
891
891
|
class: "px-[7px] text-[10px] py-[1px] font-[700] text-white bg-blue-500 rounded-full"
|
892
|
-
},
|
893
|
-
function
|
892
|
+
}, qs = { class: "filter-content h-screen bg-white w-[400px] overflow-x-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" };
|
893
|
+
function Bs(t, e, s, o, n, a) {
|
894
894
|
const u = p("IconFilter"), f = p("VsFilter");
|
895
|
-
return r(), i(
|
895
|
+
return r(), i($, null, [
|
896
896
|
l("button", {
|
897
|
-
onClick: e[0] || (e[0] = (h) =>
|
897
|
+
onClick: e[0] || (e[0] = (h) => n.isFilters = !n.isFilters),
|
898
898
|
class: "py-2 px-2.5 max-h-[34px] inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none"
|
899
899
|
}, [
|
900
900
|
x(u, {
|
901
901
|
height: "16",
|
902
902
|
width: "16"
|
903
903
|
}),
|
904
|
-
e[4] || (e[4] =
|
905
|
-
|
904
|
+
e[4] || (e[4] = F(" Фільтри ")),
|
905
|
+
s.onFilters ? (r(), i("span", zs, T(s.onFilters), 1)) : v("", !0)
|
906
906
|
]),
|
907
907
|
x(B, { name: "fade" }, {
|
908
908
|
default: S(() => {
|
@@ -914,25 +914,25 @@ function qs(t, e, n, o, s, a) {
|
|
914
914
|
style: { height: "100vh" },
|
915
915
|
class: "fixed filter-container top-0 flex justify-end items-center z-[12] right-0 left-0 bottom-0 bg-[rgba(0,0,0,0.2)]"
|
916
916
|
}, [
|
917
|
-
l("div",
|
918
|
-
(h =
|
917
|
+
l("div", qs, [
|
918
|
+
(h = s.scheme) != null && h.length ? (r(), k(f, {
|
919
919
|
key: 0,
|
920
920
|
ref: "filter",
|
921
|
-
scheme:
|
921
|
+
scheme: s.scheme,
|
922
922
|
layout: "default",
|
923
923
|
"apply-vue-router": "",
|
924
924
|
history: "",
|
925
|
-
token:
|
925
|
+
token: s.table,
|
926
926
|
name: "filter",
|
927
927
|
footer: !0,
|
928
928
|
background: !0,
|
929
929
|
onFilterChange: e[1] || (e[1] = (b) => t.$emit("filterChange", b)),
|
930
930
|
closeFilterBtn: !0,
|
931
|
-
onFilterClose: e[2] || (e[2] = (b) =>
|
931
|
+
onFilterClose: e[2] || (e[2] = (b) => n.isFilters = !1)
|
932
932
|
}, null, 8, ["scheme", "token"])) : v("", !0)
|
933
933
|
])
|
934
934
|
], 512), [
|
935
|
-
[H,
|
935
|
+
[H, n.isFilters]
|
936
936
|
])
|
937
937
|
]))
|
938
938
|
];
|
@@ -941,25 +941,25 @@ function qs(t, e, n, o, s, a) {
|
|
941
941
|
})
|
942
942
|
], 64);
|
943
943
|
}
|
944
|
-
const
|
944
|
+
const Os = /* @__PURE__ */ A(Ms, [["render", Bs]]), Ns = {
|
945
945
|
props: { tabsList: { type: Array, default: () => [] }, filterState: String }
|
946
|
-
},
|
946
|
+
}, Us = {
|
947
947
|
class: "relative flex space-x-1 mb-[20px] after:absolute after:w-[99%] after:bottom-0 after:inset-x-0 after:border-b-2 after:border-gray-200 dark:after:border-neutral-700",
|
948
948
|
"aria-label": "Tabs",
|
949
949
|
role: "tablist",
|
950
950
|
"aria-orientation": "horizontal"
|
951
|
-
},
|
952
|
-
function
|
953
|
-
return r(), i("nav",
|
954
|
-
(r(!0), i(
|
951
|
+
}, Es = ["onClick"];
|
952
|
+
function Hs(t, e, s, o, n, a) {
|
953
|
+
return r(), i("nav", Us, [
|
954
|
+
(r(!0), i($, null, V(s.tabsList, (u) => (r(), i("button", {
|
955
955
|
onClick: (f) => t.$emit("update:filterState", u == null ? void 0 : u.name),
|
956
956
|
class: I(["hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 px-2.5 py-1.5 mb-2 relative inline-flex justify-center items-center gap-x-2 hover:bg-gray-100 text-gray-500 hover:text-gray-800 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 after:absolute after:-bottom-2 after:inset-x-0 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 active", {
|
957
|
-
" font-semibold after:absolute after:bottom-[-8px] after:left-2.5 after:right-2.5 after:z-10 after:h-0.5 after:bg-gray-800": (u == null ? void 0 : u.name) ===
|
957
|
+
" font-semibold after:absolute after:bottom-[-8px] after:left-2.5 after:right-2.5 after:z-10 after:h-0.5 after:bg-gray-800": (u == null ? void 0 : u.name) === s.filterState
|
958
958
|
}])
|
959
|
-
},
|
959
|
+
}, T(u == null ? void 0 : u.label), 11, Es))), 256))
|
960
960
|
]);
|
961
961
|
}
|
962
|
-
const
|
962
|
+
const Rs = /* @__PURE__ */ A(Ns, [["render", Hs]]), Ws = {}, Js = {
|
963
963
|
xmlns: "http://www.w3.org/2000/svg",
|
964
964
|
viewBox: "0 0 24 24",
|
965
965
|
fill: "none",
|
@@ -969,8 +969,8 @@ const Hs = /* @__PURE__ */ T(Os, [["render", Es]]), Rs = {}, Ws = {
|
|
969
969
|
"stroke-linejoin": "round",
|
970
970
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-filter"
|
971
971
|
};
|
972
|
-
function
|
973
|
-
return r(), i("svg",
|
972
|
+
function Gs(t, e, s, o, n, a) {
|
973
|
+
return r(), i("svg", Js, e[0] || (e[0] = [
|
974
974
|
l("path", {
|
975
975
|
stroke: "none",
|
976
976
|
d: "M0 0h24v24H0z",
|
@@ -979,18 +979,18 @@ function Js(t, e, n, o, s, a) {
|
|
979
979
|
l("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" }, null, -1)
|
980
980
|
]));
|
981
981
|
}
|
982
|
-
const
|
983
|
-
components: { IconFilter2:
|
982
|
+
const Ks = /* @__PURE__ */ A(Ws, [["render", Gs]]), Qs = {
|
983
|
+
components: { IconFilter2: Ks, IconCheck2: Fe },
|
984
984
|
props: { filterCustom: String, customList: Array }
|
985
|
-
},
|
986
|
-
function
|
985
|
+
}, Xs = { class: "py-2 max-h-[34px] px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, Ys = { class: "flex flex-col p-[2px] gap-[2px] w-[170px]" }, Zs = ["onClick"], en = { class: "text-sm text-gray-800" };
|
986
|
+
function tn(t, e, s, o, n, a) {
|
987
987
|
const u = p("IconFilter2"), f = p("IconCheck2"), h = p("VsPopover");
|
988
988
|
return r(), k(h, {
|
989
989
|
ref: "popover",
|
990
990
|
placement: "bottom"
|
991
991
|
}, {
|
992
992
|
reference: S(() => [
|
993
|
-
l("button",
|
993
|
+
l("button", Xs, [
|
994
994
|
x(u, {
|
995
995
|
height: "20",
|
996
996
|
width: "20"
|
@@ -998,21 +998,21 @@ function en(t, e, n, o, s, a) {
|
|
998
998
|
])
|
999
999
|
]),
|
1000
1000
|
default: S(() => [
|
1001
|
-
l("div",
|
1002
|
-
(r(!0), i(
|
1001
|
+
l("div", Ys, [
|
1002
|
+
(r(!0), i($, null, V(s.customList, (b, d) => (r(), i("button", {
|
1003
1003
|
onClick: (_) => {
|
1004
1004
|
var m;
|
1005
1005
|
t.$emit("update:filterCustom", b == null ? void 0 : b.name), (m = t.$refs) == null || m.popover.togglePopover();
|
1006
1006
|
},
|
1007
1007
|
key: d,
|
1008
|
-
class: I(["flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100", { "bg-gray-100":
|
1008
|
+
class: I(["flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100", { "bg-gray-100": s.filterCustom === (b == null ? void 0 : b.name) }])
|
1009
1009
|
}, [
|
1010
|
-
l("span",
|
1011
|
-
|
1010
|
+
l("span", en, T(b == null ? void 0 : b.label), 1),
|
1011
|
+
s.filterCustom === (b == null ? void 0 : b.name) ? (r(), k(f, {
|
1012
1012
|
key: 0,
|
1013
1013
|
class: "ml-auto size-3 shrink-0"
|
1014
1014
|
})) : v("", !0)
|
1015
|
-
], 10,
|
1015
|
+
], 10, Zs))), 128)),
|
1016
1016
|
l("button", {
|
1017
1017
|
class: "flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100",
|
1018
1018
|
onClick: e[0] || (e[0] = (b) => {
|
@@ -1025,55 +1025,55 @@ function en(t, e, n, o, s, a) {
|
|
1025
1025
|
_: 1
|
1026
1026
|
}, 512);
|
1027
1027
|
}
|
1028
|
-
const
|
1028
|
+
const sn = /* @__PURE__ */ A(Qs, [["render", tn]]), nn = { class: "flex items-center gap-x-2" }, ln = {
|
1029
1029
|
__name: "admin-table-custom-buttons",
|
1030
1030
|
props: {
|
1031
1031
|
slots: Object
|
1032
1032
|
},
|
1033
1033
|
setup(t) {
|
1034
1034
|
var f, h, b, d, _;
|
1035
|
-
const { asyncTemplateSlot: e } = (_ = (d = (b = (h = (f =
|
1035
|
+
const { asyncTemplateSlot: e } = (_ = (d = (b = (h = (f = je()) == null ? void 0 : f.appContext) == null ? void 0 : h.app) == null ? void 0 : b.config) == null ? void 0 : d.globalProperties) == null ? void 0 : _.utils, s = O(""), o = O(""), n = t, a = () => {
|
1036
1036
|
var m, g, C, y, w;
|
1037
|
-
if ((m =
|
1038
|
-
const
|
1037
|
+
if ((m = n.slots) != null && m.panelLeft || (o.value = "div"), (C = (g = n.slots) == null ? void 0 : g.panelLeft) != null && C.includes("<")) {
|
1038
|
+
const D = e("PanelLeft", (y = n.slots) == null ? void 0 : y.panelLeft, [
|
1039
1039
|
"name"
|
1040
1040
|
]);
|
1041
|
-
o.value =
|
1041
|
+
o.value = D;
|
1042
1042
|
} else
|
1043
|
-
o.value = (w =
|
1043
|
+
o.value = (w = n.slots) == null ? void 0 : w.panelLeft;
|
1044
1044
|
}, u = () => {
|
1045
1045
|
var m, g, C, y, w;
|
1046
|
-
if ((m =
|
1047
|
-
const
|
1046
|
+
if ((m = n.slots) != null && m.panelRight || (s.value = "div"), (C = (g = n.slots) == null ? void 0 : g.panelRight) != null && C.includes("<")) {
|
1047
|
+
const D = e("PanelRight", (y = n.slots) == null ? void 0 : y.panelRight, [
|
1048
1048
|
"name"
|
1049
1049
|
]);
|
1050
|
-
|
1050
|
+
s.value = D;
|
1051
1051
|
} else
|
1052
|
-
|
1052
|
+
s.value = (w = n.slots) == null ? void 0 : w.panelRight;
|
1053
1053
|
};
|
1054
|
-
return a(), u(), (m, g) => (r(), i("div",
|
1054
|
+
return a(), u(), (m, g) => (r(), i("div", nn, [
|
1055
1055
|
(r(), k(N(o.value))),
|
1056
|
-
(r(), k(N(
|
1056
|
+
(r(), k(N(s.value)))
|
1057
1057
|
]));
|
1058
1058
|
}
|
1059
|
-
},
|
1059
|
+
}, an = {
|
1060
1060
|
__name: "admin-custom-button-add",
|
1061
1061
|
props: {
|
1062
1062
|
slots: Object
|
1063
1063
|
},
|
1064
1064
|
setup(t) {
|
1065
1065
|
var a, u, f, h, b;
|
1066
|
-
const { asyncTemplateSlot: e } = (b = (h = (f = (u = (a =
|
1066
|
+
const { asyncTemplateSlot: e } = (b = (h = (f = (u = (a = je()) == null ? void 0 : a.appContext) == null ? void 0 : u.app) == null ? void 0 : f.config) == null ? void 0 : h.globalProperties) == null ? void 0 : b.utils, s = O(""), o = t;
|
1067
1067
|
return (() => {
|
1068
1068
|
var d, _, m, g, C;
|
1069
|
-
if ((d = o.slots) != null && d.addButton || (
|
1069
|
+
if ((d = o.slots) != null && d.addButton || (s.value = "div"), (m = (_ = o.slots) == null ? void 0 : _.addButton) != null && m.includes("<")) {
|
1070
1070
|
const y = e("addButton", (g = o.slots) == null ? void 0 : g.addButton, [
|
1071
1071
|
"IconPlus"
|
1072
1072
|
]);
|
1073
|
-
|
1073
|
+
s.value = y;
|
1074
1074
|
} else
|
1075
|
-
|
1076
|
-
})(), (d, _) =>
|
1075
|
+
s.value = (C = o.slots) == null ? void 0 : C.addButton;
|
1076
|
+
})(), (d, _) => s.value ? (r(), k(N(s.value), {
|
1077
1077
|
key: 0,
|
1078
1078
|
IconPlus: U
|
1079
1079
|
})) : v("", !0);
|
@@ -1081,10 +1081,10 @@ const tn = /* @__PURE__ */ T(Ks, [["render", en]]), sn = { class: "flex items-ce
|
|
1081
1081
|
}, rn = {
|
1082
1082
|
key: 0,
|
1083
1083
|
class: "px-1 py-3 text-gray-800 font-[500]"
|
1084
|
-
},
|
1084
|
+
}, on = {
|
1085
1085
|
key: 1,
|
1086
1086
|
class: "px-1 py-3 text-gray-800 font-[700]"
|
1087
|
-
},
|
1087
|
+
}, dn = {
|
1088
1088
|
__name: "admin-table-totals-list",
|
1089
1089
|
props: {
|
1090
1090
|
columns: { type: Array, default: () => [] },
|
@@ -1092,23 +1092,23 @@ const tn = /* @__PURE__ */ T(Ks, [["render", en]]), sn = { class: "flex items-ce
|
|
1092
1092
|
} }
|
1093
1093
|
},
|
1094
1094
|
setup(t) {
|
1095
|
-
return (e,
|
1096
|
-
(r(!0), i(
|
1097
|
-
var
|
1098
|
-
return r(), i(
|
1095
|
+
return (e, s) => (r(), i("tr", null, [
|
1096
|
+
(r(!0), i($, null, V(t.columns, (o) => {
|
1097
|
+
var n;
|
1098
|
+
return r(), i($, {
|
1099
1099
|
key: o == null ? void 0 : o.name
|
1100
1100
|
}, [
|
1101
|
-
(
|
1101
|
+
(n = t.agg) != null && n[o == null ? void 0 : o.name] ? (r(), i("td", rn, [
|
1102
1102
|
x(E, {
|
1103
1103
|
column: o,
|
1104
1104
|
row: t.agg
|
1105
1105
|
}, null, 8, ["column", "row"])
|
1106
|
-
])) : (r(), i("td",
|
1106
|
+
])) : (r(), i("td", on))
|
1107
1107
|
], 64);
|
1108
1108
|
}), 128))
|
1109
1109
|
]));
|
1110
1110
|
}
|
1111
|
-
},
|
1111
|
+
}, un = {}, cn = {
|
1112
1112
|
xmlns: "http://www.w3.org/2000/svg",
|
1113
1113
|
viewBox: "0 0 24 24",
|
1114
1114
|
fill: "none",
|
@@ -1118,8 +1118,8 @@ const tn = /* @__PURE__ */ T(Ks, [["render", en]]), sn = { class: "flex items-ce
|
|
1118
1118
|
"stroke-linejoin": "round",
|
1119
1119
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
|
1120
1120
|
};
|
1121
|
-
function
|
1122
|
-
return r(), i("svg",
|
1121
|
+
function pn(t, e, s, o, n, a) {
|
1122
|
+
return r(), i("svg", cn, e[0] || (e[0] = [
|
1123
1123
|
l("path", {
|
1124
1124
|
stroke: "none",
|
1125
1125
|
d: "M0 0h24v24H0z",
|
@@ -1128,8 +1128,8 @@ function cn(t, e, n, o, s, a) {
|
|
1128
1128
|
l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
|
1129
1129
|
]));
|
1130
1130
|
}
|
1131
|
-
const
|
1132
|
-
components: { IconChevronDown:
|
1131
|
+
const hn = /* @__PURE__ */ A(un, [["render", pn]]), bn = ot({
|
1132
|
+
components: { IconChevronDown: Ke, IconCheck: hn },
|
1133
1133
|
props: {
|
1134
1134
|
total: { type: Number, default: () => 0 },
|
1135
1135
|
pageSize: { type: Number, default: () => 20 },
|
@@ -1195,10 +1195,10 @@ const pn = /* @__PURE__ */ T(dn, [["render", cn]]), hn = at({
|
|
1195
1195
|
},
|
1196
1196
|
updatePages(t) {
|
1197
1197
|
const e = Math.floor(this.maxPages / 2);
|
1198
|
-
let
|
1199
|
-
o > this.pagesCount && (o = this.pagesCount,
|
1200
|
-
{ length: o -
|
1201
|
-
(
|
1198
|
+
let s = Math.max(t - e, 1), o = s + this.maxPages - 1;
|
1199
|
+
o > this.pagesCount && (o = this.pagesCount, s = Math.max(o - this.maxPages + 1, 1)), this.pages = Array.from(
|
1200
|
+
{ length: o - s + 1 },
|
1201
|
+
(n, a) => s + a
|
1202
1202
|
);
|
1203
1203
|
},
|
1204
1204
|
handleClickPrev() {
|
@@ -1211,13 +1211,13 @@ const pn = /* @__PURE__ */ T(dn, [["render", cn]]), hn = at({
|
|
1211
1211
|
this.page = t, this.$emit("pageChange", this.page, this.pageSizeLocal), this.updatePages(t);
|
1212
1212
|
}
|
1213
1213
|
}
|
1214
|
-
}),
|
1214
|
+
}), fn = { class: "flex items-center w-full" }, gn = { class: "flex items-center mx-[8px]" }, mn = { class: "min-h-[38px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, xn = {
|
1215
1215
|
key: 0,
|
1216
1216
|
class: "flex items-center justify-center ml-3 gap-x-5"
|
1217
|
-
},
|
1218
|
-
function
|
1217
|
+
}, yn = { class: "relative" }, kn = { class: "z-50 bg-white shadow-md rounded-lg p-1 space-y-0.5 dark:bg-neutral-800 dark:border dark:border-neutral-700 dark:divide-neutral-700 absolute bottom-[100%]" }, vn = ["onClick"];
|
1218
|
+
function _n(t, e, s, o, n, a) {
|
1219
1219
|
const u = p("IconChevronDown"), f = p("IconCheck");
|
1220
|
-
return r(), i("nav",
|
1220
|
+
return r(), i("nav", fn, [
|
1221
1221
|
l("button", {
|
1222
1222
|
type: "button",
|
1223
1223
|
onClick: e[0] || (e[0] = (...h) => t.handleClickPrev && t.handleClickPrev(...h)),
|
@@ -1229,15 +1229,15 @@ function vn(t, e, n, o, s, a) {
|
|
1229
1229
|
class: "rotate-90"
|
1230
1230
|
})
|
1231
1231
|
], 2),
|
1232
|
-
l("div",
|
1232
|
+
l("div", gn, [
|
1233
1233
|
l("span", {
|
1234
1234
|
ref: "currentPage",
|
1235
1235
|
contenteditable: "true",
|
1236
1236
|
onBlur: e[1] || (e[1] = (h) => t.handleSetPage(h.target.innerText)),
|
1237
1237
|
class: "min-h-[38px] max-h-[38px] overflow-hidden min-w-[38px] flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:text-white"
|
1238
|
-
},
|
1238
|
+
}, T(t.page), 545),
|
1239
1239
|
e[4] || (e[4] = l("span", { class: "min-h-[38px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, "з", -1)),
|
1240
|
-
l("span",
|
1240
|
+
l("span", mn, T(t.pagesCount), 1)
|
1241
1241
|
]),
|
1242
1242
|
l("button", {
|
1243
1243
|
type: "button",
|
@@ -1250,22 +1250,22 @@ function vn(t, e, n, o, s, a) {
|
|
1250
1250
|
class: "-rotate-90"
|
1251
1251
|
})
|
1252
1252
|
], 2),
|
1253
|
-
t.pageSizes.length ? (r(), i("div",
|
1254
|
-
l("div",
|
1255
|
-
z(l("div",
|
1256
|
-
(r(!0), i(
|
1253
|
+
t.pageSizes.length ? (r(), i("div", xn, [
|
1254
|
+
l("div", yn, [
|
1255
|
+
z(l("div", kn, [
|
1256
|
+
(r(!0), i($, null, V(t.pageSizes, (h) => (r(), i("button", {
|
1257
1257
|
type: "button",
|
1258
1258
|
class: "w-full flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm",
|
1259
1259
|
onClick: (b) => t.pageSizeLocal = h
|
1260
1260
|
}, [
|
1261
|
-
|
1261
|
+
F(T(h) + " ", 1),
|
1262
1262
|
h === t.pageSizeLocal ? (r(), k(f, {
|
1263
1263
|
key: 0,
|
1264
1264
|
width: "14",
|
1265
1265
|
height: "14",
|
1266
1266
|
class: "text-blue-600"
|
1267
1267
|
})) : v("", !0)
|
1268
|
-
], 8,
|
1268
|
+
], 8, vn))), 256))
|
1269
1269
|
], 512), [
|
1270
1270
|
[H, t.isDropdownOpen]
|
1271
1271
|
]),
|
@@ -1275,7 +1275,7 @@ function vn(t, e, n, o, s, a) {
|
|
1275
1275
|
class: "text-sm h-[32px] min-w-8 py-3 px-3.5 inline-flex items-center gap-x-1 rounded-lg border border-gray-200 text-gray-800 shadow-sm hover:bg-gray-50 focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
|
1276
1276
|
onClick: e[3] || (e[3] = (h) => t.isDropdownOpen = !t.isDropdownOpen)
|
1277
1277
|
}, [
|
1278
|
-
|
1278
|
+
F(T(t.pageSizeLocal) + " ", 1),
|
1279
1279
|
x(u, {
|
1280
1280
|
height: "16",
|
1281
1281
|
width: "16"
|
@@ -1285,27 +1285,27 @@ function vn(t, e, n, o, s, a) {
|
|
1285
1285
|
])) : v("", !0)
|
1286
1286
|
]);
|
1287
1287
|
}
|
1288
|
-
const
|
1288
|
+
const Cn = /* @__PURE__ */ A(bn, [["render", _n]]), wn = {
|
1289
1289
|
props: { table: String, title: String, search: String },
|
1290
1290
|
components: {
|
1291
|
-
AdminTableControl:
|
1292
|
-
AdminTableExport:
|
1291
|
+
AdminTableControl: Ct,
|
1292
|
+
AdminTableExport: Jt,
|
1293
1293
|
// AdminTablePrint,
|
1294
|
-
AdminTableColumnsHidden:
|
1295
|
-
AdminTableColumn:
|
1296
|
-
AdminNodata:
|
1294
|
+
AdminTableColumnsHidden: ps,
|
1295
|
+
AdminTableColumn: ht,
|
1296
|
+
AdminNodata: Ze,
|
1297
1297
|
IconPlus: U,
|
1298
|
-
IconSearch:
|
1299
|
-
AdminTableCardInfo:
|
1298
|
+
IconSearch: Ye,
|
1299
|
+
AdminTableCardInfo: Ls,
|
1300
1300
|
IconOpenCard: Xe,
|
1301
1301
|
AdminComponentIs: E,
|
1302
|
-
AdminTableFilters:
|
1303
|
-
AdminTableTabs:
|
1304
|
-
AdminTableCustomFilters:
|
1305
|
-
AdminTableCustomButtons:
|
1306
|
-
AdminCustomButtonAdd:
|
1307
|
-
AdminTableTotalsList:
|
1308
|
-
AdminTablePagination:
|
1302
|
+
AdminTableFilters: Os,
|
1303
|
+
AdminTableTabs: Rs,
|
1304
|
+
AdminTableCustomFilters: sn,
|
1305
|
+
AdminTableCustomButtons: ln,
|
1306
|
+
AdminCustomButtonAdd: an,
|
1307
|
+
AdminTableTotalsList: dn,
|
1308
|
+
AdminTablePagination: Cn
|
1309
1309
|
},
|
1310
1310
|
data() {
|
1311
1311
|
return {
|
@@ -1337,11 +1337,11 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1337
1337
|
},
|
1338
1338
|
columns() {
|
1339
1339
|
var t, e;
|
1340
|
-
return (e = (t = this.tableData) == null ? void 0 : t.columns) == null ? void 0 : e.filter((
|
1340
|
+
return (e = (t = this.tableData) == null ? void 0 : t.columns) == null ? void 0 : e.filter((s) => (s == null ? void 0 : s.hidden) !== !0);
|
1341
1341
|
},
|
1342
1342
|
isForm() {
|
1343
|
-
var t, e,
|
1344
|
-
return ((t = this.tableData) == null ? void 0 : t.form) && (((
|
1343
|
+
var t, e, s, o, n;
|
1344
|
+
return ((t = this.tableData) == null ? void 0 : t.form) && (((s = (e = this.tableData) == null ? void 0 : e.actions) == null ? void 0 : s.includes("add")) || ((n = (o = this.tableData) == null ? void 0 : o.actions) == null ? void 0 : n.includes("edit")));
|
1345
1345
|
},
|
1346
1346
|
isNoData() {
|
1347
1347
|
var t, e;
|
@@ -1349,9 +1349,9 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1349
1349
|
},
|
1350
1350
|
activeCardRow() {
|
1351
1351
|
var t, e;
|
1352
|
-
return ((e = (t = this.tableData) == null ? void 0 : t.rows) == null ? void 0 : e.find((
|
1353
|
-
var o,
|
1354
|
-
return (
|
1352
|
+
return ((e = (t = this.tableData) == null ? void 0 : t.rows) == null ? void 0 : e.find((s) => {
|
1353
|
+
var o, n;
|
1354
|
+
return (s == null ? void 0 : s.id) === ((n = (o = this.$route) == null ? void 0 : o.query) == null ? void 0 : n.card);
|
1355
1355
|
})) || {};
|
1356
1356
|
},
|
1357
1357
|
getActions() {
|
@@ -1364,7 +1364,7 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1364
1364
|
this.tableData = null, await this.getTableData();
|
1365
1365
|
},
|
1366
1366
|
searchValue: {
|
1367
|
-
handler:
|
1367
|
+
handler: Qe(async function(t) {
|
1368
1368
|
var e;
|
1369
1369
|
this.page = 1, await this.getTableData(), this.$router.push({
|
1370
1370
|
...this.$route,
|
@@ -1378,8 +1378,8 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1378
1378
|
},
|
1379
1379
|
$route: {
|
1380
1380
|
handler(t, e) {
|
1381
|
-
var
|
1382
|
-
((
|
1381
|
+
var s, o;
|
1382
|
+
((s = t == null ? void 0 : t.params) == null ? void 0 : s.catchAll) !== ((o = e == null ? void 0 : e.params) == null ? void 0 : o.catchAll) && (this.visibleColumns = [], this.unmountedData(), this.getFilters());
|
1383
1383
|
},
|
1384
1384
|
deep: !0
|
1385
1385
|
},
|
@@ -1405,34 +1405,34 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1405
1405
|
}), this.getTableData();
|
1406
1406
|
},
|
1407
1407
|
columns(t) {
|
1408
|
-
var e,
|
1408
|
+
var e, s, o, n;
|
1409
1409
|
this.visibleColumns = t == null ? void 0 : t.map((a) => a == null ? void 0 : a.name), this.initialHiddenColumns === ((e = this.visibleColumns) == null ? void 0 : e.join(",")) && (this.visibleColumns = []), this.$router.replace({
|
1410
1410
|
...this.$route,
|
1411
1411
|
query: {
|
1412
|
-
...(
|
1413
|
-
columns: (o = this.visibleColumns) != null && o.length ? (
|
1412
|
+
...(s = this.$route) == null ? void 0 : s.query,
|
1413
|
+
columns: (o = this.visibleColumns) != null && o.length ? (n = this.visibleColumns) == null ? void 0 : n.join(",") : void 0
|
1414
1414
|
}
|
1415
1415
|
});
|
1416
1416
|
}
|
1417
1417
|
},
|
1418
1418
|
methods: {
|
1419
1419
|
async checkUrlMounted() {
|
1420
|
-
var t, e,
|
1421
|
-
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((o = (
|
1420
|
+
var t, e, s, o, n, a, u, f, h, b, d, _, m, g, C, y, w, D, L, M, q;
|
1421
|
+
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((o = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : o.limit) || 20, (a = (n = this.$route) == null ? void 0 : n.query) != null && a.filter && (this.filters = ((h = decodeURI((f = (u = this.$route) == null ? void 0 : u.query) == null ? void 0 : f.filter)) == null ? void 0 : h.replaceAll("+", " ")) || null), this.filters && (this.onFilters = ((d = (b = this.filters) == null ? void 0 : b.split("=")) == null ? void 0 : d.length) - 1), this.filterState = ((m = (_ = this.$route) == null ? void 0 : _.query) == null ? void 0 : m.state) || null, this.filterCustom = ((C = (g = this.$route) == null ? void 0 : g.query) == null ? void 0 : C.custom) || null, this.searchValue = ((w = (y = this.$route) == null ? void 0 : y.query) == null ? void 0 : w.search) || "", this.visibleColumns = ((M = (L = (D = this.$route) == null ? void 0 : D.query) == null ? void 0 : L.columns) == null ? void 0 : M.split(",")) || [], (q = this.$route) != null && q.query.card && (this.isVisibleCardInfo = !0);
|
1422
1422
|
},
|
1423
1423
|
rowWidth(t) {
|
1424
|
-
var
|
1425
|
-
const e = (o = (
|
1424
|
+
var s, o;
|
1425
|
+
const e = (o = (s = this.tableData) == null ? void 0 : s.columns) == null ? void 0 : o.find((n) => n.name === t);
|
1426
1426
|
if (e) {
|
1427
|
-
const
|
1428
|
-
return typeof
|
1427
|
+
const n = e == null ? void 0 : e.width;
|
1428
|
+
return typeof n == "number" ? `${n}px` : n != null && n.includes("px") ? n : `${n}px`;
|
1429
1429
|
}
|
1430
1430
|
},
|
1431
1431
|
unmountedData() {
|
1432
1432
|
this.page = 1, this.visibleColumns = [], this.filterCustom = null, this.filterState = null, this.isVisibleCardInfo = !1, this.filterScheme = null, this.filters = null, this.onFilters = 0, this.searchValue = "";
|
1433
1433
|
},
|
1434
1434
|
async getTableData() {
|
1435
|
-
var t, e,
|
1435
|
+
var t, e, s, o, n, a, u, f, h, b, d;
|
1436
1436
|
try {
|
1437
1437
|
const { data: _ } = await j.get(`/api/template/table/${this.table}`), m = await j.get(`/api/table-data/${this.table}`, {
|
1438
1438
|
params: {
|
@@ -1448,7 +1448,7 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1448
1448
|
this.tableData = {
|
1449
1449
|
..._,
|
1450
1450
|
...(m == null ? void 0 : m.data) || {}
|
1451
|
-
}, this.initialHiddenColumns = (a = (
|
1451
|
+
}, this.initialHiddenColumns = (a = (n = (o = (s = this.tableData) == null ? void 0 : s.columns) == null ? void 0 : o.filter((g) => (g == null ? void 0 : g.hidden) !== !0)) == null ? void 0 : n.map((g) => g == null ? void 0 : g.name)) == null ? void 0 : a.join(","), (u = this.visibleColumns) != null && u.length ? (f = this.tableData) == null || f.columns.forEach((g) => {
|
1452
1452
|
var C;
|
1453
1453
|
(C = this.visibleColumns) != null && C.includes(g == null ? void 0 : g.name) ? g.hidden = !1 : g.hidden = !0;
|
1454
1454
|
}) : this.visibleColumns = (d = (b = (h = this.tableData) == null ? void 0 : h.columns) == null ? void 0 : b.filter((g) => (g == null ? void 0 : g.hidden) !== !0)) == null ? void 0 : d.map((g) => g == null ? void 0 : g.name);
|
@@ -1459,20 +1459,20 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1459
1459
|
var t;
|
1460
1460
|
try {
|
1461
1461
|
const { data: e } = await j.get(`/api/table-filter/${this.table}`);
|
1462
|
-
this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((
|
1463
|
-
...
|
1464
|
-
label: (
|
1462
|
+
this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((s) => ({
|
1463
|
+
...s,
|
1464
|
+
label: (s == null ? void 0 : s.label) || (s == null ? void 0 : s.ua)
|
1465
1465
|
}));
|
1466
1466
|
} catch {
|
1467
1467
|
}
|
1468
1468
|
},
|
1469
1469
|
async handlePageChange(t, e) {
|
1470
|
-
const
|
1471
|
-
this.page = t, this.limit = e, await this.$router.replace({ query: { ...
|
1470
|
+
const s = this.$route.query;
|
1471
|
+
this.page = t, this.limit = e, await this.$router.replace({ query: { ...s, page: t, limit: e } }), await this.getTableData();
|
1472
1472
|
},
|
1473
1473
|
async filterChange({ url: t, state: e }) {
|
1474
|
-
var
|
1475
|
-
this.filters = t !== "no-url" ? t : null, this.onFilters = (
|
1474
|
+
var s;
|
1475
|
+
this.filters = t !== "no-url" ? t : null, this.onFilters = (s = Object.entries(e)) == null ? void 0 : s.length, this.page = 1, await this.getTableData();
|
1476
1476
|
},
|
1477
1477
|
changeActiveColumn(t) {
|
1478
1478
|
this.activeColumn = t, this.getTableData();
|
@@ -1506,29 +1506,26 @@ const _n = /* @__PURE__ */ T(hn, [["render", vn]]), Cn = {
|
|
1506
1506
|
];
|
1507
1507
|
}
|
1508
1508
|
}
|
1509
|
-
},
|
1509
|
+
}, $n = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, An = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, Tn = { class: "text-lg font-semibold text-gray-800 dark:text-neutral-200" }, Sn = {
|
1510
1510
|
style: { height: "calc(100vh - 155px)" },
|
1511
1511
|
class: "bg-gray-50 p-[20px] flex pt-[10px] lg:w-[calc(100vw-260px)] w-[100vw]"
|
1512
|
-
},
|
1512
|
+
}, In = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, Dn = { class: "flex" }, Vn = { class: "flex gap-[6px] ml-auto" }, Pn = { class: "inline-block w-full align-middle" }, Fn = {
|
1513
1513
|
key: 0,
|
1514
1514
|
class: "relative min-w-full text-[13px] divide-y divide-gray-200 table-fixed w-max dark:divide-neutral-700"
|
1515
|
-
},
|
1515
|
+
}, jn = { class: "sticky top-[-1px] z-[2] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Ln = { class: "right-0" }, Mn = {
|
1516
1516
|
key: 0,
|
1517
1517
|
class: "w-[70px] sticky right-0 top-0"
|
1518
|
-
},
|
1519
|
-
|
1520
|
-
|
1521
|
-
|
1522
|
-
|
1523
|
-
|
1524
|
-
|
1525
|
-
|
1526
|
-
|
1527
|
-
l("h2", An, $(n.title), 1),
|
1528
|
-
a.isForm ? (r(), i(A, { key: 0 }, [
|
1529
|
-
(W = (R = s.tableData) == null ? void 0 : R.slots) != null && W.addButton ? (r(), k(u, {
|
1518
|
+
}, zn = { class: "divide-y divide-gray-200 z-[1] relative" }, qn = ["onClick"], Bn = ["onClick"], On = ["onClick"], Nn = { class: "p-[10px] flex justify-start items-end w-full" }, Un = { class: "w-[200px] md:inline-flex hidden" }, En = { class: "text-sm text-gray-600 dark:text-neutral-400" }, Hn = { class: "font-semibold text-gray-800 dark:text-neutral-200" };
|
1519
|
+
function Rn(t, e, s, o, n, a) {
|
1520
|
+
var R, W, J, G, K, Q, X, Y, Z, ee, te, se, ne, le, ae, re, oe, ie, de, ue, ce, pe, he, be, fe, ge, me, xe;
|
1521
|
+
const u = p("AdminCustomButtonAdd"), f = p("IconPlus"), h = p("router-link"), b = p("AdminTableTabs"), d = p("IconSearch"), _ = p("VsText"), m = p("AdminTableCustomButtons"), g = p("AdminTableCustomFilters"), C = p("AdminTableColumnsHidden"), y = p("AdminTableExport"), w = p("AdminTableFilters"), D = p("IconOpenCard"), L = p("AdminTableColumn"), M = p("AdminComponentIs"), q = p("AdminTableControl"), Le = p("AdminTableTotalsList"), Me = p("AdminNodata"), ze = p("AdminTablePagination"), qe = p("AdminTableCardInfo");
|
1522
|
+
return r(), i("div", $n, [
|
1523
|
+
l("div", An, [
|
1524
|
+
l("h2", Tn, T(s.title), 1),
|
1525
|
+
a.isForm ? (r(), i($, { key: 0 }, [
|
1526
|
+
(W = (R = n.tableData) == null ? void 0 : R.slots) != null && W.addButton ? (r(), k(u, {
|
1530
1527
|
key: 0,
|
1531
|
-
slots: (J =
|
1528
|
+
slots: (J = n.tableData) == null ? void 0 : J.slots
|
1532
1529
|
}, null, 8, ["slots"])) : (r(), k(h, {
|
1533
1530
|
key: 1,
|
1534
1531
|
to: `/add?table=${(K = (G = t.$route) == null ? void 0 : G.params) == null ? void 0 : K.catchAll}`,
|
@@ -1539,26 +1536,26 @@ function Wn(t, e, n, o, s, a) {
|
|
1539
1536
|
height: "16",
|
1540
1537
|
width: "16"
|
1541
1538
|
}),
|
1542
|
-
e[5] || (e[5] =
|
1539
|
+
e[5] || (e[5] = F(" Додати "))
|
1543
1540
|
]),
|
1544
1541
|
_: 1
|
1545
1542
|
}, 8, ["to"]))
|
1546
1543
|
], 64)) : v("", !0)
|
1547
1544
|
]),
|
1548
|
-
l("div",
|
1549
|
-
l("div",
|
1550
|
-
(X = (Q =
|
1545
|
+
l("div", Sn, [
|
1546
|
+
l("div", In, [
|
1547
|
+
(X = (Q = n.tableData) == null ? void 0 : Q.filterState) != null && X.length ? (r(), k(b, {
|
1551
1548
|
key: 0,
|
1552
|
-
tabsList: (Y =
|
1553
|
-
filterState:
|
1554
|
-
"onUpdate:filterState": e[0] || (e[0] = (c) =>
|
1549
|
+
tabsList: (Y = n.tableData) == null ? void 0 : Y.filterState,
|
1550
|
+
filterState: n.filterState,
|
1551
|
+
"onUpdate:filterState": e[0] || (e[0] = (c) => n.filterState = c)
|
1555
1552
|
}, null, 8, ["tabsList", "filterState"])) : v("", !0),
|
1556
|
-
l("div",
|
1553
|
+
l("div", Dn, [
|
1557
1554
|
l("div", {
|
1558
|
-
class: I([
|
1555
|
+
class: I([n.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
|
1559
1556
|
}, [
|
1560
1557
|
l("div", {
|
1561
|
-
class: I(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !
|
1558
|
+
class: I(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !n.isVisibleCardInfo }])
|
1562
1559
|
}, [
|
1563
1560
|
x(d, {
|
1564
1561
|
height: "14",
|
@@ -1566,173 +1563,169 @@ function Wn(t, e, n, o, s, a) {
|
|
1566
1563
|
class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
|
1567
1564
|
}),
|
1568
1565
|
x(_, {
|
1569
|
-
modelValue:
|
1570
|
-
"onUpdate:modelValue": e[1] || (e[1] = (c) =>
|
1571
|
-
placeholder:
|
1566
|
+
modelValue: n.searchValue,
|
1567
|
+
"onUpdate:modelValue": e[1] || (e[1] = (c) => n.searchValue = c),
|
1568
|
+
placeholder: s.search || "Пошук...",
|
1572
1569
|
clearable: !0,
|
1573
1570
|
class: "[&>input]:py-[7px] [&>input]:max-h-[36px] [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-lg [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600"
|
1574
1571
|
}, null, 8, ["modelValue", "placeholder"]),
|
1575
1572
|
l("div", Vn, [
|
1576
|
-
(Z =
|
1573
|
+
(Z = n.tableData) != null && Z.slots ? (r(), k(m, {
|
1577
1574
|
key: 0,
|
1578
|
-
slots: (ee =
|
1575
|
+
slots: (ee = n.tableData) == null ? void 0 : ee.slots
|
1579
1576
|
}, null, 8, ["slots"])) : v("", !0),
|
1580
|
-
(se = (te =
|
1577
|
+
(se = (te = n.tableData) == null ? void 0 : te.filterCustom) != null && se.length ? (r(), k(g, {
|
1581
1578
|
key: 1,
|
1582
|
-
customList: (ne =
|
1583
|
-
filterCustom:
|
1584
|
-
"onUpdate:filterCustom": e[2] || (e[2] = (c) =>
|
1579
|
+
customList: (ne = n.tableData) == null ? void 0 : ne.filterCustom,
|
1580
|
+
filterCustom: n.filterCustom,
|
1581
|
+
"onUpdate:filterCustom": e[2] || (e[2] = (c) => n.filterCustom = c)
|
1585
1582
|
}, null, 8, ["customList", "filterCustom"])) : v("", !0),
|
1586
1583
|
x(C, {
|
1587
|
-
columns: (le =
|
1588
|
-
onUpdateColumns: e[3] || (e[3] = (c) =>
|
1584
|
+
columns: (le = n.tableData) == null ? void 0 : le.columns,
|
1585
|
+
onUpdateColumns: e[3] || (e[3] = (c) => n.tableData.columns = c)
|
1589
1586
|
}, null, 8, ["columns"]),
|
1590
|
-
((
|
1587
|
+
((ae = n.tableData) == null ? void 0 : ae.export) !== !1 ? (r(), k(y, {
|
1591
1588
|
key: 2,
|
1592
|
-
table:
|
1593
|
-
columns: (
|
1594
|
-
page:
|
1595
|
-
"filter-state":
|
1596
|
-
"filter-custom":
|
1597
|
-
filters:
|
1589
|
+
table: s.table,
|
1590
|
+
columns: (re = n.tableData) == null ? void 0 : re.columns,
|
1591
|
+
page: n.page,
|
1592
|
+
"filter-state": n.filterState,
|
1593
|
+
"filter-custom": n.filterCustom,
|
1594
|
+
filters: n.filters
|
1598
1595
|
}, null, 8, ["table", "columns", "page", "filter-state", "filter-custom", "filters"])) : v("", !0),
|
1599
|
-
(oe =
|
1596
|
+
(oe = n.filterScheme) != null && oe.length ? (r(), k(w, {
|
1600
1597
|
key: 3,
|
1601
|
-
scheme:
|
1602
|
-
onFilters:
|
1603
|
-
table:
|
1598
|
+
scheme: n.filterScheme,
|
1599
|
+
onFilters: n.onFilters,
|
1600
|
+
table: s.table,
|
1604
1601
|
onFilterChange: a.filterChange
|
1605
1602
|
}, null, 8, ["scheme", "onFilters", "table", "onFilterChange"])) : v("", !0),
|
1606
1603
|
l("button", {
|
1607
1604
|
onClick: e[4] || (e[4] = (...c) => a.toggleCardInfo && a.toggleCardInfo(...c)),
|
1608
1605
|
class: "py-2 px-2.5 max-h-[34px] md:inline-flex hidden items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
|
1609
1606
|
}, [
|
1610
|
-
x(
|
1611
|
-
class: I({ "rotate-180 duration-300": !
|
1607
|
+
x(D, {
|
1608
|
+
class: I({ "rotate-180 duration-300": !n.isVisibleCardInfo })
|
1612
1609
|
}, null, 8, ["class"])
|
1613
1610
|
])
|
1614
1611
|
])
|
1615
1612
|
], 2),
|
1616
1613
|
l("div", {
|
1617
|
-
class: I(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !
|
1614
|
+
class: I(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !n.isVisibleCardInfo }])
|
1618
1615
|
}, [
|
1619
1616
|
l("div", {
|
1620
|
-
style:
|
1621
|
-
height: (de = (ie =
|
1617
|
+
style: Pe({
|
1618
|
+
height: (de = (ie = n.tableData) == null ? void 0 : ie.filterState) != null && de.length ? "calc(100vh - 370px)" : "calc(100vh - 310px)"
|
1622
1619
|
}),
|
1623
1620
|
class: "overflow-x-auto w-full [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
|
1624
1621
|
}, [
|
1625
|
-
l("div",
|
1626
|
-
a.isNoData ? (r(), k(
|
1627
|
-
l("thead",
|
1628
|
-
l("tr",
|
1629
|
-
(r(!0), i(
|
1622
|
+
l("div", Pn, [
|
1623
|
+
a.isNoData ? (r(), k(Me, { key: 1 })) : (r(), i("table", Fn, [
|
1624
|
+
l("thead", jn, [
|
1625
|
+
l("tr", Ln, [
|
1626
|
+
(r(!0), i($, null, V(a.columns, (c) => (r(), k(L, {
|
1630
1627
|
key: c.name,
|
1631
|
-
style:
|
1628
|
+
style: Pe({
|
1632
1629
|
width: a.rowWidth(c == null ? void 0 : c.name),
|
1633
1630
|
textAlign: c == null ? void 0 : c.align,
|
1634
1631
|
wordBreak: c == null ? void 0 : c.wrap
|
1635
1632
|
}),
|
1636
1633
|
data: c,
|
1637
|
-
activeColumn:
|
1634
|
+
activeColumn: n.activeColumn,
|
1638
1635
|
onChangeActive: a.changeActiveColumn
|
1639
1636
|
}, null, 8, ["style", "data", "activeColumn", "onChangeActive"]))), 128)),
|
1640
1637
|
(ce = (ue = a.getActions) == null ? void 0 : ue.filter(
|
1641
1638
|
(c) => c !== "add" && c !== "view"
|
1642
|
-
)) != null && ce.length ? (r(), i("th",
|
1639
|
+
)) != null && ce.length ? (r(), i("th", Mn)) : v("", !0)
|
1643
1640
|
])
|
1644
1641
|
]),
|
1645
|
-
l("tbody",
|
1646
|
-
(r(!0), i(
|
1647
|
-
var
|
1642
|
+
l("tbody", zn, [
|
1643
|
+
(r(!0), i($, null, V((pe = n.tableData) == null ? void 0 : pe.rows, (c, Be) => {
|
1644
|
+
var ye, ke, ve, _e, Ce, we, $e, Ae, Te, Se, Ie, De;
|
1648
1645
|
return r(), i("tr", {
|
1649
|
-
key: (c == null ? void 0 : c.id) ||
|
1646
|
+
key: (c == null ? void 0 : c.id) || Be,
|
1650
1647
|
class: I({
|
1651
|
-
"bg-gray-50": ((
|
1648
|
+
"bg-gray-50": ((ke = (ye = t.$route) == null ? void 0 : ye.query) == null ? void 0 : ke.card) === (c == null ? void 0 : c.id)
|
1652
1649
|
})
|
1653
1650
|
}, [
|
1654
1651
|
l("td", {
|
1655
1652
|
class: I(["px-1 py-3 text-gray-600 pe-4", [
|
1656
|
-
(
|
1653
|
+
(ve = a.columns[0]) != null && ve.align ? `text-${((_e = a.columns[0]) == null ? void 0 : _e.align) || "left"}` : ""
|
1657
1654
|
]]),
|
1658
|
-
onClick: (
|
1655
|
+
onClick: (P) => a.changeActiveCardInfo(c == null ? void 0 : c.id)
|
1659
1656
|
}, [
|
1660
1657
|
l("button", {
|
1661
|
-
onClick: (
|
1658
|
+
onClick: (P) => {
|
1662
1659
|
a.pushToCard(c == null ? void 0 : c.id), a.pushToLinkCard(a.columns[0], c);
|
1663
1660
|
},
|
1664
1661
|
class: I(["font-medium text-start", [
|
1665
1662
|
...a.getCustomStyles(a.columns[0]),
|
1666
|
-
((
|
1663
|
+
((Ce = this.tableData) == null ? void 0 : Ce.card) === !1 ? "" : " text-blue-600 decoration-2 focus:outline-none focus:underline hover:text-blue-600 hover:underline"
|
1667
1664
|
]])
|
1668
1665
|
}, [
|
1669
1666
|
x(M, {
|
1670
1667
|
row: c,
|
1671
1668
|
column: a.columns[0],
|
1672
|
-
table:
|
1669
|
+
table: s.table,
|
1673
1670
|
onUpdateTable: a.getTableData
|
1674
1671
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
1675
|
-
], 10,
|
1676
|
-
], 10,
|
1677
|
-
(r(!0), i(
|
1678
|
-
onClick: (
|
1679
|
-
a.changeActiveCardInfo(c == null ? void 0 : c.id), a.pushToLinkCard(
|
1672
|
+
], 10, Bn)
|
1673
|
+
], 10, qn),
|
1674
|
+
(r(!0), i($, null, V((we = a.columns) == null ? void 0 : we.slice(1), (P) => (r(), i("td", {
|
1675
|
+
onClick: (Qn) => {
|
1676
|
+
a.changeActiveCardInfo(c == null ? void 0 : c.id), a.pushToLinkCard(P, c);
|
1680
1677
|
},
|
1681
|
-
class: I(["px-1 py-3 text-gray-600 pe-3", a.getCustomStyles(
|
1682
|
-
key:
|
1678
|
+
class: I(["px-1 py-3 text-gray-600 pe-3", a.getCustomStyles(P)]),
|
1679
|
+
key: P.name
|
1683
1680
|
}, [
|
1684
1681
|
x(M, {
|
1685
1682
|
row: c,
|
1686
|
-
column:
|
1687
|
-
table:
|
1683
|
+
column: P,
|
1684
|
+
table: s.table,
|
1688
1685
|
onUpdateTable: a.getTableData
|
1689
1686
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
1690
|
-
], 10,
|
1691
|
-
(
|
1692
|
-
(
|
1693
|
-
)) != null &&
|
1687
|
+
], 10, On))), 128)),
|
1688
|
+
(Ae = ($e = a.getActions) == null ? void 0 : $e.filter(
|
1689
|
+
(P) => P !== "add" && P !== "view"
|
1690
|
+
)) != null && Ae.length ? (r(), i("td", {
|
1694
1691
|
key: 0,
|
1695
1692
|
class: I(["text-center sticky right-0 w-[80px] px-[10px]", {
|
1696
|
-
"bg-gray-50": ((
|
1697
|
-
"bg-white": ((
|
1693
|
+
"bg-gray-50": ((Se = (Te = t.$route) == null ? void 0 : Te.query) == null ? void 0 : Se.card) === (c == null ? void 0 : c.id),
|
1694
|
+
"bg-white": ((De = (Ie = t.$route) == null ? void 0 : Ie.query) == null ? void 0 : De.card) !== (c == null ? void 0 : c.id)
|
1698
1695
|
}])
|
1699
1696
|
}, [
|
1700
1697
|
x(q, {
|
1701
1698
|
actions: a.getActions,
|
1702
1699
|
isForm: a.isForm,
|
1703
1700
|
item: c,
|
1704
|
-
table:
|
1701
|
+
table: s.table,
|
1705
1702
|
onUpdateTable: a.getTableData
|
1706
1703
|
}, null, 8, ["actions", "isForm", "item", "table", "onUpdateTable"])
|
1707
1704
|
], 2)) : v("", !0)
|
1708
1705
|
], 2);
|
1709
1706
|
}), 128))
|
1710
1707
|
]),
|
1711
|
-
x(
|
1708
|
+
x(Le, {
|
1712
1709
|
columns: a.columns,
|
1713
|
-
agg: (he =
|
1710
|
+
agg: (he = n.tableData) == null ? void 0 : he.agg
|
1714
1711
|
}, null, 8, ["columns", "agg"])
|
1715
1712
|
]))
|
1716
1713
|
])
|
1717
1714
|
], 4)
|
1718
1715
|
], 2),
|
1719
|
-
l("div",
|
1720
|
-
l("div",
|
1721
|
-
l("p",
|
1722
|
-
l("span",
|
1723
|
-
P($(s.filters || s.searchValue ? "Відображено" : "Об'єктів") + " " + $(((be = s.tableData) == null ? void 0 : be.count) || "0 ") + " ", 1),
|
1724
|
-
s.filters || s.searchValue ? (r(), i("span", Hn, " з")) : v("", !0)
|
1725
|
-
]),
|
1726
|
-
s.filters || s.searchValue ? (r(), i("span", Rn, $(" " + ((fe = s.tableData) == null ? void 0 : fe.filtered) || 0), 1)) : v("", !0)
|
1716
|
+
l("div", Nn, [
|
1717
|
+
l("div", Un, [
|
1718
|
+
l("p", En, [
|
1719
|
+
l("span", Hn, " Об'єктів: " + T(n.limit < ((be = n.tableData) == null ? void 0 : be.filtered) ? n.limit : (fe = n.tableData) == null ? void 0 : fe.filtered) + " з " + T(((ge = n.tableData) == null ? void 0 : ge.filtered) || 0), 1)
|
1727
1720
|
])
|
1728
1721
|
]),
|
1729
|
-
Math.ceil(((
|
1722
|
+
Math.ceil(((me = n.tableData) == null ? void 0 : me.filtered) / n.limit) > 1 ? (r(), k(ze, {
|
1730
1723
|
key: 0,
|
1731
1724
|
class: "justify-end",
|
1732
1725
|
"default-page": parseInt(a.defaultPage),
|
1733
|
-
total: ((
|
1726
|
+
total: ((xe = n.tableData) == null ? void 0 : xe.filtered) || 0,
|
1734
1727
|
onPageChange: a.handlePageChange,
|
1735
|
-
pageSize: parseInt(
|
1728
|
+
pageSize: parseInt(n.limit),
|
1736
1729
|
pageSizes: [10, 20, 50, 100]
|
1737
1730
|
}, null, 8, ["default-page", "total", "onPageChange", "pageSize"])) : v("", !0)
|
1738
1731
|
])
|
@@ -1741,10 +1734,10 @@ function Wn(t, e, n, o, s, a) {
|
|
1741
1734
|
default: S(() => {
|
1742
1735
|
var c;
|
1743
1736
|
return [
|
1744
|
-
|
1737
|
+
n.isVisibleCardInfo ? (r(), k(qe, {
|
1745
1738
|
key: 0,
|
1746
|
-
table:
|
1747
|
-
columns: (c =
|
1739
|
+
table: s.table,
|
1740
|
+
columns: (c = n.tableData) == null ? void 0 : c.columns,
|
1748
1741
|
row: a.activeCardRow
|
1749
1742
|
}, null, 8, ["table", "columns", "row"])) : v("", !0)
|
1750
1743
|
];
|
@@ -1756,8 +1749,8 @@ function Wn(t, e, n, o, s, a) {
|
|
1756
1749
|
])
|
1757
1750
|
]);
|
1758
1751
|
}
|
1759
|
-
const
|
1760
|
-
components: { AdminTable:
|
1752
|
+
const Wn = /* @__PURE__ */ A(wn, [["render", Rn], ["__scopeId", "data-v-afaf1d36"]]), Jn = {
|
1753
|
+
components: { AdminTable: Wn },
|
1761
1754
|
data() {
|
1762
1755
|
return {
|
1763
1756
|
table: !1,
|
@@ -1775,7 +1768,7 @@ const Jn = /* @__PURE__ */ T(Cn, [["render", Wn], ["__scopeId", "data-v-35becdd2
|
|
1775
1768
|
},
|
1776
1769
|
title(t) {
|
1777
1770
|
var e;
|
1778
|
-
t && (document.title = (((e =
|
1771
|
+
t && (document.title = (((e = et.value) == null ? void 0 : e.titlePrefix) || "") + t);
|
1779
1772
|
}
|
1780
1773
|
},
|
1781
1774
|
async mounted() {
|
@@ -1784,50 +1777,50 @@ const Jn = /* @__PURE__ */ T(Cn, [["render", Wn], ["__scopeId", "data-v-35becdd2
|
|
1784
1777
|
methods: {
|
1785
1778
|
flattenMenu(t) {
|
1786
1779
|
const e = [];
|
1787
|
-
return t.forEach((
|
1788
|
-
|
1780
|
+
return t.forEach((s) => {
|
1781
|
+
s.menu ? e.push(...this.flattenMenu(s.menu)) : e.push(s);
|
1789
1782
|
}), e;
|
1790
1783
|
},
|
1791
1784
|
async checkPageType() {
|
1792
|
-
var o,
|
1785
|
+
var o, n;
|
1793
1786
|
const t = this.flattenMenu(Ve.value);
|
1794
1787
|
t != null && t.length || this.$router.replace("/404");
|
1795
1788
|
const e = t == null ? void 0 : t.find((a) => {
|
1796
1789
|
var u, f;
|
1797
1790
|
return (a == null ? void 0 : a.path) == ((f = (u = this.$route) == null ? void 0 : u.params) == null ? void 0 : f.catchAll);
|
1798
1791
|
});
|
1799
|
-
this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((
|
1800
|
-
const
|
1801
|
-
this.table =
|
1792
|
+
this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((n = (o = this.$route) == null ? void 0 : o.params) == null ? void 0 : n.catchAll);
|
1793
|
+
const s = e == null ? void 0 : e.table;
|
1794
|
+
this.table = s || !1, this.search = (e == null ? void 0 : e.search) || "", !s && this.getInterface();
|
1802
1795
|
},
|
1803
1796
|
async getInterface() {
|
1804
1797
|
var t, e;
|
1805
1798
|
try {
|
1806
|
-
const { data:
|
1799
|
+
const { data: s } = await j.get(
|
1807
1800
|
`/api/template/interface/${((e = (t = this.$route) == null ? void 0 : t.params) == null ? void 0 : e.catchAll) || ""}`
|
1808
1801
|
);
|
1809
|
-
this.interface =
|
1802
|
+
this.interface = s || "";
|
1810
1803
|
} catch {
|
1811
1804
|
this.interface = "";
|
1812
1805
|
}
|
1813
1806
|
}
|
1814
1807
|
}
|
1815
|
-
},
|
1816
|
-
function
|
1808
|
+
}, Gn = ["innerHTML"];
|
1809
|
+
function Kn(t, e, s, o, n, a) {
|
1817
1810
|
const u = p("AdminTable");
|
1818
|
-
return
|
1811
|
+
return n.table ? (r(), k(u, {
|
1819
1812
|
key: 0,
|
1820
|
-
table:
|
1813
|
+
table: n.table,
|
1821
1814
|
title: t.title,
|
1822
|
-
search:
|
1815
|
+
search: n.search
|
1823
1816
|
}, null, 8, ["table", "title", "search"])) : (r(), i("div", {
|
1824
1817
|
key: 1,
|
1825
1818
|
class: "w-full bg-gray-50",
|
1826
1819
|
style: { height: "calc(100vh - 120px)" },
|
1827
|
-
innerHTML:
|
1828
|
-
}, null, 8,
|
1820
|
+
innerHTML: n.interface
|
1821
|
+
}, null, 8, Gn));
|
1829
1822
|
}
|
1830
|
-
const
|
1823
|
+
const Zn = /* @__PURE__ */ A(Jn, [["render", Kn]]);
|
1831
1824
|
export {
|
1832
|
-
|
1825
|
+
Zn as default
|
1833
1826
|
};
|