@opengis/admin 0.1.69 → 0.1.71
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/{IconChevronDown-D29D5cN_.js → IconChevronDown-C5bX-n6U.js} +1 -1
- package/dist/{add-page-w-DxgCiS.js → add-page-8jUr_Av6.js} +2 -2
- package/dist/{admin-interface-DA_PeVj7.js → admin-interface-Cmyvtr-X.js} +369 -358
- package/dist/{admin-view-DrOVwYHu.js → admin-view-B0lU5eIG.js} +2 -2
- package/dist/admin.js +1 -1
- package/dist/admin.umd.cjs +49 -49
- package/dist/{card-page-Pw97vvNR.js → card-page-DMlxnOVF.js} +1 -1
- package/dist/{card-view-eMucbOjz.js → card-view-F0hQEiNz.js} +1 -1
- package/dist/{edit-page-DqEf35J2.js → edit-page-BJSs9RJU.js} +51 -32
- package/dist/{import-file-z-nSvLVJ.js → import-file-DsHdUJ7C.js} +4066 -4016
- package/dist/style.css +1 -1
- package/module/settings/table/admin.access.table.json +6 -0
- package/module/settings/table/admin.custom_column.table.json +6 -1
- package/module/settings/table/admin.properties.table.json +6 -0
- package/module/settings/table/admin.roles.table.json +6 -0
- package/module/settings/table/admin.routes.table.json +1 -0
- package/module/settings/table/admin.user_properties.table.json +6 -0
- package/module/settings/table/admin.user_roles.table.json +6 -0
- package/module/settings/table/admin.users.table.json +3 -1
- package/package.json +2 -2
- package/plugin.js +1 -1
- package/server/plugins/adminHook.js +1 -1
- package/server/plugins/vite.js +1 -4
- package/server/routes/data/controllers/cardData.js +5 -5
- package/server/routes/data/controllers/tableDataId.js +3 -5
- package/server/routes/menu/controllers/getMenu.js +11 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _
|
|
2
|
-
import { openBlock as s, createElementBlock as a, createTextVNode as D, toDisplayString as
|
|
3
|
-
import { I as we } from "./IconChevronDown-
|
|
1
|
+
import { _, b as pe, a as T, c as be, d as fe, e as me, f as ge, I as xe, u as re } from "./import-file-DsHdUJ7C.js";
|
|
2
|
+
import { openBlock as s, createElementBlock as a, createTextVNode as D, toDisplayString as S, createCommentVNode as C, createStaticVNode as j, Fragment as $, createElementVNode as l, resolveComponent as d, createVNode as f, withCtx as w, createBlock as v, withModifiers as ye, renderList as I, normalizeClass as A, withDirectives as q, vModelCheckbox as _e, resolveDynamicComponent as ke, Transition as z, renderSlot as ve, vShow as se, normalizeStyle as le } from "vue";
|
|
3
|
+
import { I as we } from "./IconChevronDown-C5bX-n6U.js";
|
|
4
4
|
const Ce = {
|
|
5
5
|
data() {
|
|
6
6
|
return {
|
|
@@ -47,11 +47,11 @@ const Ce = {
|
|
|
47
47
|
},
|
|
48
48
|
handleClickSortBtn(t) {
|
|
49
49
|
this.$emit("change-active", this.data.name), this.currentSort = this.changeCurrentSort(t);
|
|
50
|
-
const e = this.$route.query, { sort:
|
|
50
|
+
const e = this.$route.query, { sort: n, ...i } = e, r = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
|
|
51
51
|
this.$router.replace({
|
|
52
52
|
query: {
|
|
53
53
|
...i,
|
|
54
|
-
...
|
|
54
|
+
...r && { sort: r }
|
|
55
55
|
}
|
|
56
56
|
});
|
|
57
57
|
},
|
|
@@ -83,23 +83,23 @@ const Ce = {
|
|
|
83
83
|
key: 1,
|
|
84
84
|
class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500"
|
|
85
85
|
};
|
|
86
|
-
function Ve(t, e,
|
|
86
|
+
function Ve(t, e, n, i, r, o) {
|
|
87
87
|
return s(), a("th", $e, [
|
|
88
88
|
o.getVisibleIcon ? (s(), a("button", {
|
|
89
89
|
key: 0,
|
|
90
90
|
type: "button",
|
|
91
91
|
class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500 flex items-center gap-[6px]",
|
|
92
|
-
onClick: e[0] || (e[0] = (u) => o.handleClickSortBtn(
|
|
92
|
+
onClick: e[0] || (e[0] = (u) => o.handleClickSortBtn(r.currentSort))
|
|
93
93
|
}, [
|
|
94
|
-
D(
|
|
94
|
+
D(S(o.label) + " ", 1),
|
|
95
95
|
(s(), a("svg", Se, [
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
r.currentSort === "asc" || r.currentSort === "" ? (s(), a("path", Ie)) : C("", !0),
|
|
97
|
+
r.currentSort === "desc" || r.currentSort === "" ? (s(), a("path", Ae)) : C("", !0)
|
|
98
98
|
]))
|
|
99
|
-
])) : (s(), a("p", Te,
|
|
99
|
+
])) : (s(), a("p", Te, S(o.label), 1))
|
|
100
100
|
]);
|
|
101
101
|
}
|
|
102
|
-
const De = /* @__PURE__ */
|
|
102
|
+
const De = /* @__PURE__ */ _(Ce, [["render", Ve]]), Fe = {}, Me = {
|
|
103
103
|
class: "flex-shrink-0 size-3.5",
|
|
104
104
|
xmlns: "http://www.w3.org/2000/svg",
|
|
105
105
|
viewBox: "0 0 24 24",
|
|
@@ -109,20 +109,20 @@ const De = /* @__PURE__ */ g(Ce, [["render", Ve]]), Fe = {}, Me = {
|
|
|
109
109
|
"stroke-linecap": "round",
|
|
110
110
|
"stroke-linejoin": "round"
|
|
111
111
|
};
|
|
112
|
-
function je(t, e,
|
|
112
|
+
function je(t, e, n, i, r, o) {
|
|
113
113
|
return s(), a("svg", Me, e[0] || (e[0] = [
|
|
114
114
|
j('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
|
|
115
115
|
]));
|
|
116
116
|
}
|
|
117
|
-
const qe = /* @__PURE__ */
|
|
117
|
+
const qe = /* @__PURE__ */ _(Fe, [["render", je]]), ze = {
|
|
118
118
|
props: {
|
|
119
119
|
height: { type: String, default: "16" },
|
|
120
120
|
width: { type: String, default: "12" },
|
|
121
121
|
color: { type: String, default: "black" }
|
|
122
122
|
}
|
|
123
123
|
}, Be = { style: { display: "none" } }, Pe = ["height", "width", "fill"];
|
|
124
|
-
function Le(t, e,
|
|
125
|
-
return s(), a(
|
|
124
|
+
function Le(t, e, n, i, r, o) {
|
|
125
|
+
return s(), a($, null, [
|
|
126
126
|
(s(), a("svg", Be, e[0] || (e[0] = [
|
|
127
127
|
l("symbol", {
|
|
128
128
|
id: "icon-pencil",
|
|
@@ -132,15 +132,15 @@ function Le(t, e, r, i, n, o) {
|
|
|
132
132
|
], -1)
|
|
133
133
|
]))),
|
|
134
134
|
(s(), a("svg", {
|
|
135
|
-
height:
|
|
136
|
-
width:
|
|
137
|
-
fill:
|
|
135
|
+
height: n.height,
|
|
136
|
+
width: n.width,
|
|
137
|
+
fill: n.color
|
|
138
138
|
}, e[1] || (e[1] = [
|
|
139
139
|
l("use", { "xlink:href": "#icon-pencil" }, null, -1)
|
|
140
140
|
]), 8, Pe))
|
|
141
141
|
], 64);
|
|
142
142
|
}
|
|
143
|
-
const Ue = /* @__PURE__ */
|
|
143
|
+
const Ue = /* @__PURE__ */ _(ze, [["render", Le]]), Oe = {
|
|
144
144
|
components: {
|
|
145
145
|
IconMore: pe,
|
|
146
146
|
IconDelete: qe,
|
|
@@ -203,50 +203,50 @@ const Ue = /* @__PURE__ */ g(ze, [["render", Le]]), Oe = {
|
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
|
-
}, Ee = { class: "hs-dropdown [--placement:bottom-right] inline-flex" },
|
|
206
|
+
}, Ee = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, He = { 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" }, Ne = { class: "flex flex-col items-start" }, We = {
|
|
207
207
|
key: 1,
|
|
208
208
|
class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
|
|
209
209
|
}, Re = { class: "p-4" }, Ge = { class: "flex justify-end mt-4 gap-x-3" };
|
|
210
|
-
function Ze(t, e,
|
|
211
|
-
const u = d("IconMore"), b = d("IconEdit"), p = d("router-link"),
|
|
212
|
-
return s(), a(
|
|
210
|
+
function Ze(t, e, n, i, r, o) {
|
|
211
|
+
const u = d("IconMore"), b = d("IconEdit"), p = d("router-link"), m = d("IconDelete"), k = d("VsPopover"), c = d("VsDialog");
|
|
212
|
+
return s(), a($, null, [
|
|
213
213
|
l("div", Ee, [
|
|
214
|
-
f(
|
|
214
|
+
f(k, {
|
|
215
215
|
trigger: "click",
|
|
216
216
|
placement: "bottom-left"
|
|
217
217
|
}, {
|
|
218
|
-
reference:
|
|
219
|
-
l("button",
|
|
218
|
+
reference: w(() => [
|
|
219
|
+
l("button", He, [
|
|
220
220
|
f(u, {
|
|
221
221
|
height: "16",
|
|
222
222
|
width: "16"
|
|
223
223
|
})
|
|
224
224
|
])
|
|
225
225
|
]),
|
|
226
|
-
default:
|
|
227
|
-
var x,
|
|
226
|
+
default: w(() => {
|
|
227
|
+
var x, h, y, V, F;
|
|
228
228
|
return [
|
|
229
|
-
l("div",
|
|
230
|
-
(x =
|
|
229
|
+
l("div", Ne, [
|
|
230
|
+
(x = n.actions) != null && x.includes("edit") && n.isForm ? (s(), v(p, {
|
|
231
231
|
key: 0,
|
|
232
|
-
to: `/edit?table=${(y = (
|
|
232
|
+
to: `/edit?table=${(y = (h = t.$route) == null ? void 0 : h.params) == null ? void 0 : y.catchAll}&id=${(V = n.item) == null ? void 0 : V.id}`,
|
|
233
233
|
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"
|
|
234
234
|
}, {
|
|
235
|
-
default:
|
|
235
|
+
default: w(() => [
|
|
236
236
|
f(b, { color: "#000" }),
|
|
237
237
|
e[4] || (e[4] = D(" Редагувати "))
|
|
238
238
|
]),
|
|
239
239
|
_: 1
|
|
240
|
-
}, 8, ["to"])) :
|
|
241
|
-
|
|
242
|
-
(F =
|
|
240
|
+
}, 8, ["to"])) : C("", !0),
|
|
241
|
+
n.isForm ? (s(), a("div", We)) : C("", !0),
|
|
242
|
+
(F = n.actions) != null && F.includes("del") ? (s(), a("button", {
|
|
243
243
|
key: 2,
|
|
244
244
|
onClick: e[0] || (e[0] = ye((...M) => o.openConfirm && o.openConfirm(...M), ["stop"])),
|
|
245
245
|
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"
|
|
246
246
|
}, [
|
|
247
|
-
f(
|
|
247
|
+
f(m),
|
|
248
248
|
e[5] || (e[5] = l("span", { class: "text-gray-800" }, "Видалити", -1))
|
|
249
|
-
])) :
|
|
249
|
+
])) : C("", !0)
|
|
250
250
|
])
|
|
251
251
|
];
|
|
252
252
|
}),
|
|
@@ -254,19 +254,19 @@ function Ze(t, e, r, i, n, o) {
|
|
|
254
254
|
})
|
|
255
255
|
]),
|
|
256
256
|
f(c, {
|
|
257
|
-
visible:
|
|
258
|
-
"onUpdate:visible": e[3] || (e[3] = (x) =>
|
|
257
|
+
visible: r.isDeleteConfirm,
|
|
258
|
+
"onUpdate:visible": e[3] || (e[3] = (x) => r.isDeleteConfirm = x),
|
|
259
259
|
size: "small",
|
|
260
260
|
title: "Ви впевнені?"
|
|
261
261
|
}, {
|
|
262
|
-
default:
|
|
262
|
+
default: w(() => [
|
|
263
263
|
l("div", Re, [
|
|
264
264
|
e[6] || (e[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
|
|
265
265
|
l("div", Ge, [
|
|
266
266
|
l("button", {
|
|
267
267
|
type: "button",
|
|
268
268
|
class: "inline-flex items-center px-3 py-2 text-sm font-medium text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm gap-x-2 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",
|
|
269
|
-
onClick: e[1] || (e[1] = (x) =>
|
|
269
|
+
onClick: e[1] || (e[1] = (x) => r.isDeleteConfirm = !1)
|
|
270
270
|
}, " Скасувати "),
|
|
271
271
|
l("button", {
|
|
272
272
|
type: "button",
|
|
@@ -280,7 +280,7 @@ function Ze(t, e, r, i, n, o) {
|
|
|
280
280
|
}, 8, ["visible"])
|
|
281
281
|
], 64);
|
|
282
282
|
}
|
|
283
|
-
const Je = /* @__PURE__ */
|
|
283
|
+
const Je = /* @__PURE__ */ _(Oe, [["render", Ze]]), Ke = {}, Qe = {
|
|
284
284
|
class: "flex-shrink-0 mt-0.5 size-3.5",
|
|
285
285
|
xmlns: "http://www.w3.org/2000/svg",
|
|
286
286
|
viewBox: "0 0 24 24",
|
|
@@ -290,7 +290,7 @@ const Je = /* @__PURE__ */ g(Oe, [["render", Ze]]), Ke = {}, Qe = {
|
|
|
290
290
|
"stroke-linecap": "round",
|
|
291
291
|
"stroke-linejoin": "round"
|
|
292
292
|
};
|
|
293
|
-
function Xe(t, e,
|
|
293
|
+
function Xe(t, e, n, i, r, o) {
|
|
294
294
|
return s(), a("svg", Qe, e[0] || (e[0] = [
|
|
295
295
|
l("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
|
296
296
|
l("path", { d: "M7 20V4" }, null, -1),
|
|
@@ -298,7 +298,7 @@ function Xe(t, e, r, i, n, o) {
|
|
|
298
298
|
l("path", { d: "M17 4v16" }, null, -1)
|
|
299
299
|
]));
|
|
300
300
|
}
|
|
301
|
-
const Ye = /* @__PURE__ */
|
|
301
|
+
const Ye = /* @__PURE__ */ _(Ke, [["render", Xe]]), et = {}, tt = {
|
|
302
302
|
xmlns: "http://www.w3.org/2000/svg",
|
|
303
303
|
width: "24",
|
|
304
304
|
height: "24",
|
|
@@ -310,7 +310,7 @@ const Ye = /* @__PURE__ */ g(Ke, [["render", Xe]]), et = {}, tt = {
|
|
|
310
310
|
"stroke-linejoin": "round",
|
|
311
311
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-rosette-discount-check"
|
|
312
312
|
};
|
|
313
|
-
function
|
|
313
|
+
function nt(t, e, n, i, r, o) {
|
|
314
314
|
return s(), a("svg", tt, e[0] || (e[0] = [
|
|
315
315
|
l("path", {
|
|
316
316
|
stroke: "none",
|
|
@@ -321,8 +321,8 @@ function rt(t, e, r, i, n, o) {
|
|
|
321
321
|
l("path", { d: "M9 12l2 2l4 -4" }, null, -1)
|
|
322
322
|
]));
|
|
323
323
|
}
|
|
324
|
-
const
|
|
325
|
-
components: { IconExport: Ye, IconChevronDown: we, IconSuccess:
|
|
324
|
+
const rt = /* @__PURE__ */ _(et, [["render", nt]]), lt = {
|
|
325
|
+
components: { IconExport: Ye, IconChevronDown: we, IconSuccess: rt },
|
|
326
326
|
props: {
|
|
327
327
|
table: String,
|
|
328
328
|
columns: Array,
|
|
@@ -386,13 +386,13 @@ const nt = /* @__PURE__ */ g(et, [["render", rt]]), lt = {
|
|
|
386
386
|
custom: this.filterCustom || null
|
|
387
387
|
},
|
|
388
388
|
responseType: "blob"
|
|
389
|
-
}),
|
|
389
|
+
}), n = new Blob([e.data], {
|
|
390
390
|
type: "application/octet-stream"
|
|
391
|
-
}), i = window.URL.createObjectURL(
|
|
392
|
-
|
|
391
|
+
}), i = window.URL.createObjectURL(n), r = document.createElement("a");
|
|
392
|
+
r.href = i, r.setAttribute(
|
|
393
393
|
"download",
|
|
394
394
|
`${this.table.split(".")[0]}.${this.format}`
|
|
395
|
-
), document.body.appendChild(
|
|
395
|
+
), document.body.appendChild(r), r.click(), document.body.removeChild(r), window.URL.revokeObjectURL(i), this.$notify({
|
|
396
396
|
type: "success",
|
|
397
397
|
title: "Експорт",
|
|
398
398
|
message: "Файл успішно експортовано!"
|
|
@@ -417,7 +417,7 @@ const nt = /* @__PURE__ */ g(et, [["render", rt]]), lt = {
|
|
|
417
417
|
},
|
|
418
418
|
choceVisible() {
|
|
419
419
|
var t, e;
|
|
420
|
-
this.cols = (e = (t = this.columns) == null ? void 0 : t.filter((
|
|
420
|
+
this.cols = (e = (t = this.columns) == null ? void 0 : t.filter((n) => (n == null ? void 0 : n.hidden) !== !0)) == null ? void 0 : e.map((n) => n == null ? void 0 : n.name), this.activeAction = "choceVisible";
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
423
|
}, st = {
|
|
@@ -436,11 +436,11 @@ const nt = /* @__PURE__ */ g(et, [["render", rt]]), lt = {
|
|
|
436
436
|
key: 1,
|
|
437
437
|
class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
|
|
438
438
|
};
|
|
439
|
-
function yt(t, e,
|
|
440
|
-
const u = d("IconExport"), b = d("IconChevronDown"), p = d("IconSuccess"),
|
|
441
|
-
return s(), a(
|
|
439
|
+
function yt(t, e, n, i, r, o) {
|
|
440
|
+
const u = d("IconExport"), b = d("IconChevronDown"), p = d("IconSuccess"), m = d("VsCheckbox"), k = d("VsDialog");
|
|
441
|
+
return s(), a($, null, [
|
|
442
442
|
l("button", {
|
|
443
|
-
onClick: e[0] || (e[0] = (c) =>
|
|
443
|
+
onClick: e[0] || (e[0] = (c) => r.isOpen = !0),
|
|
444
444
|
class: "py-2 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"
|
|
445
445
|
}, [
|
|
446
446
|
f(u, {
|
|
@@ -453,30 +453,30 @@ function yt(t, e, r, i, n, o) {
|
|
|
453
453
|
width: "16"
|
|
454
454
|
})
|
|
455
455
|
]),
|
|
456
|
-
f(
|
|
457
|
-
visible:
|
|
458
|
-
"onUpdate:visible": e[6] || (e[6] = (c) =>
|
|
456
|
+
f(k, {
|
|
457
|
+
visible: r.isOpen,
|
|
458
|
+
"onUpdate:visible": e[6] || (e[6] = (c) => r.isOpen = c),
|
|
459
459
|
title: "Експорт таблиці",
|
|
460
460
|
size: "small",
|
|
461
461
|
closeClickBack: !0
|
|
462
462
|
}, {
|
|
463
|
-
footer:
|
|
464
|
-
|
|
463
|
+
footer: w(() => [
|
|
464
|
+
r.isSuccessTemplate ? (s(), a("div", gt, [
|
|
465
465
|
l("button", {
|
|
466
466
|
type: "button",
|
|
467
467
|
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",
|
|
468
|
-
onClick: e[2] || (e[2] = (c) =>
|
|
468
|
+
onClick: e[2] || (e[2] = (c) => r.isOpen = !1)
|
|
469
469
|
}, " Закрити "),
|
|
470
470
|
l("button", {
|
|
471
471
|
type: "button",
|
|
472
472
|
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",
|
|
473
|
-
onClick: e[3] || (e[3] = (c) =>
|
|
473
|
+
onClick: e[3] || (e[3] = (c) => r.isSuccessTemplate = !1)
|
|
474
474
|
}, " Вигрузити ще ")
|
|
475
475
|
])) : (s(), a("div", xt, [
|
|
476
476
|
l("button", {
|
|
477
477
|
type: "button",
|
|
478
478
|
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",
|
|
479
|
-
onClick: e[4] || (e[4] = (c) =>
|
|
479
|
+
onClick: e[4] || (e[4] = (c) => r.isOpen = !1)
|
|
480
480
|
}, " Скасувати "),
|
|
481
481
|
l("button", {
|
|
482
482
|
type: "button",
|
|
@@ -485,8 +485,8 @@ function yt(t, e, r, i, n, o) {
|
|
|
485
485
|
}, " Завантажити таблицю ")
|
|
486
486
|
]))
|
|
487
487
|
]),
|
|
488
|
-
default:
|
|
489
|
-
|
|
488
|
+
default: w(() => [
|
|
489
|
+
r.isSuccessTemplate ? (s(), a("div", st, [
|
|
490
490
|
f(p, {
|
|
491
491
|
height: "100",
|
|
492
492
|
width: "100",
|
|
@@ -498,30 +498,30 @@ function yt(t, e, r, i, n, o) {
|
|
|
498
498
|
l("div", it, [
|
|
499
499
|
e[9] || (e[9] = l("h2", { class: "text-sm text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
|
|
500
500
|
l("div", ct, [
|
|
501
|
-
(s(!0), a(
|
|
501
|
+
(s(!0), a($, null, I(r.actions, (c) => (s(), a("button", {
|
|
502
502
|
key: c == null ? void 0 : c.name,
|
|
503
503
|
onClick: c == null ? void 0 : c.function,
|
|
504
504
|
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"
|
|
505
505
|
}, [
|
|
506
506
|
l("span", {
|
|
507
|
-
class: A(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (c == null ? void 0 : c.name) ===
|
|
507
|
+
class: A(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (c == null ? void 0 : c.name) === r.activeAction }])
|
|
508
508
|
}, [
|
|
509
|
-
(c == null ? void 0 : c.name) ===
|
|
509
|
+
(c == null ? void 0 : c.name) === r.activeAction ? (s(), a("span", dt)) : C("", !0)
|
|
510
510
|
], 2),
|
|
511
|
-
D(" " +
|
|
511
|
+
D(" " + S(c == null ? void 0 : c.label), 1)
|
|
512
512
|
], 8, ut))), 128))
|
|
513
513
|
])
|
|
514
514
|
]),
|
|
515
515
|
l("div", ht, [
|
|
516
|
-
(s(!0), a(
|
|
516
|
+
(s(!0), a($, null, I(n.columns, (c, x) => (s(), a("div", {
|
|
517
517
|
class: "flex items-center",
|
|
518
518
|
key: x,
|
|
519
519
|
style: { width: "calc((100% - 10px) / 2)" }
|
|
520
520
|
}, [
|
|
521
|
-
f(
|
|
521
|
+
f(m, {
|
|
522
522
|
class: "[&>label]:text-sm [&>label]:text-gray-800 [&>label]:ms-3 !gap-x-[1px] !p-0",
|
|
523
|
-
modelValue:
|
|
524
|
-
"onUpdate:modelValue": e[1] || (e[1] = (
|
|
523
|
+
modelValue: r.cols,
|
|
524
|
+
"onUpdate:modelValue": e[1] || (e[1] = (h) => r.cols = h),
|
|
525
525
|
value: c == null ? void 0 : c.name,
|
|
526
526
|
label: c == null ? void 0 : c.ua
|
|
527
527
|
}, null, 8, ["modelValue", "value", "label"])
|
|
@@ -531,7 +531,7 @@ function yt(t, e, r, i, n, o) {
|
|
|
531
531
|
l("div", pt, [
|
|
532
532
|
e[10] || (e[10] = l("h2", { class: "text-sm text-gray-500" }, "Виберіть формат таблиці:", -1)),
|
|
533
533
|
l("div", bt, [
|
|
534
|
-
(s(!0), a(
|
|
534
|
+
(s(!0), a($, null, I(r.tableFormats, (c, x) => (s(), a("div", {
|
|
535
535
|
class: "flex items-center",
|
|
536
536
|
key: x
|
|
537
537
|
}, [
|
|
@@ -540,12 +540,12 @@ function yt(t, e, r, i, n, o) {
|
|
|
540
540
|
name: "hs-pro-duecmfm",
|
|
541
541
|
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",
|
|
542
542
|
id: c,
|
|
543
|
-
onChange: (
|
|
543
|
+
onChange: (h) => o.selectFormat(c)
|
|
544
544
|
}, null, 40, ft),
|
|
545
545
|
l("label", {
|
|
546
546
|
for: c,
|
|
547
547
|
class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
|
|
548
|
-
}, " Формат " +
|
|
548
|
+
}, " Формат " + S(c), 9, mt)
|
|
549
549
|
]))), 128))
|
|
550
550
|
])
|
|
551
551
|
])
|
|
@@ -555,7 +555,7 @@ function yt(t, e, r, i, n, o) {
|
|
|
555
555
|
}, 8, ["visible"])
|
|
556
556
|
], 64);
|
|
557
557
|
}
|
|
558
|
-
const _t = /* @__PURE__ */
|
|
558
|
+
const _t = /* @__PURE__ */ _(lt, [["render", yt]]), kt = {}, vt = {
|
|
559
559
|
xmlns: "http://www.w3.org/2000/svg",
|
|
560
560
|
viewBox: "0 0 24 24",
|
|
561
561
|
fill: "none",
|
|
@@ -565,12 +565,12 @@ const _t = /* @__PURE__ */ g(lt, [["render", yt]]), kt = {}, vt = {
|
|
|
565
565
|
"stroke-linejoin": "round",
|
|
566
566
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
|
|
567
567
|
};
|
|
568
|
-
function wt(t, e,
|
|
568
|
+
function wt(t, e, n, i, r, o) {
|
|
569
569
|
return s(), a("svg", vt, e[0] || (e[0] = [
|
|
570
570
|
j('<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)
|
|
571
571
|
]));
|
|
572
572
|
}
|
|
573
|
-
const Ct = /* @__PURE__ */
|
|
573
|
+
const Ct = /* @__PURE__ */ _(kt, [["render", wt]]), $t = {
|
|
574
574
|
props: { column: Object },
|
|
575
575
|
emits: ["update-column"],
|
|
576
576
|
data() {
|
|
@@ -588,36 +588,36 @@ const Ct = /* @__PURE__ */ g(kt, [["render", wt]]), $t = {
|
|
|
588
588
|
((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
|
|
589
589
|
}
|
|
590
590
|
}, St = { class: "flex w-full gap-[8px] items-centr" };
|
|
591
|
-
function It(t, e,
|
|
591
|
+
function It(t, e, n, i, r, o) {
|
|
592
592
|
var u, b;
|
|
593
593
|
return s(), a("label", St, [
|
|
594
594
|
q(l("input", {
|
|
595
|
-
"onUpdate:modelValue": e[0] || (e[0] = (p) =>
|
|
595
|
+
"onUpdate:modelValue": e[0] || (e[0] = (p) => r.value = p),
|
|
596
596
|
type: "checkbox"
|
|
597
597
|
}, null, 512), [
|
|
598
|
-
[_e,
|
|
598
|
+
[_e, r.value]
|
|
599
599
|
]),
|
|
600
|
-
D(" " +
|
|
600
|
+
D(" " + S(((u = n.column) == null ? void 0 : u.ua) || ((b = n.column) == null ? void 0 : b.title)), 1)
|
|
601
601
|
]);
|
|
602
602
|
}
|
|
603
|
-
const At = /* @__PURE__ */
|
|
603
|
+
const At = /* @__PURE__ */ _($t, [["render", It]]), Tt = {
|
|
604
604
|
components: { IconColumns: Ct, AdminTableColumnsHiddenItem: At },
|
|
605
605
|
emits: ["update-columns"],
|
|
606
606
|
props: { columns: Array },
|
|
607
607
|
methods: {
|
|
608
608
|
updateColumn(t) {
|
|
609
|
-
const e = this.columns.findIndex((i) => (i == null ? void 0 : i.name) === (t == null ? void 0 : t.name)),
|
|
610
|
-
|
|
609
|
+
const e = this.columns.findIndex((i) => (i == null ? void 0 : i.name) === (t == null ? void 0 : t.name)), n = this.columns;
|
|
610
|
+
n[e] = t, this.$emit("update-columns", [...n]);
|
|
611
611
|
}
|
|
612
612
|
}
|
|
613
613
|
}, Vt = { class: "py-2 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" }, Dt = { class: "py-[10px] px-[10px] w-[260px]" }, Ft = { class: "flex flex-col gap-[3px] max-h-[400px] w-full 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" };
|
|
614
|
-
function Mt(t, e,
|
|
614
|
+
function Mt(t, e, n, i, r, o) {
|
|
615
615
|
const u = d("IconColumns"), b = d("AdminTableColumnsHiddenItem"), p = d("VsPopover");
|
|
616
|
-
return s(),
|
|
616
|
+
return s(), v(p, {
|
|
617
617
|
trigger: "click",
|
|
618
618
|
placement: "bottom"
|
|
619
619
|
}, {
|
|
620
|
-
reference:
|
|
620
|
+
reference: w(() => [
|
|
621
621
|
l("button", Vt, [
|
|
622
622
|
f(u, {
|
|
623
623
|
height: "20",
|
|
@@ -625,13 +625,13 @@ function Mt(t, e, r, i, n, o) {
|
|
|
625
625
|
})
|
|
626
626
|
])
|
|
627
627
|
]),
|
|
628
|
-
default:
|
|
628
|
+
default: w(() => [
|
|
629
629
|
l("div", Dt, [
|
|
630
630
|
e[0] || (e[0] = l("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
|
|
631
631
|
l("ul", Ft, [
|
|
632
|
-
(s(!0), a(
|
|
632
|
+
(s(!0), a($, null, I(n.columns, (m, k) => (s(), a("li", { key: k }, [
|
|
633
633
|
f(b, {
|
|
634
|
-
column:
|
|
634
|
+
column: m,
|
|
635
635
|
onUpdateColumn: o.updateColumn
|
|
636
636
|
}, null, 8, ["column", "onUpdateColumn"])
|
|
637
637
|
]))), 128))
|
|
@@ -641,13 +641,13 @@ function Mt(t, e, r, i, n, o) {
|
|
|
641
641
|
_: 1
|
|
642
642
|
});
|
|
643
643
|
}
|
|
644
|
-
const jt = /* @__PURE__ */
|
|
644
|
+
const jt = /* @__PURE__ */ _(Tt, [["render", Mt]]), qt = {}, zt = {
|
|
645
645
|
class: "hidden sm:block shrink-0 size-3",
|
|
646
646
|
xmlns: "http://www.w3.org/2000/svg",
|
|
647
647
|
fill: "currentColor",
|
|
648
648
|
viewBox: "0 0 16 16"
|
|
649
649
|
};
|
|
650
|
-
function Bt(t, e,
|
|
650
|
+
function Bt(t, e, n, i, r, o) {
|
|
651
651
|
return s(), a("svg", zt, e[0] || (e[0] = [
|
|
652
652
|
l("path", {
|
|
653
653
|
"fill-rule": "evenodd",
|
|
@@ -656,30 +656,30 @@ function Bt(t, e, r, i, n, o) {
|
|
|
656
656
|
}, null, -1)
|
|
657
657
|
]));
|
|
658
658
|
}
|
|
659
|
-
const oe = /* @__PURE__ */
|
|
660
|
-
function Ut(t, e,
|
|
659
|
+
const oe = /* @__PURE__ */ _(qt, [["render", Bt]]), Pt = {}, Lt = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
|
|
660
|
+
function Ut(t, e, n, i, r, o) {
|
|
661
661
|
return s(), a("div", Lt, e[0] || (e[0] = [
|
|
662
662
|
j('<div><div class="p-5 min-h-[500px] flex flex-col justify-center items-center text-center"><svg class="w-48 mx-auto" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs></svg><div class="max-w-sm mx-auto mt-6"><p class="font-medium text-gray-800 dark:text-neutral-200"> Дані для відображення відсутні </p><p class="mt-2 text-sm text-gray-500 dark:text-neutral-500"> Змініть параметри пошуку або спробуйте пізніше </p></div></div></div>', 1)
|
|
663
663
|
]));
|
|
664
664
|
}
|
|
665
|
-
const Ot = /* @__PURE__ */
|
|
665
|
+
const Ot = /* @__PURE__ */ _(Pt, [["render", Ut]]), Et = {
|
|
666
666
|
props: { row: Object, column: Object, table: String }
|
|
667
667
|
};
|
|
668
|
-
function
|
|
669
|
-
var u, b, p,
|
|
670
|
-
return s(),
|
|
671
|
-
((u =
|
|
668
|
+
function Ht(t, e, n, i, r, o) {
|
|
669
|
+
var u, b, p, m, k, c, x, h;
|
|
670
|
+
return s(), v(ke(
|
|
671
|
+
((u = n.column) == null ? void 0 : u.format) === "custom" ? (b = n.column) == null ? void 0 : b.component : `table-format-${((m = (p = n.column) == null ? void 0 : p.format) == null ? void 0 : m.toLowerCase()) || "text"}`
|
|
672
672
|
), {
|
|
673
673
|
onUpdateTable: e[0] || (e[0] = (y) => t.$emit("update-table")),
|
|
674
|
-
name: (
|
|
675
|
-
data:
|
|
676
|
-
value: (x =
|
|
677
|
-
table:
|
|
678
|
-
column:
|
|
679
|
-
edit: (
|
|
674
|
+
name: (k = n.column) == null ? void 0 : k.name,
|
|
675
|
+
data: n.row,
|
|
676
|
+
value: (x = n.row) == null ? void 0 : x[(c = n.column) == null ? void 0 : c.name],
|
|
677
|
+
table: n.table,
|
|
678
|
+
column: n.column,
|
|
679
|
+
edit: (h = n.column) == null ? void 0 : h.edit
|
|
680
680
|
}, null, 40, ["name", "data", "value", "table", "column", "edit"]);
|
|
681
681
|
}
|
|
682
|
-
const ae = /* @__PURE__ */
|
|
682
|
+
const ae = /* @__PURE__ */ _(Et, [["render", Ht]]), Nt = {}, Wt = {
|
|
683
683
|
xmlns: "http://www.w3.org/2000/svg",
|
|
684
684
|
viewBox: "0 0 24 24",
|
|
685
685
|
fill: "none",
|
|
@@ -689,7 +689,7 @@ const ae = /* @__PURE__ */ g(Et, [["render", Nt]]), Ht = {}, Wt = {
|
|
|
689
689
|
"stroke-linejoin": "round",
|
|
690
690
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-minus"
|
|
691
691
|
};
|
|
692
|
-
function Rt(t, e,
|
|
692
|
+
function Rt(t, e, n, i, r, o) {
|
|
693
693
|
return s(), a("svg", Wt, e[0] || (e[0] = [
|
|
694
694
|
l("path", {
|
|
695
695
|
stroke: "none",
|
|
@@ -699,41 +699,41 @@ function Rt(t, e, r, i, n, o) {
|
|
|
699
699
|
l("path", { d: "M5 12l14 0" }, null, -1)
|
|
700
700
|
]));
|
|
701
701
|
}
|
|
702
|
-
const Gt = /* @__PURE__ */
|
|
702
|
+
const Gt = /* @__PURE__ */ _(Nt, [["render", Rt]]), Zt = {
|
|
703
703
|
components: { IconPlus: oe, IconMinus: Gt },
|
|
704
704
|
props: { title: String },
|
|
705
705
|
data() {
|
|
706
706
|
return { expanded: !1 };
|
|
707
707
|
}
|
|
708
708
|
}, Jt = { class: "hs-accordion" }, Kt = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, Qt = { class: "text-sm font-medium" }, Xt = { class: "w-full duration-150 before:block before:absolute relative inline-block b cursor-pointer" };
|
|
709
|
-
function Yt(t, e,
|
|
709
|
+
function Yt(t, e, n, i, r, o) {
|
|
710
710
|
const u = d("IconPlus"), b = d("IconMinus");
|
|
711
711
|
return s(), a("div", null, [
|
|
712
712
|
l("div", null, [
|
|
713
713
|
l("div", Jt, [
|
|
714
714
|
l("div", Kt, [
|
|
715
715
|
l("div", {
|
|
716
|
-
onClick: e[0] || (e[0] = (p) =>
|
|
716
|
+
onClick: e[0] || (e[0] = (p) => r.expanded = !r.expanded),
|
|
717
717
|
class: "grow rounded-md cursor-pointer"
|
|
718
718
|
}, [
|
|
719
|
-
l("span", Qt,
|
|
719
|
+
l("span", Qt, S(n.title), 1)
|
|
720
720
|
]),
|
|
721
721
|
l("button", {
|
|
722
722
|
class: "size-6 flex justify-center items-center hover:bg-gray-100 rounded-md",
|
|
723
|
-
onClick: e[1] || (e[1] = (p) =>
|
|
723
|
+
onClick: e[1] || (e[1] = (p) => r.expanded = !r.expanded)
|
|
724
724
|
}, [
|
|
725
|
-
|
|
725
|
+
r.expanded ? (s(), v(b, {
|
|
726
726
|
key: 1,
|
|
727
727
|
width: "14"
|
|
728
|
-
})) : (s(),
|
|
728
|
+
})) : (s(), v(u, { key: 0 }))
|
|
729
729
|
])
|
|
730
730
|
]),
|
|
731
731
|
f(z, { name: "fade" }, {
|
|
732
|
-
default:
|
|
732
|
+
default: w(() => [
|
|
733
733
|
q(l("div", Xt, [
|
|
734
734
|
ve(t.$slots, "default", {}, void 0, !0)
|
|
735
735
|
], 512), [
|
|
736
|
-
[se,
|
|
736
|
+
[se, r.expanded]
|
|
737
737
|
])
|
|
738
738
|
]),
|
|
739
739
|
_: 3
|
|
@@ -742,67 +742,67 @@ function Yt(t, e, r, i, n, o) {
|
|
|
742
742
|
])
|
|
743
743
|
]);
|
|
744
744
|
}
|
|
745
|
-
const
|
|
745
|
+
const en = /* @__PURE__ */ _(Zt, [["render", Yt], ["__scopeId", "data-v-4139bc00"]]), tn = {
|
|
746
746
|
components: {
|
|
747
747
|
AdminComponentIs: ae,
|
|
748
|
-
AdminTree:
|
|
748
|
+
AdminTree: en,
|
|
749
749
|
VsNoData: be,
|
|
750
750
|
VsWidgetComments: fe,
|
|
751
751
|
VsWidgetMap: me,
|
|
752
752
|
VsWidgetFileList: ge
|
|
753
753
|
},
|
|
754
754
|
props: { table: String, columns: Array, row: Object }
|
|
755
|
-
},
|
|
755
|
+
}, nn = {
|
|
756
756
|
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",
|
|
757
757
|
style: { height: "calc(100vh - 310px)" }
|
|
758
|
-
},
|
|
758
|
+
}, rn = {
|
|
759
759
|
class: "border-l",
|
|
760
760
|
style: { height: "calc(100vh - 360px)" }
|
|
761
|
-
},
|
|
762
|
-
function
|
|
763
|
-
var x,
|
|
764
|
-
const u = d("AdminComponentIs"), b = d("AdminTree"), p = d("VsWidgetMap"),
|
|
765
|
-
return s(), a("div",
|
|
761
|
+
}, ln = { class: "flex items-center justify-between py-1 gap-x-4" }, sn = { class: "col-span-1" }, on = { class: "inline-flex items-center gap-x-2 text-[13px] text-gray-500 dark:text-neutral-500" }, an = { class: "col-span-2" }, cn = { class: "font-medium text-[13px] text-gray-800 dark:text-neutral-200" }, un = { class: "table-info-card" }, dn = { class: "table-info-card" };
|
|
762
|
+
function hn(t, e, n, i, r, o) {
|
|
763
|
+
var x, h;
|
|
764
|
+
const u = d("AdminComponentIs"), b = d("AdminTree"), p = d("VsWidgetMap"), m = d("VsNoData"), k = d("VsWidgetComments"), c = d("VsWidgetFileList");
|
|
765
|
+
return s(), a("div", nn, [
|
|
766
766
|
e[0] || (e[0] = l("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
|
|
767
767
|
l("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
|
|
768
768
|
], -1)),
|
|
769
|
-
l("div",
|
|
770
|
-
(
|
|
771
|
-
|
|
769
|
+
l("div", rn, [
|
|
770
|
+
(h = (x = t.$route) == null ? void 0 : x.query) != null && h.card ? (s(), a($, { key: 0 }, [
|
|
771
|
+
n.row ? (s(), v(b, {
|
|
772
772
|
key: 0,
|
|
773
773
|
title: "Основна інформація",
|
|
774
774
|
class: "border-b p-[10px] py-[16px]"
|
|
775
775
|
}, {
|
|
776
|
-
default:
|
|
777
|
-
(s(!0), a(
|
|
778
|
-
l("dt",
|
|
779
|
-
l("p",
|
|
776
|
+
default: w(() => [
|
|
777
|
+
(s(!0), a($, null, I(n.columns, (y) => (s(), a("dl", ln, [
|
|
778
|
+
l("dt", sn, [
|
|
779
|
+
l("p", on, S((y == null ? void 0 : y.ua) || (y == null ? void 0 : y.title)) + ": ", 1)
|
|
780
780
|
]),
|
|
781
|
-
l("dd",
|
|
782
|
-
l("p",
|
|
781
|
+
l("dd", an, [
|
|
782
|
+
l("p", cn, [
|
|
783
783
|
f(u, {
|
|
784
|
-
row:
|
|
784
|
+
row: n.row,
|
|
785
785
|
column: y,
|
|
786
|
-
table:
|
|
786
|
+
table: n.table
|
|
787
787
|
}, null, 8, ["row", "column", "table"])
|
|
788
788
|
])
|
|
789
789
|
])
|
|
790
790
|
]))), 256))
|
|
791
791
|
]),
|
|
792
792
|
_: 1
|
|
793
|
-
})) :
|
|
793
|
+
})) : C("", !0),
|
|
794
794
|
f(b, {
|
|
795
795
|
title: "Карта",
|
|
796
796
|
class: "border-b p-[10px] py-[16px]"
|
|
797
797
|
}, {
|
|
798
|
-
default:
|
|
798
|
+
default: w(() => {
|
|
799
799
|
var y, V;
|
|
800
800
|
return [
|
|
801
|
-
(y =
|
|
801
|
+
(y = n.row) != null && y.geom ? (s(), v(p, {
|
|
802
802
|
key: 0,
|
|
803
|
-
geometry: (V =
|
|
803
|
+
geometry: (V = n.row) == null ? void 0 : V.geom,
|
|
804
804
|
zoom: 14
|
|
805
|
-
}, null, 8, ["geometry"])) : (s(),
|
|
805
|
+
}, null, 8, ["geometry"])) : (s(), v(m, {
|
|
806
806
|
key: 1,
|
|
807
807
|
title: "У об'єкта відсутня геометрія",
|
|
808
808
|
text: "",
|
|
@@ -816,12 +816,12 @@ function dr(t, e, r, i, n, o) {
|
|
|
816
816
|
title: "Коментарі",
|
|
817
817
|
class: "border-b p-[10px] py-[16px]"
|
|
818
818
|
}, {
|
|
819
|
-
default:
|
|
819
|
+
default: w(() => {
|
|
820
820
|
var y;
|
|
821
821
|
return [
|
|
822
|
-
l("div",
|
|
823
|
-
f(
|
|
824
|
-
id: (y =
|
|
822
|
+
l("div", un, [
|
|
823
|
+
f(k, {
|
|
824
|
+
id: (y = n.row) == null ? void 0 : y.id
|
|
825
825
|
}, null, 8, ["id"])
|
|
826
826
|
])
|
|
827
827
|
];
|
|
@@ -832,26 +832,26 @@ function dr(t, e, r, i, n, o) {
|
|
|
832
832
|
title: "Файли",
|
|
833
833
|
class: "border-b p-[10px] py-[16px]"
|
|
834
834
|
}, {
|
|
835
|
-
default:
|
|
835
|
+
default: w(() => {
|
|
836
836
|
var y;
|
|
837
837
|
return [
|
|
838
|
-
l("div",
|
|
838
|
+
l("div", dn, [
|
|
839
839
|
f(c, {
|
|
840
|
-
id: (y =
|
|
840
|
+
id: (y = n.row) == null ? void 0 : y.id
|
|
841
841
|
}, null, 8, ["id"])
|
|
842
842
|
])
|
|
843
843
|
];
|
|
844
844
|
}),
|
|
845
845
|
_: 1
|
|
846
846
|
})
|
|
847
|
-
], 64)) : (s(),
|
|
847
|
+
], 64)) : (s(), v(m, {
|
|
848
848
|
key: 1,
|
|
849
849
|
text: "Оберіть один з об'єктів в таблиці для відображення інформаціі про нього"
|
|
850
850
|
}))
|
|
851
851
|
])
|
|
852
852
|
]);
|
|
853
853
|
}
|
|
854
|
-
const
|
|
854
|
+
const pn = /* @__PURE__ */ _(tn, [["render", hn]]), bn = {}, fn = {
|
|
855
855
|
class: "hidden xl:block shrink-0 size-4",
|
|
856
856
|
xmlns: "http://www.w3.org/2000/svg",
|
|
857
857
|
viewBox: "0 0 24 24",
|
|
@@ -861,8 +861,8 @@ const hr = /* @__PURE__ */ g(tr, [["render", dr]]), pr = {}, br = {
|
|
|
861
861
|
"stroke-linecap": "round",
|
|
862
862
|
"stroke-linejoin": "round"
|
|
863
863
|
};
|
|
864
|
-
function
|
|
865
|
-
return s(), a("svg",
|
|
864
|
+
function mn(t, e, n, i, r, o) {
|
|
865
|
+
return s(), a("svg", fn, e[0] || (e[0] = [
|
|
866
866
|
l("rect", {
|
|
867
867
|
width: "18",
|
|
868
868
|
height: "18",
|
|
@@ -874,7 +874,7 @@ function fr(t, e, r, i, n, o) {
|
|
|
874
874
|
l("path", { d: "m8 9 3 3-3 3" }, null, -1)
|
|
875
875
|
]));
|
|
876
876
|
}
|
|
877
|
-
const
|
|
877
|
+
const gn = /* @__PURE__ */ _(bn, [["render", mn]]), xn = {}, yn = {
|
|
878
878
|
class: "h21yx vs0hq",
|
|
879
879
|
xmlns: "http://www.w3.org/2000/svg",
|
|
880
880
|
width: "24",
|
|
@@ -886,15 +886,15 @@ const mr = /* @__PURE__ */ g(pr, [["render", fr]]), gr = {}, xr = {
|
|
|
886
886
|
"stroke-linecap": "round",
|
|
887
887
|
"stroke-linejoin": "round"
|
|
888
888
|
};
|
|
889
|
-
function
|
|
890
|
-
return s(), a("svg",
|
|
889
|
+
function _n(t, e, n, i, r, o) {
|
|
890
|
+
return s(), a("svg", yn, e[0] || (e[0] = [
|
|
891
891
|
j('<line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line>', 9)
|
|
892
892
|
]));
|
|
893
893
|
}
|
|
894
|
-
const
|
|
894
|
+
const kn = /* @__PURE__ */ _(xn, [["render", _n]]), vn = {
|
|
895
895
|
emits: ["filterChange"],
|
|
896
896
|
props: { scheme: { type: Object }, onFilters: { type: Number } },
|
|
897
|
-
components: { IconFilter:
|
|
897
|
+
components: { IconFilter: kn },
|
|
898
898
|
data() {
|
|
899
899
|
return {
|
|
900
900
|
isFilters: !1
|
|
@@ -905,15 +905,15 @@ const _r = /* @__PURE__ */ g(gr, [["render", yr]]), kr = {
|
|
|
905
905
|
this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
|
|
906
906
|
}
|
|
907
907
|
}
|
|
908
|
-
},
|
|
908
|
+
}, wn = {
|
|
909
909
|
key: 0,
|
|
910
910
|
class: "font-medium text-[10px] py-0.5 px-[5px] bg-gray-800 text-white leading-3 rounded-full dark:bg-neutral-500"
|
|
911
|
-
},
|
|
912
|
-
function
|
|
911
|
+
}, Cn = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px] overflow-x-auto bg-white [&::-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" };
|
|
912
|
+
function $n(t, e, n, i, r, o) {
|
|
913
913
|
const u = d("IconFilter"), b = d("VsFilter");
|
|
914
|
-
return s(), a(
|
|
914
|
+
return s(), a($, null, [
|
|
915
915
|
l("button", {
|
|
916
|
-
onClick: e[0] || (e[0] = (p) =>
|
|
916
|
+
onClick: e[0] || (e[0] = (p) => r.isFilters = !r.isFilters),
|
|
917
917
|
class: "py-2 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"
|
|
918
918
|
}, [
|
|
919
919
|
f(u, {
|
|
@@ -921,33 +921,33 @@ function Cr(t, e, r, i, n, o) {
|
|
|
921
921
|
width: "16"
|
|
922
922
|
}),
|
|
923
923
|
e[4] || (e[4] = D(" Фільтри ")),
|
|
924
|
-
|
|
924
|
+
n.onFilters ? (s(), a("span", wn, S(n.onFilters), 1)) : C("", !0)
|
|
925
925
|
]),
|
|
926
926
|
f(z, { name: "fade" }, {
|
|
927
|
-
default:
|
|
927
|
+
default: w(() => {
|
|
928
928
|
var p;
|
|
929
929
|
return [
|
|
930
930
|
q(l("div", {
|
|
931
|
-
onClick: e[3] || (e[3] = (...
|
|
931
|
+
onClick: e[3] || (e[3] = (...m) => o.closeFilter && o.closeFilter(...m)),
|
|
932
932
|
style: { height: "100vh" },
|
|
933
933
|
class: "fixed filter-container top-0 flex justify-end items-center z-[2] right-0 left-0 bottom-0 bg-[rgba(0,0,0,0.5)]"
|
|
934
934
|
}, [
|
|
935
|
-
l("div",
|
|
936
|
-
(p =
|
|
935
|
+
l("div", Cn, [
|
|
936
|
+
(p = n.scheme) != null && p.length ? (s(), v(b, {
|
|
937
937
|
key: 0,
|
|
938
938
|
ref: "filter",
|
|
939
|
-
scheme:
|
|
939
|
+
scheme: n.scheme,
|
|
940
940
|
layout: "default",
|
|
941
941
|
"apply-vue-router": "",
|
|
942
942
|
history: "",
|
|
943
943
|
name: "filter",
|
|
944
|
-
onFilterChange: e[1] || (e[1] = (
|
|
944
|
+
onFilterChange: e[1] || (e[1] = (m) => t.$emit("filterChange", m)),
|
|
945
945
|
closeFilterBtn: !0,
|
|
946
|
-
onFilterClose: e[2] || (e[2] = (
|
|
947
|
-
}, null, 8, ["scheme"])) :
|
|
946
|
+
onFilterClose: e[2] || (e[2] = (m) => r.isFilters = !1)
|
|
947
|
+
}, null, 8, ["scheme"])) : C("", !0)
|
|
948
948
|
])
|
|
949
949
|
], 512), [
|
|
950
|
-
[se,
|
|
950
|
+
[se, r.isFilters]
|
|
951
951
|
])
|
|
952
952
|
];
|
|
953
953
|
}),
|
|
@@ -955,25 +955,25 @@ function Cr(t, e, r, i, n, o) {
|
|
|
955
955
|
})
|
|
956
956
|
], 64);
|
|
957
957
|
}
|
|
958
|
-
const
|
|
958
|
+
const Sn = /* @__PURE__ */ _(vn, [["render", $n]]), In = {
|
|
959
959
|
props: { tabsList: { type: Array, default: () => [] }, filterState: String }
|
|
960
|
-
},
|
|
960
|
+
}, An = {
|
|
961
961
|
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",
|
|
962
962
|
"aria-label": "Tabs",
|
|
963
963
|
role: "tablist",
|
|
964
964
|
"aria-orientation": "horizontal"
|
|
965
|
-
},
|
|
966
|
-
function
|
|
967
|
-
return s(), a("nav",
|
|
968
|
-
(s(!0), a(
|
|
965
|
+
}, Tn = ["onClick"];
|
|
966
|
+
function Vn(t, e, n, i, r, o) {
|
|
967
|
+
return s(), a("nav", An, [
|
|
968
|
+
(s(!0), a($, null, I(n.tabsList, (u) => (s(), a("button", {
|
|
969
969
|
onClick: (b) => t.$emit("update:filterState", u == null ? void 0 : u.name),
|
|
970
970
|
class: A(["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", {
|
|
971
|
-
" 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) ===
|
|
971
|
+
" 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) === n.filterState
|
|
972
972
|
}])
|
|
973
|
-
},
|
|
973
|
+
}, S(u == null ? void 0 : u.label), 11, Tn))), 256))
|
|
974
974
|
]);
|
|
975
975
|
}
|
|
976
|
-
const
|
|
976
|
+
const Dn = /* @__PURE__ */ _(In, [["render", Vn]]), Fn = {}, Mn = {
|
|
977
977
|
xmlns: "http://www.w3.org/2000/svg",
|
|
978
978
|
viewBox: "0 0 24 24",
|
|
979
979
|
fill: "none",
|
|
@@ -983,8 +983,8 @@ const Vr = /* @__PURE__ */ g(Sr, [["render", Tr]]), Dr = {}, Fr = {
|
|
|
983
983
|
"stroke-linejoin": "round",
|
|
984
984
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-filter"
|
|
985
985
|
};
|
|
986
|
-
function
|
|
987
|
-
return s(), a("svg",
|
|
986
|
+
function jn(t, e, n, i, r, o) {
|
|
987
|
+
return s(), a("svg", Mn, e[0] || (e[0] = [
|
|
988
988
|
l("path", {
|
|
989
989
|
stroke: "none",
|
|
990
990
|
d: "M0 0h24v24H0z",
|
|
@@ -993,39 +993,39 @@ function Mr(t, e, r, i, n, o) {
|
|
|
993
993
|
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)
|
|
994
994
|
]));
|
|
995
995
|
}
|
|
996
|
-
const
|
|
997
|
-
components: { IconFilter2:
|
|
996
|
+
const qn = /* @__PURE__ */ _(Fn, [["render", jn]]), zn = {
|
|
997
|
+
components: { IconFilter2: qn },
|
|
998
998
|
props: { filterCustom: String, customList: Array }
|
|
999
|
-
},
|
|
1000
|
-
function
|
|
999
|
+
}, Bn = { class: "py-2 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" }, Pn = { class: "flex flex-col gap-[4px]" }, Ln = ["onClick"];
|
|
1000
|
+
function Un(t, e, n, i, r, o) {
|
|
1001
1001
|
const u = d("IconFilter2"), b = d("VsPopover");
|
|
1002
|
-
return s(),
|
|
1002
|
+
return s(), v(b, {
|
|
1003
1003
|
ref: "popover",
|
|
1004
1004
|
placement: "bottom"
|
|
1005
1005
|
}, {
|
|
1006
|
-
reference:
|
|
1007
|
-
l("button",
|
|
1006
|
+
reference: w(() => [
|
|
1007
|
+
l("button", Bn, [
|
|
1008
1008
|
f(u, {
|
|
1009
1009
|
height: "20",
|
|
1010
1010
|
width: "20"
|
|
1011
1011
|
})
|
|
1012
1012
|
])
|
|
1013
1013
|
]),
|
|
1014
|
-
default:
|
|
1015
|
-
l("div",
|
|
1016
|
-
(s(!0), a(
|
|
1017
|
-
onClick: (
|
|
1014
|
+
default: w(() => [
|
|
1015
|
+
l("div", Pn, [
|
|
1016
|
+
(s(!0), a($, null, I(n.customList, (p, m) => (s(), a("button", {
|
|
1017
|
+
onClick: (k) => {
|
|
1018
1018
|
var c;
|
|
1019
1019
|
t.$emit("update:filterCustom", p == null ? void 0 : p.name), (c = t.$refs) == null || c.popover.togglePopover();
|
|
1020
1020
|
},
|
|
1021
|
-
key:
|
|
1022
|
-
class: A(["p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300", { "bg-gray-100":
|
|
1023
|
-
},
|
|
1021
|
+
key: m,
|
|
1022
|
+
class: A(["p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300", { "bg-gray-100": n.filterCustom === (p == null ? void 0 : p.name) }])
|
|
1023
|
+
}, S(p == null ? void 0 : p.label), 11, Ln))), 128)),
|
|
1024
1024
|
l("button", {
|
|
1025
1025
|
class: "p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300",
|
|
1026
1026
|
onClick: e[0] || (e[0] = (p) => {
|
|
1027
|
-
var
|
|
1028
|
-
t.$emit("update:filterCustom", void 0), (
|
|
1027
|
+
var m;
|
|
1028
|
+
t.$emit("update:filterCustom", void 0), (m = t.$refs) == null || m.popover.togglePopover();
|
|
1029
1029
|
})
|
|
1030
1030
|
}, " Скинути фільтри ")
|
|
1031
1031
|
])
|
|
@@ -1033,7 +1033,14 @@ function Lr(t, e, r, i, n, o) {
|
|
|
1033
1033
|
_: 1
|
|
1034
1034
|
}, 512);
|
|
1035
1035
|
}
|
|
1036
|
-
const
|
|
1036
|
+
const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1037
|
+
let n;
|
|
1038
|
+
return function(...i) {
|
|
1039
|
+
clearTimeout(n), n = setTimeout(() => {
|
|
1040
|
+
t.apply(this, i);
|
|
1041
|
+
}, e);
|
|
1042
|
+
};
|
|
1043
|
+
}, Hn = {
|
|
1037
1044
|
props: { table: String, title: String },
|
|
1038
1045
|
components: {
|
|
1039
1046
|
AdminTableControl: Je,
|
|
@@ -1043,12 +1050,12 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1043
1050
|
AdminNodata: Ot,
|
|
1044
1051
|
IconPlus: oe,
|
|
1045
1052
|
IconSearch: xe,
|
|
1046
|
-
AdminTableCardInfo:
|
|
1047
|
-
IconOpenCard:
|
|
1053
|
+
AdminTableCardInfo: pn,
|
|
1054
|
+
IconOpenCard: gn,
|
|
1048
1055
|
AdminComponentIs: ae,
|
|
1049
|
-
AdminTableFilters:
|
|
1050
|
-
AdminTableTabs:
|
|
1051
|
-
AdminTableCustomFilters:
|
|
1056
|
+
AdminTableFilters: Sn,
|
|
1057
|
+
AdminTableTabs: Dn,
|
|
1058
|
+
AdminTableCustomFilters: On
|
|
1052
1059
|
},
|
|
1053
1060
|
data() {
|
|
1054
1061
|
return {
|
|
@@ -1063,7 +1070,8 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1063
1070
|
onFilters: 0,
|
|
1064
1071
|
filterState: null,
|
|
1065
1072
|
filterCustom: null,
|
|
1066
|
-
visibleColumns: []
|
|
1073
|
+
visibleColumns: [],
|
|
1074
|
+
initialHiddenColumns: ""
|
|
1067
1075
|
};
|
|
1068
1076
|
},
|
|
1069
1077
|
async mounted() {
|
|
@@ -1076,7 +1084,7 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1076
1084
|
},
|
|
1077
1085
|
columns() {
|
|
1078
1086
|
var t, e;
|
|
1079
|
-
return (e = (t = this.tableData) == null ? void 0 : t.columns) == null ? void 0 : e.filter((
|
|
1087
|
+
return (e = (t = this.tableData) == null ? void 0 : t.columns) == null ? void 0 : e.filter((n) => (n == null ? void 0 : n.hidden) !== !0);
|
|
1080
1088
|
},
|
|
1081
1089
|
isForm() {
|
|
1082
1090
|
var t;
|
|
@@ -1088,9 +1096,9 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1088
1096
|
},
|
|
1089
1097
|
activeCardRow() {
|
|
1090
1098
|
var t, e;
|
|
1091
|
-
return ((e = (t = this.tableData) == null ? void 0 : t.rows) == null ? void 0 : e.find((
|
|
1092
|
-
var i,
|
|
1093
|
-
return (
|
|
1099
|
+
return ((e = (t = this.tableData) == null ? void 0 : t.rows) == null ? void 0 : e.find((n) => {
|
|
1100
|
+
var i, r;
|
|
1101
|
+
return (n == null ? void 0 : n.id) === ((r = (i = this.$route) == null ? void 0 : i.query) == null ? void 0 : r.card);
|
|
1094
1102
|
})) || {};
|
|
1095
1103
|
},
|
|
1096
1104
|
getActions() {
|
|
@@ -1102,17 +1110,20 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1102
1110
|
async table() {
|
|
1103
1111
|
this.tableData = null, await this.getTableData();
|
|
1104
1112
|
},
|
|
1105
|
-
searchValue
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1113
|
+
searchValue: {
|
|
1114
|
+
handler: En(async function(t) {
|
|
1115
|
+
var e;
|
|
1116
|
+
await this.getTableData(), this.$router.push({
|
|
1117
|
+
...this.$route,
|
|
1118
|
+
query: { ...(e = this.$route) == null ? void 0 : e.query, search: t || void 0 }
|
|
1119
|
+
});
|
|
1120
|
+
}, 500),
|
|
1121
|
+
immediate: !0
|
|
1111
1122
|
},
|
|
1112
1123
|
$route: {
|
|
1113
1124
|
handler(t, e) {
|
|
1114
|
-
var
|
|
1115
|
-
((
|
|
1125
|
+
var n, i;
|
|
1126
|
+
((n = t == null ? void 0 : t.params) == null ? void 0 : n.catchAll) !== ((i = e == null ? void 0 : e.params) == null ? void 0 : i.catchAll) && (this.visibleColumns = [], this.unmountedData(), this.getFilters());
|
|
1116
1127
|
},
|
|
1117
1128
|
deep: !0
|
|
1118
1129
|
},
|
|
@@ -1135,36 +1146,36 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1135
1146
|
}), this.getTableData();
|
|
1136
1147
|
},
|
|
1137
1148
|
columns(t) {
|
|
1138
|
-
var e, r;
|
|
1139
|
-
this.visibleColumns = t == null ? void 0 : t.map((
|
|
1149
|
+
var e, n, i, r;
|
|
1150
|
+
this.visibleColumns = t == null ? void 0 : t.map((o) => o == null ? void 0 : o.name), this.initialHiddenColumns === ((e = this.visibleColumns) == null ? void 0 : e.join(",")) && (this.visibleColumns = []), this.$router.replace({
|
|
1140
1151
|
...this.$route,
|
|
1141
1152
|
query: {
|
|
1142
|
-
...(
|
|
1143
|
-
columns: (
|
|
1153
|
+
...(n = this.$route) == null ? void 0 : n.query,
|
|
1154
|
+
columns: (i = this.visibleColumns) != null && i.length ? (r = this.visibleColumns) == null ? void 0 : r.join(",") : void 0
|
|
1144
1155
|
}
|
|
1145
1156
|
});
|
|
1146
1157
|
}
|
|
1147
1158
|
},
|
|
1148
1159
|
methods: {
|
|
1149
1160
|
async checkUrlMounted() {
|
|
1150
|
-
var t, e,
|
|
1151
|
-
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (
|
|
1161
|
+
var t, e, n, i, r, o, u, b, p, m, k, c, x, h;
|
|
1162
|
+
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : i.limit) || 20, this.filterState = ((o = (r = this.$route) == null ? void 0 : r.query) == null ? void 0 : o.filterState) || null, this.filterCustom = ((b = (u = this.$route) == null ? void 0 : u.query) == null ? void 0 : b.filterCustom) || null, this.searchValue = ((m = (p = this.$route) == null ? void 0 : p.query) == null ? void 0 : m.search) || null, this.visibleColumns = ((x = (c = (k = this.$route) == null ? void 0 : k.query) == null ? void 0 : c.columns) == null ? void 0 : x.split(",")) || [], (h = this.$route) != null && h.query.card && (this.isVisibleCardInfo = !0);
|
|
1152
1163
|
},
|
|
1153
1164
|
rowWidth(t) {
|
|
1154
|
-
var
|
|
1155
|
-
const e = (i = (
|
|
1165
|
+
var n, i;
|
|
1166
|
+
const e = (i = (n = this.tableData) == null ? void 0 : n.columns) == null ? void 0 : i.find((r) => r.name === t);
|
|
1156
1167
|
if (e) {
|
|
1157
|
-
const
|
|
1158
|
-
return
|
|
1168
|
+
const r = e == null ? void 0 : e.width;
|
|
1169
|
+
return r != null && r.includes("px") ? r : `${r}px`;
|
|
1159
1170
|
}
|
|
1160
1171
|
},
|
|
1161
1172
|
unmountedData() {
|
|
1162
1173
|
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 = "";
|
|
1163
1174
|
},
|
|
1164
1175
|
async getTableData() {
|
|
1165
|
-
var t, e,
|
|
1176
|
+
var t, e, n, i, r, o, u, b, p, m, k;
|
|
1166
1177
|
try {
|
|
1167
|
-
const { data:
|
|
1178
|
+
const { data: c } = await T.get(`/api/template/table/${this.table}`), x = await T.get(`/api/table-data/${this.table}`, {
|
|
1168
1179
|
params: {
|
|
1169
1180
|
page: this.page,
|
|
1170
1181
|
search: this.searchValue || null,
|
|
@@ -1176,12 +1187,12 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1176
1187
|
}
|
|
1177
1188
|
});
|
|
1178
1189
|
this.tableData = {
|
|
1179
|
-
...
|
|
1180
|
-
...(
|
|
1181
|
-
}, (r = this.visibleColumns) != null &&
|
|
1182
|
-
var
|
|
1183
|
-
(
|
|
1184
|
-
}) : this.visibleColumns = (
|
|
1190
|
+
...c,
|
|
1191
|
+
...(x == null ? void 0 : x.data) || {}
|
|
1192
|
+
}, this.initialHiddenColumns = (o = (r = (i = (n = this.tableData) == null ? void 0 : n.columns) == null ? void 0 : i.filter((h) => (h == null ? void 0 : h.hidden) !== !0)) == null ? void 0 : r.map((h) => h == null ? void 0 : h.name)) == null ? void 0 : o.join(","), (u = this.visibleColumns) != null && u.length ? (b = this.tableData) == null || b.columns.forEach((h) => {
|
|
1193
|
+
var y;
|
|
1194
|
+
(y = this.visibleColumns) != null && y.includes(h == null ? void 0 : h.name) ? h.hidden = !1 : h.hidden = !0;
|
|
1195
|
+
}) : this.visibleColumns = (k = (m = (p = this.tableData) == null ? void 0 : p.columns) == null ? void 0 : m.filter((h) => (h == null ? void 0 : h.hidden) !== !0)) == null ? void 0 : k.map((h) => h == null ? void 0 : h.name);
|
|
1185
1196
|
} catch {
|
|
1186
1197
|
}
|
|
1187
1198
|
},
|
|
@@ -1189,9 +1200,9 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1189
1200
|
var t;
|
|
1190
1201
|
try {
|
|
1191
1202
|
const { data: e } = await T.get(`/api/table-filter/${this.table}`);
|
|
1192
|
-
this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((
|
|
1193
|
-
...
|
|
1194
|
-
label: (
|
|
1203
|
+
this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((n) => ({
|
|
1204
|
+
...n,
|
|
1205
|
+
label: (n == null ? void 0 : n.label) || (n == null ? void 0 : n.ua)
|
|
1195
1206
|
}));
|
|
1196
1207
|
} catch {
|
|
1197
1208
|
}
|
|
@@ -1204,8 +1215,8 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1204
1215
|
this.limit = await t, this.defaultPage = 1, await this.getTableData();
|
|
1205
1216
|
},
|
|
1206
1217
|
async filterChange({ url: t, state: e }) {
|
|
1207
|
-
var
|
|
1208
|
-
this.filters = t !== "no-url" ? t : null, this.onFilters = (
|
|
1218
|
+
var n;
|
|
1219
|
+
this.filters = t !== "no-url" ? t : null, this.onFilters = (n = Object.entries(e)) == null ? void 0 : n.length, this.page = 1, await this.getTableData();
|
|
1209
1220
|
},
|
|
1210
1221
|
changeActiveColumn(t) {
|
|
1211
1222
|
this.activeColumn = t, this.getTableData();
|
|
@@ -1229,28 +1240,28 @@ const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
|
|
|
1229
1240
|
});
|
|
1230
1241
|
}
|
|
1231
1242
|
}
|
|
1232
|
-
},
|
|
1243
|
+
}, Nn = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, Wn = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, Rn = { class: "text-xl font-medium" }, Gn = {
|
|
1233
1244
|
style: { height: "calc(100vh - 155px)", width: "calc(100vw - 260px)" },
|
|
1234
1245
|
class: "bg-gray-50 p-[20px] flex pt-[10px]"
|
|
1235
|
-
},
|
|
1246
|
+
}, Zn = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, Jn = { class: "flex" }, Kn = { class: "flex gap-[6px] ml-auto" }, Qn = { class: "inline-block w-full align-middle" }, Xn = {
|
|
1236
1247
|
key: 0,
|
|
1237
1248
|
class: "relative min-w-full divide-y divide-gray-200 table-fixed dark:divide-neutral-700"
|
|
1238
|
-
},
|
|
1249
|
+
}, Yn = { class: "sticky top-[-1px] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, er = { class: "right-0 border-t border-stone-200" }, tr = { class: "divide-y divide-gray-200" }, nr = { class: "px-4 py-3 text-sm text-gray-600" }, rr = ["onClick"], lr = ["onClick"], sr = {
|
|
1239
1250
|
key: 0,
|
|
1240
1251
|
class: "text-center sticky right-0 bg-white w-[80px] px-[10px]"
|
|
1241
|
-
},
|
|
1242
|
-
function
|
|
1243
|
-
var B, P, L, U, O, E,
|
|
1244
|
-
const u = d("IconPlus"), b = d("router-link"), p = d("AdminTableTabs"),
|
|
1245
|
-
return s(), a("div",
|
|
1246
|
-
l("div",
|
|
1247
|
-
l("h2",
|
|
1248
|
-
o.isForm ? (s(),
|
|
1252
|
+
}, or = { class: "p-[20px] flex justify-start items-center w-full" }, ar = { class: "w-[200px]" }, ir = { class: "text-sm text-gray-600 dark:text-neutral-400" }, cr = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, ur = { class: "font-semibold text-gray-800 dark:text-neutral-200" };
|
|
1253
|
+
function dr(t, e, n, i, r, o) {
|
|
1254
|
+
var B, P, L, U, O, E, H, N, W, R, G, Z, J, K, Q, X;
|
|
1255
|
+
const u = d("IconPlus"), b = d("router-link"), p = d("AdminTableTabs"), m = d("IconSearch"), k = d("VsText"), c = d("AdminTableCustomFilters"), x = d("AdminTableColumnsHidden"), h = d("AdminTableExport"), y = d("AdminTableFilters"), V = d("IconOpenCard"), F = d("AdminTableColumn"), M = d("AdminComponentIs"), ie = d("AdminTableControl"), ce = d("AdminNodata"), ue = d("VsPagination"), de = d("AdminTableCardInfo");
|
|
1256
|
+
return s(), a("div", Nn, [
|
|
1257
|
+
l("div", Wn, [
|
|
1258
|
+
l("h2", Rn, S(n.title), 1),
|
|
1259
|
+
o.isForm ? (s(), v(b, {
|
|
1249
1260
|
key: 0,
|
|
1250
1261
|
to: `/add?table=${(P = (B = t.$route) == null ? void 0 : B.params) == null ? void 0 : P.catchAll}`,
|
|
1251
1262
|
class: "inline-flex items-center px-3 py-2 text-sm font-medium text-white duration-300 bg-blue-600 border border-transparent rounded-lg gap-x-2 hover:bg-blue-700 hover:text-white"
|
|
1252
1263
|
}, {
|
|
1253
|
-
default:
|
|
1264
|
+
default: w(() => [
|
|
1254
1265
|
f(u, {
|
|
1255
1266
|
height: "16",
|
|
1256
1267
|
width: "16"
|
|
@@ -1258,136 +1269,136 @@ function un(t, e, r, i, n, o) {
|
|
|
1258
1269
|
e[5] || (e[5] = D(" Додати "))
|
|
1259
1270
|
]),
|
|
1260
1271
|
_: 1
|
|
1261
|
-
}, 8, ["to"])) :
|
|
1272
|
+
}, 8, ["to"])) : C("", !0)
|
|
1262
1273
|
]),
|
|
1263
|
-
l("div",
|
|
1264
|
-
l("div",
|
|
1265
|
-
(U = (L =
|
|
1274
|
+
l("div", Gn, [
|
|
1275
|
+
l("div", Zn, [
|
|
1276
|
+
(U = (L = r.tableData) == null ? void 0 : L.filterState) != null && U.length ? (s(), v(p, {
|
|
1266
1277
|
key: 0,
|
|
1267
|
-
tabsList: (O =
|
|
1268
|
-
filterState:
|
|
1269
|
-
"onUpdate:filterState": e[0] || (e[0] = (
|
|
1270
|
-
}, null, 8, ["tabsList", "filterState"])) :
|
|
1271
|
-
l("div",
|
|
1278
|
+
tabsList: (O = r.tableData) == null ? void 0 : O.filterState,
|
|
1279
|
+
filterState: r.filterState,
|
|
1280
|
+
"onUpdate:filterState": e[0] || (e[0] = (g) => r.filterState = g)
|
|
1281
|
+
}, null, 8, ["tabsList", "filterState"])) : C("", !0),
|
|
1282
|
+
l("div", Jn, [
|
|
1272
1283
|
l("div", {
|
|
1273
|
-
class: A([
|
|
1284
|
+
class: A([r.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
|
|
1274
1285
|
}, [
|
|
1275
1286
|
l("div", {
|
|
1276
|
-
class: A(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !
|
|
1287
|
+
class: A(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !r.isVisibleCardInfo }])
|
|
1277
1288
|
}, [
|
|
1278
|
-
f(
|
|
1289
|
+
f(m, {
|
|
1279
1290
|
height: "14",
|
|
1280
1291
|
width: "14",
|
|
1281
1292
|
class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
|
|
1282
1293
|
}),
|
|
1283
|
-
f(
|
|
1284
|
-
modelValue:
|
|
1285
|
-
"onUpdate:modelValue": e[1] || (e[1] = (
|
|
1294
|
+
f(k, {
|
|
1295
|
+
modelValue: r.searchValue,
|
|
1296
|
+
"onUpdate:modelValue": e[1] || (e[1] = (g) => r.searchValue = g),
|
|
1286
1297
|
placeholder: "Пошук...",
|
|
1287
1298
|
clearable: !0,
|
|
1288
1299
|
class: "[&>input]:py-[7px] [&>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"
|
|
1289
1300
|
}, null, 8, ["modelValue"]),
|
|
1290
|
-
l("div",
|
|
1291
|
-
(
|
|
1301
|
+
l("div", Kn, [
|
|
1302
|
+
(H = (E = r.tableData) == null ? void 0 : E.filterCustom) != null && H.length ? (s(), v(c, {
|
|
1292
1303
|
key: 0,
|
|
1293
|
-
customList: (
|
|
1294
|
-
filterCustom:
|
|
1295
|
-
"onUpdate:filterCustom": e[2] || (e[2] = (
|
|
1296
|
-
}, null, 8, ["customList", "filterCustom"])) :
|
|
1304
|
+
customList: (N = r.tableData) == null ? void 0 : N.filterCustom,
|
|
1305
|
+
filterCustom: r.filterCustom,
|
|
1306
|
+
"onUpdate:filterCustom": e[2] || (e[2] = (g) => r.filterCustom = g)
|
|
1307
|
+
}, null, 8, ["customList", "filterCustom"])) : C("", !0),
|
|
1297
1308
|
f(x, {
|
|
1298
|
-
columns: (W =
|
|
1299
|
-
onUpdateColumns: e[3] || (e[3] = (
|
|
1309
|
+
columns: (W = r.tableData) == null ? void 0 : W.columns,
|
|
1310
|
+
onUpdateColumns: e[3] || (e[3] = (g) => r.tableData.columns = g)
|
|
1300
1311
|
}, null, 8, ["columns"]),
|
|
1301
|
-
f(
|
|
1302
|
-
table:
|
|
1303
|
-
columns: (R =
|
|
1304
|
-
page:
|
|
1305
|
-
"filter-state":
|
|
1306
|
-
"filter-custom":
|
|
1307
|
-
filters:
|
|
1312
|
+
f(h, {
|
|
1313
|
+
table: n.table,
|
|
1314
|
+
columns: (R = r.tableData) == null ? void 0 : R.columns,
|
|
1315
|
+
page: r.page,
|
|
1316
|
+
"filter-state": r.filterState,
|
|
1317
|
+
"filter-custom": r.filterCustom,
|
|
1318
|
+
filters: r.filters
|
|
1308
1319
|
}, null, 8, ["table", "columns", "page", "filter-state", "filter-custom", "filters"]),
|
|
1309
1320
|
f(y, {
|
|
1310
|
-
scheme:
|
|
1311
|
-
onFilters:
|
|
1321
|
+
scheme: r.filterScheme,
|
|
1322
|
+
onFilters: r.onFilters,
|
|
1312
1323
|
onFilterChange: o.filterChange
|
|
1313
1324
|
}, null, 8, ["scheme", "onFilters", "onFilterChange"]),
|
|
1314
1325
|
l("button", {
|
|
1315
|
-
onClick: e[4] || (e[4] = (...
|
|
1326
|
+
onClick: e[4] || (e[4] = (...g) => o.toggleCardInfo && o.toggleCardInfo(...g)),
|
|
1316
1327
|
class: "py-2 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"
|
|
1317
1328
|
}, [
|
|
1318
1329
|
f(V, {
|
|
1319
|
-
class: A({ "rotate-180 duration-300": !
|
|
1330
|
+
class: A({ "rotate-180 duration-300": !r.isVisibleCardInfo })
|
|
1320
1331
|
}, null, 8, ["class"])
|
|
1321
1332
|
])
|
|
1322
1333
|
])
|
|
1323
1334
|
], 2),
|
|
1324
1335
|
l("div", {
|
|
1325
|
-
class: A(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !
|
|
1336
|
+
class: A(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !r.isVisibleCardInfo }])
|
|
1326
1337
|
}, [
|
|
1327
1338
|
l("div", {
|
|
1328
1339
|
style: le({
|
|
1329
|
-
height: (Z = (G =
|
|
1340
|
+
height: (Z = (G = r.tableData) == null ? void 0 : G.filterState) != null && Z.length ? "calc(100vh - 370px)" : "calc(100vh - 330px)"
|
|
1330
1341
|
}),
|
|
1331
1342
|
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"
|
|
1332
1343
|
}, [
|
|
1333
|
-
l("div",
|
|
1334
|
-
o.isNoData ? (s(),
|
|
1335
|
-
l("thead",
|
|
1336
|
-
l("tr",
|
|
1337
|
-
(s(!0), a(
|
|
1338
|
-
key:
|
|
1344
|
+
l("div", Qn, [
|
|
1345
|
+
o.isNoData ? (s(), v(ce, { key: 1 })) : (s(), a("table", Xn, [
|
|
1346
|
+
l("thead", Yn, [
|
|
1347
|
+
l("tr", er, [
|
|
1348
|
+
(s(!0), a($, null, I(o.columns, (g) => (s(), v(F, {
|
|
1349
|
+
key: g.name,
|
|
1339
1350
|
style: le({
|
|
1340
|
-
width: o.rowWidth(
|
|
1341
|
-
textAlign:
|
|
1342
|
-
wordBreak:
|
|
1351
|
+
width: o.rowWidth(g == null ? void 0 : g.name),
|
|
1352
|
+
textAlign: g == null ? void 0 : g.align,
|
|
1353
|
+
wordBreak: g.wrap
|
|
1343
1354
|
}),
|
|
1344
|
-
data:
|
|
1345
|
-
activeColumn:
|
|
1355
|
+
data: g,
|
|
1356
|
+
activeColumn: r.activeColumn,
|
|
1346
1357
|
onChangeActive: o.changeActiveColumn
|
|
1347
1358
|
}, null, 8, ["style", "data", "activeColumn", "onChangeActive"]))), 128)),
|
|
1348
1359
|
e[6] || (e[6] = l("th", { class: "w-[70px] sticky right-0 top-0" }, null, -1))
|
|
1349
1360
|
])
|
|
1350
1361
|
]),
|
|
1351
|
-
l("tbody",
|
|
1352
|
-
(s(!0), a(
|
|
1362
|
+
l("tbody", tr, [
|
|
1363
|
+
(s(!0), a($, null, I((J = r.tableData) == null ? void 0 : J.rows, (g, he) => {
|
|
1353
1364
|
var Y, ee, te;
|
|
1354
1365
|
return s(), a("tr", { key: he }, [
|
|
1355
|
-
l("td",
|
|
1366
|
+
l("td", nr, [
|
|
1356
1367
|
l("button", {
|
|
1357
|
-
onClick: () => o.pushToCard(
|
|
1368
|
+
onClick: () => o.pushToCard(g == null ? void 0 : g.id),
|
|
1358
1369
|
class: A(["text-sm font-medium", [
|
|
1359
|
-
((Y =
|
|
1370
|
+
((Y = r.tableData) == null ? void 0 : Y.card) === !1 ? "" : "text-blue-600 decoration-2 focus:outline-none focus:underline hover:text-blue-600 hover:underline"
|
|
1360
1371
|
]])
|
|
1361
1372
|
}, [
|
|
1362
1373
|
f(M, {
|
|
1363
|
-
row:
|
|
1374
|
+
row: g,
|
|
1364
1375
|
column: o.columns[0],
|
|
1365
|
-
table:
|
|
1376
|
+
table: n.table,
|
|
1366
1377
|
onUpdateTable: o.getTableData
|
|
1367
1378
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
|
1368
|
-
], 10,
|
|
1379
|
+
], 10, rr)
|
|
1369
1380
|
]),
|
|
1370
|
-
(s(!0), a(
|
|
1371
|
-
onClick: (
|
|
1372
|
-
class: A(["px-3 py-3 text-sm text-gray-600 text-start whitespace-nowrap", { "cursor-pointer":
|
|
1373
|
-
key:
|
|
1381
|
+
(s(!0), a($, null, I((ee = o.columns) == null ? void 0 : ee.slice(1), (ne) => (s(), a("td", {
|
|
1382
|
+
onClick: (mr) => o.changeActiveCardInfo(g == null ? void 0 : g.id),
|
|
1383
|
+
class: A(["px-3 py-3 text-sm text-gray-600 text-start whitespace-nowrap", { "cursor-pointer": r.isVisibleCardInfo }]),
|
|
1384
|
+
key: ne.name
|
|
1374
1385
|
}, [
|
|
1375
1386
|
f(M, {
|
|
1376
|
-
row:
|
|
1377
|
-
column:
|
|
1378
|
-
table:
|
|
1387
|
+
row: g,
|
|
1388
|
+
column: ne,
|
|
1389
|
+
table: n.table,
|
|
1379
1390
|
onUpdateTable: o.getTableData
|
|
1380
1391
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
|
1381
|
-
], 10,
|
|
1382
|
-
(te = o.getActions) != null && te.length ? (s(), a("td",
|
|
1392
|
+
], 10, lr))), 128)),
|
|
1393
|
+
(te = o.getActions) != null && te.length ? (s(), a("td", sr, [
|
|
1383
1394
|
f(ie, {
|
|
1384
1395
|
actions: o.getActions,
|
|
1385
1396
|
isForm: o.isForm,
|
|
1386
|
-
item:
|
|
1387
|
-
table:
|
|
1397
|
+
item: g,
|
|
1398
|
+
table: n.table,
|
|
1388
1399
|
onUpdateTable: o.getTableData
|
|
1389
1400
|
}, null, 8, ["actions", "isForm", "item", "table", "onUpdateTable"])
|
|
1390
|
-
])) :
|
|
1401
|
+
])) : C("", !0)
|
|
1391
1402
|
]);
|
|
1392
1403
|
}), 128))
|
|
1393
1404
|
])
|
|
@@ -1395,34 +1406,34 @@ function un(t, e, r, i, n, o) {
|
|
|
1395
1406
|
])
|
|
1396
1407
|
], 4)
|
|
1397
1408
|
], 2),
|
|
1398
|
-
l("div",
|
|
1399
|
-
l("div",
|
|
1400
|
-
l("p",
|
|
1401
|
-
l("span",
|
|
1402
|
-
l("span",
|
|
1409
|
+
l("div", or, [
|
|
1410
|
+
l("div", ar, [
|
|
1411
|
+
l("p", ir, [
|
|
1412
|
+
l("span", cr, S(r.filters || r.searchValue ? "Знайдено" : "Об'єктів") + " " + S(((K = r.tableData) == null ? void 0 : K.count) || 0) + " з ", 1),
|
|
1413
|
+
l("span", ur, S(((Q = r.tableData) == null ? void 0 : Q.total) || 0), 1)
|
|
1403
1414
|
])
|
|
1404
1415
|
]),
|
|
1405
|
-
|
|
1416
|
+
r.limit ? (s(), v(ue, {
|
|
1406
1417
|
key: 0,
|
|
1407
1418
|
goTo: !1,
|
|
1408
1419
|
class: "justify-end",
|
|
1409
1420
|
"default-page": parseInt(o.defaultPage),
|
|
1410
|
-
total: ((X =
|
|
1411
|
-
pageSize: parseInt(
|
|
1421
|
+
total: ((X = r.tableData) == null ? void 0 : X.total) || 0,
|
|
1422
|
+
pageSize: parseInt(r.limit),
|
|
1412
1423
|
onPageChange: o.handlePageChange,
|
|
1413
1424
|
pageSizes: [10, 16, 20],
|
|
1414
1425
|
onPageSizeChange: o.changeLimit
|
|
1415
|
-
}, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) :
|
|
1426
|
+
}, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : C("", !0)
|
|
1416
1427
|
])
|
|
1417
1428
|
], 2),
|
|
1418
1429
|
f(z, { name: "slide-fade" }, {
|
|
1419
|
-
default:
|
|
1420
|
-
|
|
1430
|
+
default: w(() => [
|
|
1431
|
+
r.isVisibleCardInfo ? (s(), v(de, {
|
|
1421
1432
|
key: 0,
|
|
1422
|
-
table:
|
|
1433
|
+
table: n.table,
|
|
1423
1434
|
columns: o.columns,
|
|
1424
1435
|
row: o.activeCardRow
|
|
1425
|
-
}, null, 8, ["table", "columns", "row"])) :
|
|
1436
|
+
}, null, 8, ["table", "columns", "row"])) : C("", !0)
|
|
1426
1437
|
]),
|
|
1427
1438
|
_: 1
|
|
1428
1439
|
})
|
|
@@ -1431,8 +1442,8 @@ function un(t, e, r, i, n, o) {
|
|
|
1431
1442
|
])
|
|
1432
1443
|
]);
|
|
1433
1444
|
}
|
|
1434
|
-
const
|
|
1435
|
-
components: { AdminTable:
|
|
1445
|
+
const hr = /* @__PURE__ */ _(Hn, [["render", dr], ["__scopeId", "data-v-9bc6aceb"]]), pr = {
|
|
1446
|
+
components: { AdminTable: hr },
|
|
1436
1447
|
data() {
|
|
1437
1448
|
return {
|
|
1438
1449
|
table: !1,
|
|
@@ -1444,7 +1455,7 @@ const dn = /* @__PURE__ */ g(Or, [["render", un], ["__scopeId", "data-v-0f46a883
|
|
|
1444
1455
|
$route: {
|
|
1445
1456
|
async handler() {
|
|
1446
1457
|
var t;
|
|
1447
|
-
(t =
|
|
1458
|
+
(t = re) != null && t.value || await this.getMenu(), await this.checkPageType();
|
|
1448
1459
|
},
|
|
1449
1460
|
deep: !0
|
|
1450
1461
|
},
|
|
@@ -1458,49 +1469,49 @@ const dn = /* @__PURE__ */ g(Or, [["render", un], ["__scopeId", "data-v-0f46a883
|
|
|
1458
1469
|
methods: {
|
|
1459
1470
|
flattenMenu(t) {
|
|
1460
1471
|
const e = [];
|
|
1461
|
-
return t.forEach((
|
|
1462
|
-
|
|
1472
|
+
return t.forEach((n) => {
|
|
1473
|
+
n.menu ? e.push(...this.flattenMenu(n.menu)) : e.push(n);
|
|
1463
1474
|
}), e;
|
|
1464
1475
|
},
|
|
1465
1476
|
async checkPageType() {
|
|
1466
|
-
var i,
|
|
1467
|
-
const t = this.flattenMenu(
|
|
1477
|
+
var i, r;
|
|
1478
|
+
const t = this.flattenMenu(re.value);
|
|
1468
1479
|
t != null && t.length || this.$router.replace("/404");
|
|
1469
1480
|
const e = t == null ? void 0 : t.find((o) => {
|
|
1470
1481
|
var u, b;
|
|
1471
1482
|
return (o == null ? void 0 : o.path) == ((b = (u = this.$route) == null ? void 0 : u.params) == null ? void 0 : b.catchAll);
|
|
1472
1483
|
});
|
|
1473
|
-
this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((
|
|
1474
|
-
const
|
|
1475
|
-
this.table =
|
|
1484
|
+
this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((r = (i = this.$route) == null ? void 0 : i.params) == null ? void 0 : r.catchAll);
|
|
1485
|
+
const n = e == null ? void 0 : e.table;
|
|
1486
|
+
this.table = n || !1, !n && this.getInterface();
|
|
1476
1487
|
},
|
|
1477
1488
|
async getInterface() {
|
|
1478
1489
|
var t, e;
|
|
1479
1490
|
try {
|
|
1480
|
-
const { data:
|
|
1491
|
+
const { data: n } = await T.get(
|
|
1481
1492
|
`/api/template/interface/${((e = (t = this.$route) == null ? void 0 : t.params) == null ? void 0 : e.catchAll) || ""}`
|
|
1482
1493
|
);
|
|
1483
|
-
this.interface =
|
|
1494
|
+
this.interface = n || "";
|
|
1484
1495
|
} catch {
|
|
1485
1496
|
this.interface = "";
|
|
1486
1497
|
}
|
|
1487
1498
|
}
|
|
1488
1499
|
}
|
|
1489
|
-
},
|
|
1490
|
-
function
|
|
1500
|
+
}, br = ["innerHTML"];
|
|
1501
|
+
function fr(t, e, n, i, r, o) {
|
|
1491
1502
|
const u = d("AdminTable");
|
|
1492
|
-
return
|
|
1503
|
+
return r.table ? (s(), v(u, {
|
|
1493
1504
|
key: 0,
|
|
1494
|
-
table:
|
|
1495
|
-
title:
|
|
1505
|
+
table: r.table,
|
|
1506
|
+
title: r.title
|
|
1496
1507
|
}, null, 8, ["table", "title"])) : (s(), a("div", {
|
|
1497
1508
|
key: 1,
|
|
1498
1509
|
class: "w-full bg-gray-50",
|
|
1499
1510
|
style: { height: "calc(100vh - 120px)" },
|
|
1500
|
-
innerHTML:
|
|
1501
|
-
}, null, 8,
|
|
1511
|
+
innerHTML: r.interface
|
|
1512
|
+
}, null, 8, br));
|
|
1502
1513
|
}
|
|
1503
|
-
const
|
|
1514
|
+
const _r = /* @__PURE__ */ _(pr, [["render", fr]]);
|
|
1504
1515
|
export {
|
|
1505
|
-
|
|
1516
|
+
_r as default
|
|
1506
1517
|
};
|