@opengis/admin 0.1.74 → 0.1.75
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{IconChevronDown-B65ioxEK.js → IconChevronDown-DpFXvgwL.js} +1 -1
- package/dist/{add-page-Dva8zP3n.js → add-page-B34T9kD5.js} +33 -30
- package/dist/{admin-interface-BfAJWo-U.js → admin-interface-B7RH9jC0.js} +320 -314
- package/dist/{admin-view-DW5O-fWK.js → admin-view-CB6GnWqy.js} +2 -2
- package/dist/admin.js +1 -1
- package/dist/admin.umd.cjs +9 -9
- package/dist/{card-page-TcYbRehu.js → card-page-B2ZFa7Pi.js} +1 -1
- package/dist/{card-view-CRIWNsOX.js → card-view-BRWlfh-Z.js} +1 -1
- package/dist/{edit-page-Cx50IR_w.js → edit-page-BUhpjmtA.js} +1 -1
- package/dist/{import-file-CFLFN46x.js → import-file-C08TESFR.js} +1828 -1837
- package/dist/style.css +1 -1
- package/module/settings/form/admin.users.form.json +4 -1
- package/package.json +2 -2
@@ -1,6 +1,6 @@
|
|
1
|
-
import { _, b as pe, a as
|
2
|
-
import { openBlock as
|
3
|
-
import { I as we } from "./IconChevronDown-
|
1
|
+
import { _, b as pe, a as V, c as be, d as fe, e as me, f as ge, I as xe, u as ne } from "./import-file-C08TESFR.js";
|
2
|
+
import { openBlock as l, createElementBlock as i, createTextVNode as D, toDisplayString as S, createCommentVNode as C, createStaticVNode as j, Fragment as $, createElementVNode as s, resolveComponent as d, createVNode as f, withCtx as w, createBlock as v, withModifiers as ye, renderList as A, normalizeClass as T, withDirectives as q, vModelCheckbox as _e, resolveDynamicComponent as ke, Transition as z, renderSlot as ve, vShow as le, normalizeStyle as se } from "vue";
|
3
|
+
import { I as we } from "./IconChevronDown-DpFXvgwL.js";
|
4
4
|
const Ce = {
|
5
5
|
data() {
|
6
6
|
return {
|
@@ -47,10 +47,10 @@ 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: n, ...
|
50
|
+
const e = this.$route.query, { sort: n, ...a } = e, r = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
|
51
51
|
this.$router.replace({
|
52
52
|
query: {
|
53
|
-
...
|
53
|
+
...a,
|
54
54
|
...r && { sort: r }
|
55
55
|
}
|
56
56
|
});
|
@@ -83,20 +83,20 @@ 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, n,
|
87
|
-
return
|
88
|
-
o.getVisibleIcon ? (
|
86
|
+
function Ve(t, e, n, a, r, o) {
|
87
|
+
return l(), i("th", $e, [
|
88
|
+
o.getVisibleIcon ? (l(), i("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
92
|
onClick: e[0] || (e[0] = (u) => o.handleClickSortBtn(r.currentSort))
|
93
93
|
}, [
|
94
94
|
D(S(o.label) + " ", 1),
|
95
|
-
(
|
96
|
-
r.currentSort === "asc" || r.currentSort === "" ? (
|
97
|
-
r.currentSort === "desc" || r.currentSort === "" ? (
|
95
|
+
(l(), i("svg", Se, [
|
96
|
+
r.currentSort === "asc" || r.currentSort === "" ? (l(), i("path", Ie)) : C("", !0),
|
97
|
+
r.currentSort === "desc" || r.currentSort === "" ? (l(), i("path", Ae)) : C("", !0)
|
98
98
|
]))
|
99
|
-
])) : (
|
99
|
+
])) : (l(), i("p", Te, S(o.label), 1))
|
100
100
|
]);
|
101
101
|
}
|
102
102
|
const De = /* @__PURE__ */ _(Ce, [["render", Ve]]), Fe = {}, Me = {
|
@@ -109,8 +109,8 @@ const De = /* @__PURE__ */ _(Ce, [["render", Ve]]), Fe = {}, Me = {
|
|
109
109
|
"stroke-linecap": "round",
|
110
110
|
"stroke-linejoin": "round"
|
111
111
|
};
|
112
|
-
function je(t, e, n,
|
113
|
-
return
|
112
|
+
function je(t, e, n, a, r, o) {
|
113
|
+
return l(), i("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
|
}
|
@@ -121,22 +121,22 @@ const qe = /* @__PURE__ */ _(Fe, [["render", je]]), ze = {
|
|
121
121
|
color: { type: String, default: "black" }
|
122
122
|
}
|
123
123
|
}, Be = { style: { display: "none" } }, Pe = ["height", "width", "fill"];
|
124
|
-
function Le(t, e, n,
|
125
|
-
return
|
126
|
-
(
|
127
|
-
|
124
|
+
function Le(t, e, n, a, r, o) {
|
125
|
+
return l(), i($, null, [
|
126
|
+
(l(), i("svg", Be, e[0] || (e[0] = [
|
127
|
+
s("symbol", {
|
128
128
|
id: "icon-pencil",
|
129
129
|
viewBox: "0 0 32 32"
|
130
130
|
}, [
|
131
|
-
|
131
|
+
s("path", { d: "M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z" })
|
132
132
|
], -1)
|
133
133
|
]))),
|
134
|
-
(
|
134
|
+
(l(), i("svg", {
|
135
135
|
height: n.height,
|
136
136
|
width: n.width,
|
137
137
|
fill: n.color
|
138
138
|
}, e[1] || (e[1] = [
|
139
|
-
|
139
|
+
s("use", { "xlink:href": "#icon-pencil" }, null, -1)
|
140
140
|
]), 8, Pe))
|
141
141
|
], 64);
|
142
142
|
}
|
@@ -170,7 +170,7 @@ const Ue = /* @__PURE__ */ _(ze, [["render", Le]]), Oe = {
|
|
170
170
|
async getData() {
|
171
171
|
var t;
|
172
172
|
try {
|
173
|
-
const { data: e } = await
|
173
|
+
const { data: e } = await V.get(
|
174
174
|
`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
|
175
175
|
);
|
176
176
|
this.formValue = e;
|
@@ -184,10 +184,10 @@ const Ue = /* @__PURE__ */ _(ze, [["render", Le]]), Oe = {
|
|
184
184
|
async deleteElement() {
|
185
185
|
var t;
|
186
186
|
try {
|
187
|
-
const { data: e } = await
|
187
|
+
const { data: e } = await V.get(
|
188
188
|
`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
|
189
189
|
);
|
190
|
-
await
|
190
|
+
await V.delete(`/api/table/${e == null ? void 0 : e.token}`), await this.$notify({
|
191
191
|
title: "Успішно!",
|
192
192
|
message: "Об`єкт успішно видалeно",
|
193
193
|
type: "success"
|
@@ -207,16 +207,16 @@ const Ue = /* @__PURE__ */ _(ze, [["render", Le]]), Oe = {
|
|
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, n,
|
210
|
+
function Ze(t, e, n, a, r, o) {
|
211
211
|
const u = d("IconMore"), b = d("IconEdit"), p = d("router-link"), g = d("IconDelete"), k = d("VsPopover"), c = d("VsDialog");
|
212
|
-
return
|
213
|
-
|
212
|
+
return l(), i($, null, [
|
213
|
+
s("div", Ee, [
|
214
214
|
f(k, {
|
215
215
|
trigger: "click",
|
216
216
|
placement: "bottom-left"
|
217
217
|
}, {
|
218
218
|
reference: w(() => [
|
219
|
-
|
219
|
+
s("button", He, [
|
220
220
|
f(u, {
|
221
221
|
height: "16",
|
222
222
|
width: "16"
|
@@ -224,12 +224,12 @@ function Ze(t, e, n, i, r, o) {
|
|
224
224
|
])
|
225
225
|
]),
|
226
226
|
default: w(() => {
|
227
|
-
var
|
227
|
+
var y, h, x, I, F;
|
228
228
|
return [
|
229
|
-
|
230
|
-
(
|
229
|
+
s("div", Ne, [
|
230
|
+
(y = n.actions) != null && y.includes("edit") && n.isForm ? (l(), v(p, {
|
231
231
|
key: 0,
|
232
|
-
to: `/edit?table=${(
|
232
|
+
to: `/edit?table=${(x = (h = t.$route) == null ? void 0 : h.params) == null ? void 0 : x.catchAll}&id=${(I = n.item) == null ? void 0 : I.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
235
|
default: w(() => [
|
@@ -238,14 +238,14 @@ function Ze(t, e, n, i, r, o) {
|
|
238
238
|
]),
|
239
239
|
_: 1
|
240
240
|
}, 8, ["to"])) : C("", !0),
|
241
|
-
n.isForm ? (
|
242
|
-
(F = n.actions) != null && F.includes("del") ? (
|
241
|
+
n.isForm ? (l(), i("div", We)) : C("", !0),
|
242
|
+
(F = n.actions) != null && F.includes("del") ? (l(), i("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
247
|
f(g),
|
248
|
-
e[5] || (e[5] =
|
248
|
+
e[5] || (e[5] = s("span", { class: "text-gray-800" }, "Видалити", -1))
|
249
249
|
])) : C("", !0)
|
250
250
|
])
|
251
251
|
];
|
@@ -255,23 +255,23 @@ function Ze(t, e, n, i, r, o) {
|
|
255
255
|
]),
|
256
256
|
f(c, {
|
257
257
|
visible: r.isDeleteConfirm,
|
258
|
-
"onUpdate:visible": e[3] || (e[3] = (
|
258
|
+
"onUpdate:visible": e[3] || (e[3] = (y) => r.isDeleteConfirm = y),
|
259
259
|
size: "small",
|
260
260
|
title: "Ви впевнені?"
|
261
261
|
}, {
|
262
262
|
default: w(() => [
|
263
|
-
|
264
|
-
e[6] || (e[6] =
|
265
|
-
|
266
|
-
|
263
|
+
s("div", Re, [
|
264
|
+
e[6] || (e[6] = s("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
|
265
|
+
s("div", Ge, [
|
266
|
+
s("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] = (
|
269
|
+
onClick: e[1] || (e[1] = (y) => r.isDeleteConfirm = !1)
|
270
270
|
}, " Скасувати "),
|
271
|
-
|
271
|
+
s("button", {
|
272
272
|
type: "button",
|
273
273
|
class: "inline-flex items-center px-3 py-2 text-sm font-semibold text-white bg-red-500 border border-transparent rounded-lg gap-x-2 hover:bg-red-600 disabled:opacity-50 disabled:pointer-events-none",
|
274
|
-
onClick: e[2] || (e[2] = (...
|
274
|
+
onClick: e[2] || (e[2] = (...y) => o.deleteElement && o.deleteElement(...y))
|
275
275
|
}, " Так, я впевнена/ий ")
|
276
276
|
])
|
277
277
|
])
|
@@ -290,12 +290,12 @@ const Je = /* @__PURE__ */ _(Oe, [["render", Ze]]), Ke = {}, Qe = {
|
|
290
290
|
"stroke-linecap": "round",
|
291
291
|
"stroke-linejoin": "round"
|
292
292
|
};
|
293
|
-
function Xe(t, e, n,
|
294
|
-
return
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
293
|
+
function Xe(t, e, n, a, r, o) {
|
294
|
+
return l(), i("svg", Qe, e[0] || (e[0] = [
|
295
|
+
s("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
296
|
+
s("path", { d: "M7 20V4" }, null, -1),
|
297
|
+
s("path", { d: "m21 8-4-4-4 4" }, null, -1),
|
298
|
+
s("path", { d: "M17 4v16" }, null, -1)
|
299
299
|
]));
|
300
300
|
}
|
301
301
|
const Ye = /* @__PURE__ */ _(Ke, [["render", Xe]]), et = {}, tt = {
|
@@ -310,19 +310,19 @@ const Ye = /* @__PURE__ */ _(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
|
314
|
-
return
|
315
|
-
|
313
|
+
function rt(t, e, n, a, r, o) {
|
314
|
+
return l(), i("svg", tt, e[0] || (e[0] = [
|
315
|
+
s("path", {
|
316
316
|
stroke: "none",
|
317
317
|
d: "M0 0h24v24H0z",
|
318
318
|
fill: "none"
|
319
319
|
}, null, -1),
|
320
|
-
|
321
|
-
|
320
|
+
s("path", { d: "M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" }, null, -1),
|
321
|
+
s("path", { d: "M9 12l2 2l4 -4" }, null, -1)
|
322
322
|
]));
|
323
323
|
}
|
324
|
-
const
|
325
|
-
components: { IconExport: Ye, IconChevronDown: we, IconSuccess:
|
324
|
+
const nt = /* @__PURE__ */ _(et, [["render", rt]]), st = {
|
325
|
+
components: { IconExport: Ye, IconChevronDown: we, IconSuccess: nt },
|
326
326
|
props: {
|
327
327
|
table: String,
|
328
328
|
columns: Array,
|
@@ -375,7 +375,7 @@ const rt = /* @__PURE__ */ _(et, [["render", nt]]), lt = {
|
|
375
375
|
return;
|
376
376
|
}
|
377
377
|
try {
|
378
|
-
const e = await
|
378
|
+
const e = await V.get("/api/export", {
|
379
379
|
params: {
|
380
380
|
table: this.table,
|
381
381
|
format: this.format,
|
@@ -388,11 +388,11 @@ const rt = /* @__PURE__ */ _(et, [["render", nt]]), lt = {
|
|
388
388
|
responseType: "blob"
|
389
389
|
}), n = new Blob([e.data], {
|
390
390
|
type: "application/octet-stream"
|
391
|
-
}),
|
392
|
-
r.href =
|
391
|
+
}), a = window.URL.createObjectURL(n), r = document.createElement("a");
|
392
|
+
r.href = a, r.setAttribute(
|
393
393
|
"download",
|
394
394
|
`${this.table.split(".")[0]}.${this.format}`
|
395
|
-
), document.body.appendChild(r), r.click(), document.body.removeChild(r), window.URL.revokeObjectURL(
|
395
|
+
), document.body.appendChild(r), r.click(), document.body.removeChild(r), window.URL.revokeObjectURL(a), this.$notify({
|
396
396
|
type: "success",
|
397
397
|
title: "Експорт",
|
398
398
|
message: "Файл успішно експортовано!"
|
@@ -420,13 +420,13 @@ const rt = /* @__PURE__ */ _(et, [["render", nt]]), lt = {
|
|
420
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
|
+
}, lt = {
|
424
424
|
key: 0,
|
425
425
|
class: "flex flex-col items-center"
|
426
426
|
}, ot = {
|
427
427
|
key: 1,
|
428
428
|
class: "p-4"
|
429
|
-
},
|
429
|
+
}, it = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, at = { class: "flex items-center" }, ct = { class: "flex items-center gap-[10px] ml-auto" }, ut = ["onClick"], dt = {
|
430
430
|
key: 0,
|
431
431
|
class: "block h-[8px] w-[8px] rounded-full bg-blue-500"
|
432
432
|
}, ht = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, pt = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, bt = { class: "mt-2 space-y-2" }, ft = ["id", "onChange"], mt = ["for"], gt = {
|
@@ -436,10 +436,10 @@ const rt = /* @__PURE__ */ _(et, [["render", nt]]), 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, n,
|
439
|
+
function yt(t, e, n, a, r, o) {
|
440
440
|
const u = d("IconExport"), b = d("IconChevronDown"), p = d("IconSuccess"), g = d("VsCheckbox"), k = d("VsDialog");
|
441
|
-
return
|
442
|
-
|
441
|
+
return l(), i($, null, [
|
442
|
+
s("button", {
|
443
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
|
}, [
|
@@ -461,24 +461,24 @@ function yt(t, e, n, i, r, o) {
|
|
461
461
|
closeClickBack: !0
|
462
462
|
}, {
|
463
463
|
footer: w(() => [
|
464
|
-
r.isSuccessTemplate ? (
|
465
|
-
|
464
|
+
r.isSuccessTemplate ? (l(), i("div", gt, [
|
465
|
+
s("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
468
|
onClick: e[2] || (e[2] = (c) => r.isOpen = !1)
|
469
469
|
}, " Закрити "),
|
470
|
-
|
470
|
+
s("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
473
|
onClick: e[3] || (e[3] = (c) => r.isSuccessTemplate = !1)
|
474
474
|
}, " Вигрузити ще ")
|
475
|
-
])) : (
|
476
|
-
|
475
|
+
])) : (l(), i("div", xt, [
|
476
|
+
s("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
479
|
onClick: e[4] || (e[4] = (c) => r.isOpen = !1)
|
480
480
|
}, " Скасувати "),
|
481
|
-
|
481
|
+
s("button", {
|
482
482
|
type: "button",
|
483
483
|
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",
|
484
484
|
onClick: e[5] || (e[5] = (...c) => o.exportTable && o.exportTable(...c))
|
@@ -486,36 +486,36 @@ function yt(t, e, n, i, r, o) {
|
|
486
486
|
]))
|
487
487
|
]),
|
488
488
|
default: w(() => [
|
489
|
-
r.isSuccessTemplate ? (
|
489
|
+
r.isSuccessTemplate ? (l(), i("div", lt, [
|
490
490
|
f(p, {
|
491
491
|
height: "100",
|
492
492
|
width: "100",
|
493
493
|
class: "text-green-200 mb-[20px]"
|
494
494
|
}),
|
495
|
-
e[8] || (e[8] =
|
496
|
-
])) : (
|
497
|
-
|
498
|
-
|
499
|
-
e[9] || (e[9] =
|
500
|
-
|
501
|
-
(
|
495
|
+
e[8] || (e[8] = s("h2", null, "Звіт сформовано і збережено", -1))
|
496
|
+
])) : (l(), i("div", ot, [
|
497
|
+
s("div", it, [
|
498
|
+
s("div", at, [
|
499
|
+
e[9] || (e[9] = s("h2", { class: "text-sm text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
|
500
|
+
s("div", ct, [
|
501
|
+
(l(!0), i($, null, A(r.actions, (c) => (l(), i("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
|
-
|
507
|
-
class:
|
506
|
+
s("span", {
|
507
|
+
class: T(["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) === r.activeAction ? (
|
509
|
+
(c == null ? void 0 : c.name) === r.activeAction ? (l(), i("span", dt)) : C("", !0)
|
510
510
|
], 2),
|
511
511
|
D(" " + S(c == null ? void 0 : c.label), 1)
|
512
512
|
], 8, ut))), 128))
|
513
513
|
])
|
514
514
|
]),
|
515
|
-
|
516
|
-
(
|
515
|
+
s("div", ht, [
|
516
|
+
(l(!0), i($, null, A(n.columns, (c, y) => (l(), i("div", {
|
517
517
|
class: "flex items-center",
|
518
|
-
key:
|
518
|
+
key: y,
|
519
519
|
style: { width: "calc((100% - 10px) / 2)" }
|
520
520
|
}, [
|
521
521
|
f(g, {
|
@@ -528,21 +528,21 @@ function yt(t, e, n, i, r, o) {
|
|
528
528
|
]))), 128))
|
529
529
|
])
|
530
530
|
]),
|
531
|
-
|
532
|
-
e[10] || (e[10] =
|
533
|
-
|
534
|
-
(
|
531
|
+
s("div", pt, [
|
532
|
+
e[10] || (e[10] = s("h2", { class: "text-sm text-gray-500" }, "Виберіть формат таблиці:", -1)),
|
533
|
+
s("div", bt, [
|
534
|
+
(l(!0), i($, null, A(r.tableFormats, (c, y) => (l(), i("div", {
|
535
535
|
class: "flex items-center",
|
536
|
-
key:
|
536
|
+
key: y
|
537
537
|
}, [
|
538
|
-
|
538
|
+
s("input", {
|
539
539
|
type: "radio",
|
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
543
|
onChange: (h) => o.selectFormat(c)
|
544
544
|
}, null, 40, ft),
|
545
|
-
|
545
|
+
s("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)
|
@@ -555,7 +555,7 @@ function yt(t, e, n, i, r, o) {
|
|
555
555
|
}, 8, ["visible"])
|
556
556
|
], 64);
|
557
557
|
}
|
558
|
-
const _t = /* @__PURE__ */ _(
|
558
|
+
const _t = /* @__PURE__ */ _(st, [["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,8 +565,8 @@ const _t = /* @__PURE__ */ _(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, n,
|
569
|
-
return
|
568
|
+
function wt(t, e, n, a, r, o) {
|
569
|
+
return l(), i("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
|
}
|
@@ -588,10 +588,10 @@ const Ct = /* @__PURE__ */ _(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, n,
|
591
|
+
function It(t, e, n, a, r, o) {
|
592
592
|
var u, b;
|
593
|
-
return
|
594
|
-
q(
|
593
|
+
return l(), i("label", St, [
|
594
|
+
q(s("input", {
|
595
595
|
"onUpdate:modelValue": e[0] || (e[0] = (p) => r.value = p),
|
596
596
|
type: "checkbox"
|
597
597
|
}, null, 512), [
|
@@ -606,19 +606,19 @@ const At = /* @__PURE__ */ _($t, [["render", It]]), Tt = {
|
|
606
606
|
props: { columns: Array },
|
607
607
|
methods: {
|
608
608
|
updateColumn(t) {
|
609
|
-
const e = this.columns.findIndex((
|
609
|
+
const e = this.columns.findIndex((a) => (a == null ? void 0 : a.name) === (t == null ? void 0 : t.name)), n = this.columns;
|
610
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, n,
|
614
|
+
function Mt(t, e, n, a, r, o) {
|
615
615
|
const u = d("IconColumns"), b = d("AdminTableColumnsHiddenItem"), p = d("VsPopover");
|
616
|
-
return
|
616
|
+
return l(), v(p, {
|
617
617
|
trigger: "click",
|
618
618
|
placement: "bottom"
|
619
619
|
}, {
|
620
620
|
reference: w(() => [
|
621
|
-
|
621
|
+
s("button", Vt, [
|
622
622
|
f(u, {
|
623
623
|
height: "20",
|
624
624
|
width: "16"
|
@@ -626,10 +626,10 @@ function Mt(t, e, n, i, r, o) {
|
|
626
626
|
])
|
627
627
|
]),
|
628
628
|
default: w(() => [
|
629
|
-
|
630
|
-
e[0] || (e[0] =
|
631
|
-
|
632
|
-
(
|
629
|
+
s("div", Dt, [
|
630
|
+
e[0] || (e[0] = s("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
|
631
|
+
s("ul", Ft, [
|
632
|
+
(l(!0), i($, null, A(n.columns, (g, k) => (l(), i("li", { key: k }, [
|
633
633
|
f(b, {
|
634
634
|
column: g,
|
635
635
|
onUpdateColumn: o.updateColumn
|
@@ -647,9 +647,9 @@ const jt = /* @__PURE__ */ _(Tt, [["render", Mt]]), qt = {}, zt = {
|
|
647
647
|
fill: "currentColor",
|
648
648
|
viewBox: "0 0 16 16"
|
649
649
|
};
|
650
|
-
function Bt(t, e, n,
|
651
|
-
return
|
652
|
-
|
650
|
+
function Bt(t, e, n, a, r, o) {
|
651
|
+
return l(), i("svg", zt, e[0] || (e[0] = [
|
652
|
+
s("path", {
|
653
653
|
"fill-rule": "evenodd",
|
654
654
|
"clip-rule": "evenodd",
|
655
655
|
d: "M8 1C8.55228 1 9 1.44772 9 2V7L14 7C14.5523 7 15 7.44771 15 8C15 8.55228 14.5523 9 14 9L9 9V14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14V9.00001L2 9.00001C1.44772 9.00001 1 8.5523 1 8.00001C0.999999 7.44773 1.44771 7.00001 2 7.00001L7 7.00001V2C7 1.44772 7.44772 1 8 1Z"
|
@@ -657,29 +657,29 @@ function Bt(t, e, n, i, r, o) {
|
|
657
657
|
]));
|
658
658
|
}
|
659
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,
|
661
|
-
return
|
660
|
+
function Ut(t, e, n, a, r, o) {
|
661
|
+
return l(), i("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
665
|
const Ot = /* @__PURE__ */ _(Pt, [["render", Ut]]), Et = {
|
666
666
|
props: { row: Object, column: Object, table: String }
|
667
667
|
};
|
668
|
-
function Ht(t, e, n,
|
669
|
-
var u, b, p, g, k, c,
|
670
|
-
return
|
668
|
+
function Ht(t, e, n, a, r, o) {
|
669
|
+
var u, b, p, g, k, c, y, h;
|
670
|
+
return l(), v(ke(
|
671
671
|
((u = n.column) == null ? void 0 : u.format) === "custom" ? (b = n.column) == null ? void 0 : b.component : `table-format-${((g = (p = n.column) == null ? void 0 : p.format) == null ? void 0 : g.toLowerCase()) || "text"}`
|
672
672
|
), {
|
673
|
-
onUpdateTable: e[0] || (e[0] = (
|
673
|
+
onUpdateTable: e[0] || (e[0] = (x) => t.$emit("update-table")),
|
674
674
|
name: (k = n.column) == null ? void 0 : k.name,
|
675
675
|
data: n.row,
|
676
|
-
value: (
|
676
|
+
value: (y = n.row) == null ? void 0 : y[(c = n.column) == null ? void 0 : c.name],
|
677
677
|
table: n.table,
|
678
678
|
column: n.column,
|
679
679
|
edit: (h = n.column) == null ? void 0 : h.edit
|
680
680
|
}, null, 40, ["name", "data", "value", "table", "column", "edit"]);
|
681
681
|
}
|
682
|
-
const
|
682
|
+
const ie = /* @__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,14 +689,14 @@ const ae = /* @__PURE__ */ _(Et, [["render", Ht]]), Nt = {}, 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, n,
|
693
|
-
return
|
694
|
-
|
692
|
+
function Rt(t, e, n, a, r, o) {
|
693
|
+
return l(), i("svg", Wt, e[0] || (e[0] = [
|
694
|
+
s("path", {
|
695
695
|
stroke: "none",
|
696
696
|
d: "M0 0h24v24H0z",
|
697
697
|
fill: "none"
|
698
698
|
}, null, -1),
|
699
|
-
|
699
|
+
s("path", { d: "M5 12l14 0" }, null, -1)
|
700
700
|
]));
|
701
701
|
}
|
702
702
|
const Gt = /* @__PURE__ */ _(Nt, [["render", Rt]]), Zt = {
|
@@ -706,34 +706,34 @@ const Gt = /* @__PURE__ */ _(Nt, [["render", Rt]]), Zt = {
|
|
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, n,
|
709
|
+
function Yt(t, e, n, a, r, o) {
|
710
710
|
const u = d("IconPlus"), b = d("IconMinus");
|
711
|
-
return
|
712
|
-
|
713
|
-
|
714
|
-
|
715
|
-
|
711
|
+
return l(), i("div", null, [
|
712
|
+
s("div", null, [
|
713
|
+
s("div", Jt, [
|
714
|
+
s("div", Kt, [
|
715
|
+
s("div", {
|
716
716
|
onClick: e[0] || (e[0] = (p) => r.expanded = !r.expanded),
|
717
717
|
class: "grow rounded-md cursor-pointer"
|
718
718
|
}, [
|
719
|
-
|
719
|
+
s("span", Qt, S(n.title), 1)
|
720
720
|
]),
|
721
|
-
|
721
|
+
s("button", {
|
722
722
|
class: "size-6 flex justify-center items-center hover:bg-gray-100 rounded-md",
|
723
723
|
onClick: e[1] || (e[1] = (p) => r.expanded = !r.expanded)
|
724
724
|
}, [
|
725
|
-
r.expanded ? (
|
725
|
+
r.expanded ? (l(), v(b, {
|
726
726
|
key: 1,
|
727
727
|
width: "14"
|
728
|
-
})) : (
|
728
|
+
})) : (l(), v(u, { key: 0 }))
|
729
729
|
])
|
730
730
|
]),
|
731
731
|
f(z, { name: "fade" }, {
|
732
732
|
default: w(() => [
|
733
|
-
q(
|
733
|
+
q(s("div", Xt, [
|
734
734
|
ve(t.$slots, "default", {}, void 0, !0)
|
735
735
|
], 512), [
|
736
|
-
[
|
736
|
+
[le, r.expanded]
|
737
737
|
])
|
738
738
|
]),
|
739
739
|
_: 3
|
@@ -742,47 +742,47 @@ function Yt(t, e, n, i, r, o) {
|
|
742
742
|
])
|
743
743
|
]);
|
744
744
|
}
|
745
|
-
const
|
745
|
+
const er = /* @__PURE__ */ _(Zt, [["render", Yt], ["__scopeId", "data-v-4139bc00"]]), tr = {
|
746
746
|
components: {
|
747
|
-
AdminComponentIs:
|
748
|
-
AdminTree:
|
747
|
+
AdminComponentIs: ie,
|
748
|
+
AdminTree: er,
|
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
|
+
}, rr = {
|
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
|
+
}, nr = {
|
759
759
|
class: "border-l",
|
760
760
|
style: { height: "calc(100vh - 360px)" }
|
761
|
-
},
|
762
|
-
function
|
763
|
-
var
|
761
|
+
}, sr = { class: "flex items-center justify-between py-1 gap-x-4" }, lr = { class: "col-span-1" }, or = { class: "inline-flex items-center gap-x-2 text-[13px] text-gray-500 dark:text-neutral-500" }, ir = { class: "col-span-2" }, ar = { class: "font-medium text-[13px] text-gray-800 dark:text-neutral-200" }, cr = { class: "table-info-card" }, ur = { class: "table-info-card" };
|
762
|
+
function dr(t, e, n, a, r, o) {
|
763
|
+
var y, h;
|
764
764
|
const u = d("AdminComponentIs"), b = d("AdminTree"), p = d("VsWidgetMap"), g = d("VsNoData"), k = d("VsWidgetComments"), c = d("VsWidgetFileList");
|
765
|
-
return
|
766
|
-
e[0] || (e[0] =
|
767
|
-
|
765
|
+
return l(), i("div", rr, [
|
766
|
+
e[0] || (e[0] = s("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
|
767
|
+
s("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
|
768
768
|
], -1)),
|
769
|
-
|
770
|
-
(h = (
|
771
|
-
n.row ? (
|
769
|
+
s("div", nr, [
|
770
|
+
(h = (y = t.$route) == null ? void 0 : y.query) != null && h.card ? (l(), i($, { key: 0 }, [
|
771
|
+
n.row ? (l(), v(b, {
|
772
772
|
key: 0,
|
773
773
|
title: "Основна інформація",
|
774
774
|
class: "border-b p-[10px] py-[16px]"
|
775
775
|
}, {
|
776
776
|
default: w(() => [
|
777
|
-
(
|
778
|
-
|
779
|
-
|
777
|
+
(l(!0), i($, null, A(n.columns, (x) => (l(), i("dl", sr, [
|
778
|
+
s("dt", lr, [
|
779
|
+
s("p", or, S((x == null ? void 0 : x.ua) || (x == null ? void 0 : x.title)) + ": ", 1)
|
780
780
|
]),
|
781
|
-
|
782
|
-
|
781
|
+
s("dd", ir, [
|
782
|
+
s("p", ar, [
|
783
783
|
f(u, {
|
784
784
|
row: n.row,
|
785
|
-
column:
|
785
|
+
column: x,
|
786
786
|
table: n.table
|
787
787
|
}, null, 8, ["row", "column", "table"])
|
788
788
|
])
|
@@ -796,13 +796,13 @@ function hn(t, e, n, i, r, o) {
|
|
796
796
|
class: "border-b p-[10px] py-[16px]"
|
797
797
|
}, {
|
798
798
|
default: w(() => {
|
799
|
-
var
|
799
|
+
var x, I;
|
800
800
|
return [
|
801
|
-
(
|
801
|
+
(x = n.row) != null && x.geom ? (l(), v(p, {
|
802
802
|
key: 0,
|
803
|
-
geometry: (
|
803
|
+
geometry: (I = n.row) == null ? void 0 : I.geom,
|
804
804
|
zoom: 14
|
805
|
-
}, null, 8, ["geometry"])) : (
|
805
|
+
}, null, 8, ["geometry"])) : (l(), v(g, {
|
806
806
|
key: 1,
|
807
807
|
title: "У об'єкта відсутня геометрія",
|
808
808
|
text: "",
|
@@ -817,11 +817,11 @@ function hn(t, e, n, i, r, o) {
|
|
817
817
|
class: "border-b p-[10px] py-[16px]"
|
818
818
|
}, {
|
819
819
|
default: w(() => {
|
820
|
-
var
|
820
|
+
var x;
|
821
821
|
return [
|
822
|
-
|
822
|
+
s("div", cr, [
|
823
823
|
f(k, {
|
824
|
-
id: (
|
824
|
+
id: (x = n.row) == null ? void 0 : x.id
|
825
825
|
}, null, 8, ["id"])
|
826
826
|
])
|
827
827
|
];
|
@@ -833,25 +833,25 @@ function hn(t, e, n, i, r, o) {
|
|
833
833
|
class: "border-b p-[10px] py-[16px]"
|
834
834
|
}, {
|
835
835
|
default: w(() => {
|
836
|
-
var
|
836
|
+
var x;
|
837
837
|
return [
|
838
|
-
|
838
|
+
s("div", ur, [
|
839
839
|
f(c, {
|
840
|
-
id: (
|
840
|
+
id: (x = n.row) == null ? void 0 : x.id
|
841
841
|
}, null, 8, ["id"])
|
842
842
|
])
|
843
843
|
];
|
844
844
|
}),
|
845
845
|
_: 1
|
846
846
|
})
|
847
|
-
], 64)) : (
|
847
|
+
], 64)) : (l(), v(g, {
|
848
848
|
key: 1,
|
849
849
|
text: "Оберіть один з об'єктів в таблиці для відображення інформаціі про нього"
|
850
850
|
}))
|
851
851
|
])
|
852
852
|
]);
|
853
853
|
}
|
854
|
-
const
|
854
|
+
const hr = /* @__PURE__ */ _(tr, [["render", dr]]), pr = {}, br = {
|
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,20 +861,20 @@ const pn = /* @__PURE__ */ _(tn, [["render", hn]]), bn = {}, fn = {
|
|
861
861
|
"stroke-linecap": "round",
|
862
862
|
"stroke-linejoin": "round"
|
863
863
|
};
|
864
|
-
function
|
865
|
-
return
|
866
|
-
|
864
|
+
function fr(t, e, n, a, r, o) {
|
865
|
+
return l(), i("svg", br, e[0] || (e[0] = [
|
866
|
+
s("rect", {
|
867
867
|
width: "18",
|
868
868
|
height: "18",
|
869
869
|
x: "3",
|
870
870
|
y: "3",
|
871
871
|
rx: "2"
|
872
872
|
}, null, -1),
|
873
|
-
|
874
|
-
|
873
|
+
s("path", { d: "M15 3v18" }, null, -1),
|
874
|
+
s("path", { d: "m8 9 3 3-3 3" }, null, -1)
|
875
875
|
]));
|
876
876
|
}
|
877
|
-
const
|
877
|
+
const mr = /* @__PURE__ */ _(pr, [["render", fr]]), gr = {}, xr = {
|
878
878
|
class: "h21yx vs0hq",
|
879
879
|
xmlns: "http://www.w3.org/2000/svg",
|
880
880
|
width: "24",
|
@@ -886,15 +886,15 @@ const gn = /* @__PURE__ */ _(bn, [["render", mn]]), xn = {}, yn = {
|
|
886
886
|
"stroke-linecap": "round",
|
887
887
|
"stroke-linejoin": "round"
|
888
888
|
};
|
889
|
-
function
|
890
|
-
return
|
889
|
+
function yr(t, e, n, a, r, o) {
|
890
|
+
return l(), i("svg", xr, 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 _r = /* @__PURE__ */ _(gr, [["render", yr]]), kr = {
|
895
895
|
emits: ["filterChange"],
|
896
896
|
props: { scheme: { type: Object }, onFilters: { type: Number } },
|
897
|
-
components: { IconFilter:
|
897
|
+
components: { IconFilter: _r },
|
898
898
|
data() {
|
899
899
|
return {
|
900
900
|
isFilters: !1
|
@@ -905,14 +905,14 @@ const kn = /* @__PURE__ */ _(xn, [["render", _n]]), vn = {
|
|
905
905
|
this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
|
906
906
|
}
|
907
907
|
}
|
908
|
-
},
|
908
|
+
}, vr = {
|
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
|
+
}, wr = { 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 Cr(t, e, n, a, r, o) {
|
913
913
|
const u = d("IconFilter"), b = d("VsFilter");
|
914
|
-
return
|
915
|
-
|
914
|
+
return l(), i($, null, [
|
915
|
+
s("button", {
|
916
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
|
}, [
|
@@ -921,19 +921,19 @@ function $n(t, e, n, i, r, o) {
|
|
921
921
|
width: "16"
|
922
922
|
}),
|
923
923
|
e[4] || (e[4] = D(" Фільтри ")),
|
924
|
-
n.onFilters ? (
|
924
|
+
n.onFilters ? (l(), i("span", vr, S(n.onFilters), 1)) : C("", !0)
|
925
925
|
]),
|
926
926
|
f(z, { name: "fade" }, {
|
927
927
|
default: w(() => {
|
928
928
|
var p;
|
929
929
|
return [
|
930
|
-
q(
|
930
|
+
q(s("div", {
|
931
931
|
onClick: e[3] || (e[3] = (...g) => o.closeFilter && o.closeFilter(...g)),
|
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
|
-
|
936
|
-
(p = n.scheme) != null && p.length ? (
|
935
|
+
s("div", wr, [
|
936
|
+
(p = n.scheme) != null && p.length ? (l(), v(b, {
|
937
937
|
key: 0,
|
938
938
|
ref: "filter",
|
939
939
|
scheme: n.scheme,
|
@@ -947,7 +947,7 @@ function $n(t, e, n, i, r, o) {
|
|
947
947
|
}, null, 8, ["scheme"])) : C("", !0)
|
948
948
|
])
|
949
949
|
], 512), [
|
950
|
-
[
|
950
|
+
[le, r.isFilters]
|
951
951
|
])
|
952
952
|
];
|
953
953
|
}),
|
@@ -955,25 +955,25 @@ function $n(t, e, n, i, r, o) {
|
|
955
955
|
})
|
956
956
|
], 64);
|
957
957
|
}
|
958
|
-
const
|
958
|
+
const $r = /* @__PURE__ */ _(kr, [["render", Cr]]), Sr = {
|
959
959
|
props: { tabsList: { type: Array, default: () => [] }, filterState: String }
|
960
|
-
},
|
960
|
+
}, Ir = {
|
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
|
968
|
-
(
|
965
|
+
}, Ar = ["onClick"];
|
966
|
+
function Tr(t, e, n, a, r, o) {
|
967
|
+
return l(), i("nav", Ir, [
|
968
|
+
(l(!0), i($, null, A(n.tabsList, (u) => (l(), i("button", {
|
969
969
|
onClick: (b) => t.$emit("update:filterState", u == null ? void 0 : u.name),
|
970
|
-
class:
|
970
|
+
class: T(["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
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
|
-
}, S(u == null ? void 0 : u.label), 11,
|
973
|
+
}, S(u == null ? void 0 : u.label), 11, Ar))), 256))
|
974
974
|
]);
|
975
975
|
}
|
976
|
-
const
|
976
|
+
const Vr = /* @__PURE__ */ _(Sr, [["render", Tr]]), Dr = {}, Fr = {
|
977
977
|
xmlns: "http://www.w3.org/2000/svg",
|
978
978
|
viewBox: "0 0 24 24",
|
979
979
|
fill: "none",
|
@@ -983,28 +983,28 @@ const Dn = /* @__PURE__ */ _(In, [["render", Vn]]), Fn = {}, Mn = {
|
|
983
983
|
"stroke-linejoin": "round",
|
984
984
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-filter"
|
985
985
|
};
|
986
|
-
function
|
987
|
-
return
|
988
|
-
|
986
|
+
function Mr(t, e, n, a, r, o) {
|
987
|
+
return l(), i("svg", Fr, e[0] || (e[0] = [
|
988
|
+
s("path", {
|
989
989
|
stroke: "none",
|
990
990
|
d: "M0 0h24v24H0z",
|
991
991
|
fill: "none"
|
992
992
|
}, null, -1),
|
993
|
-
|
993
|
+
s("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 jr = /* @__PURE__ */ _(Dr, [["render", Mr]]), qr = {
|
997
|
+
components: { IconFilter2: jr },
|
998
998
|
props: { filterCustom: String, customList: Array }
|
999
|
-
},
|
1000
|
-
function
|
999
|
+
}, zr = { 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" }, Br = { class: "flex flex-col gap-[4px]" }, Pr = ["onClick"];
|
1000
|
+
function Lr(t, e, n, a, r, o) {
|
1001
1001
|
const u = d("IconFilter2"), b = d("VsPopover");
|
1002
|
-
return
|
1002
|
+
return l(), v(b, {
|
1003
1003
|
ref: "popover",
|
1004
1004
|
placement: "bottom"
|
1005
1005
|
}, {
|
1006
1006
|
reference: w(() => [
|
1007
|
-
|
1007
|
+
s("button", zr, [
|
1008
1008
|
f(u, {
|
1009
1009
|
height: "20",
|
1010
1010
|
width: "20"
|
@@ -1012,16 +1012,16 @@ function Un(t, e, n, i, r, o) {
|
|
1012
1012
|
])
|
1013
1013
|
]),
|
1014
1014
|
default: w(() => [
|
1015
|
-
|
1016
|
-
(
|
1015
|
+
s("div", Br, [
|
1016
|
+
(l(!0), i($, null, A(n.customList, (p, g) => (l(), i("button", {
|
1017
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
1021
|
key: g,
|
1022
|
-
class:
|
1023
|
-
}, S(p == null ? void 0 : p.label), 11,
|
1024
|
-
|
1022
|
+
class: T(["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, Pr))), 128)),
|
1024
|
+
s("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
1027
|
var g;
|
@@ -1033,14 +1033,14 @@ function Un(t, e, n, i, r, o) {
|
|
1033
1033
|
_: 1
|
1034
1034
|
}, 512);
|
1035
1035
|
}
|
1036
|
-
const
|
1036
|
+
const Ur = /* @__PURE__ */ _(qr, [["render", Lr]]), Or = (t, e = 300) => {
|
1037
1037
|
let n;
|
1038
|
-
return function(...
|
1038
|
+
return function(...a) {
|
1039
1039
|
clearTimeout(n), n = setTimeout(() => {
|
1040
|
-
t.apply(this,
|
1040
|
+
t.apply(this, a);
|
1041
1041
|
}, e);
|
1042
1042
|
};
|
1043
|
-
},
|
1043
|
+
}, Er = {
|
1044
1044
|
props: { table: String, title: String },
|
1045
1045
|
components: {
|
1046
1046
|
AdminTableControl: Je,
|
@@ -1050,12 +1050,12 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1050
1050
|
AdminNodata: Ot,
|
1051
1051
|
IconPlus: oe,
|
1052
1052
|
IconSearch: xe,
|
1053
|
-
AdminTableCardInfo:
|
1054
|
-
IconOpenCard:
|
1055
|
-
AdminComponentIs:
|
1056
|
-
AdminTableFilters:
|
1057
|
-
AdminTableTabs:
|
1058
|
-
AdminTableCustomFilters:
|
1053
|
+
AdminTableCardInfo: hr,
|
1054
|
+
IconOpenCard: mr,
|
1055
|
+
AdminComponentIs: ie,
|
1056
|
+
AdminTableFilters: $r,
|
1057
|
+
AdminTableTabs: Vr,
|
1058
|
+
AdminTableCustomFilters: Ur
|
1059
1059
|
},
|
1060
1060
|
data() {
|
1061
1061
|
return {
|
@@ -1097,8 +1097,8 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1097
1097
|
activeCardRow() {
|
1098
1098
|
var t, e;
|
1099
1099
|
return ((e = (t = this.tableData) == null ? void 0 : t.rows) == null ? void 0 : e.find((n) => {
|
1100
|
-
var
|
1101
|
-
return (n == null ? void 0 : n.id) === ((r = (
|
1100
|
+
var a, r;
|
1101
|
+
return (n == null ? void 0 : n.id) === ((r = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : r.card);
|
1102
1102
|
})) || {};
|
1103
1103
|
},
|
1104
1104
|
getActions() {
|
@@ -1111,19 +1111,18 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1111
1111
|
this.tableData = null, await this.getTableData();
|
1112
1112
|
},
|
1113
1113
|
searchValue: {
|
1114
|
-
handler:
|
1114
|
+
handler: Or(async function(t) {
|
1115
1115
|
var e;
|
1116
1116
|
await this.getTableData(), this.$router.push({
|
1117
1117
|
...this.$route,
|
1118
1118
|
query: { ...(e = this.$route) == null ? void 0 : e.query, search: t || void 0 }
|
1119
1119
|
});
|
1120
|
-
}, 500)
|
1121
|
-
immediate: !0
|
1120
|
+
}, 500)
|
1122
1121
|
},
|
1123
1122
|
$route: {
|
1124
1123
|
handler(t, e) {
|
1125
|
-
var n,
|
1126
|
-
((n = t == null ? void 0 : t.params) == null ? void 0 : n.catchAll) !== ((
|
1124
|
+
var n, a;
|
1125
|
+
((n = t == null ? void 0 : t.params) == null ? void 0 : n.catchAll) !== ((a = e == null ? void 0 : e.params) == null ? void 0 : a.catchAll) && (this.visibleColumns = [], this.unmountedData(), this.getFilters());
|
1127
1126
|
},
|
1128
1127
|
deep: !0
|
1129
1128
|
},
|
@@ -1142,28 +1141,28 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1142
1141
|
var e;
|
1143
1142
|
this.$router.replace({
|
1144
1143
|
...this.$route,
|
1145
|
-
query: { ...(e = this.$route) == null ? void 0 : e.query,
|
1144
|
+
query: { ...(e = this.$route) == null ? void 0 : e.query, custom: t }
|
1146
1145
|
}), this.getTableData();
|
1147
1146
|
},
|
1148
1147
|
columns(t) {
|
1149
|
-
var e, n,
|
1148
|
+
var e, n, a, r;
|
1150
1149
|
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({
|
1151
1150
|
...this.$route,
|
1152
1151
|
query: {
|
1153
1152
|
...(n = this.$route) == null ? void 0 : n.query,
|
1154
|
-
columns: (
|
1153
|
+
columns: (a = this.visibleColumns) != null && a.length ? (r = this.visibleColumns) == null ? void 0 : r.join(",") : void 0
|
1155
1154
|
}
|
1156
1155
|
});
|
1157
1156
|
}
|
1158
1157
|
},
|
1159
1158
|
methods: {
|
1160
1159
|
async checkUrlMounted() {
|
1161
|
-
var t, e, n,
|
1162
|
-
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((
|
1160
|
+
var t, e, n, a, r, o, u, b, p, g, k, c, y, h, x, I;
|
1161
|
+
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((a = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : a.limit) || 20, this.filters = decodeURI((o = (r = this.$route) == null ? void 0 : r.query) == null ? void 0 : o.filter) || void 0, this.filterState = ((b = (u = this.$route) == null ? void 0 : u.query) == null ? void 0 : b.filterState) || null, this.filterCustom = ((g = (p = this.$route) == null ? void 0 : p.query) == null ? void 0 : g.custom) || null, this.searchValue = ((c = (k = this.$route) == null ? void 0 : k.query) == null ? void 0 : c.search) || "", this.visibleColumns = ((x = (h = (y = this.$route) == null ? void 0 : y.query) == null ? void 0 : h.columns) == null ? void 0 : x.split(",")) || [], (I = this.$route) != null && I.query.card && (this.isVisibleCardInfo = !0);
|
1163
1162
|
},
|
1164
1163
|
rowWidth(t) {
|
1165
|
-
var n,
|
1166
|
-
const e = (
|
1164
|
+
var n, a;
|
1165
|
+
const e = (a = (n = this.tableData) == null ? void 0 : n.columns) == null ? void 0 : a.find((r) => r.name === t);
|
1167
1166
|
if (e) {
|
1168
1167
|
const r = e == null ? void 0 : e.width;
|
1169
1168
|
return r != null && r.includes("px") ? r : `${r}px`;
|
@@ -1173,9 +1172,9 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1173
1172
|
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 = "";
|
1174
1173
|
},
|
1175
1174
|
async getTableData() {
|
1176
|
-
var t, e, n,
|
1175
|
+
var t, e, n, a, r, o, u, b, p, g, k;
|
1177
1176
|
try {
|
1178
|
-
const { data: c } = await
|
1177
|
+
const { data: c } = await V.get(`/api/template/table/${this.table}`), y = await V.get(`/api/table-data/${this.table}`, {
|
1179
1178
|
params: {
|
1180
1179
|
page: this.page,
|
1181
1180
|
search: this.searchValue || null,
|
@@ -1188,10 +1187,10 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1188
1187
|
});
|
1189
1188
|
this.tableData = {
|
1190
1189
|
...c,
|
1191
|
-
...(
|
1192
|
-
}, this.initialHiddenColumns = (o = (r = (
|
1193
|
-
var
|
1194
|
-
(
|
1190
|
+
...(y == null ? void 0 : y.data) || {}
|
1191
|
+
}, this.initialHiddenColumns = (o = (r = (a = (n = this.tableData) == null ? void 0 : n.columns) == null ? void 0 : a.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) => {
|
1192
|
+
var x;
|
1193
|
+
(x = this.visibleColumns) != null && x.includes(h == null ? void 0 : h.name) ? h.hidden = !1 : h.hidden = !0;
|
1195
1194
|
}) : this.visibleColumns = (k = (g = (p = this.tableData) == null ? void 0 : p.columns) == null ? void 0 : g.filter((h) => (h == null ? void 0 : h.hidden) !== !0)) == null ? void 0 : k.map((h) => h == null ? void 0 : h.name);
|
1196
1195
|
} catch {
|
1197
1196
|
}
|
@@ -1199,7 +1198,7 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1199
1198
|
async getFilters() {
|
1200
1199
|
var t;
|
1201
1200
|
try {
|
1202
|
-
const { data: e } = await
|
1201
|
+
const { data: e } = await V.get(`/api/table-filter/${this.table}`);
|
1203
1202
|
this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((n) => ({
|
1204
1203
|
...n,
|
1205
1204
|
label: (n == null ? void 0 : n.label) || (n == null ? void 0 : n.ua)
|
@@ -1240,23 +1239,26 @@ const On = /* @__PURE__ */ _(zn, [["render", Un]]), En = (t, e = 300) => {
|
|
1240
1239
|
});
|
1241
1240
|
}
|
1242
1241
|
}
|
1243
|
-
},
|
1242
|
+
}, Hr = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, Nr = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, Wr = { class: "text-xl font-medium" }, Rr = {
|
1244
1243
|
style: { height: "calc(100vh - 155px)", width: "calc(100vw - 260px)" },
|
1245
1244
|
class: "bg-gray-50 p-[20px] flex pt-[10px]"
|
1246
|
-
},
|
1245
|
+
}, Gr = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, Zr = { class: "flex" }, Jr = { class: "flex gap-[6px] ml-auto" }, Kr = { class: "inline-block w-full align-middle" }, Qr = {
|
1247
1246
|
key: 0,
|
1248
1247
|
class: "relative min-w-full divide-y divide-gray-200 table-fixed dark:divide-neutral-700"
|
1249
|
-
},
|
1248
|
+
}, Xr = { class: "sticky top-[-1px] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Yr = { class: "right-0 border-t border-stone-200" }, en = { class: "divide-y divide-gray-200" }, tn = { class: "px-4 py-3 text-sm text-gray-600" }, rn = ["onClick"], nn = ["onClick"], sn = {
|
1250
1249
|
key: 0,
|
1251
1250
|
class: "text-center sticky right-0 bg-white w-[80px] px-[10px]"
|
1252
|
-
},
|
1253
|
-
|
1251
|
+
}, ln = { class: "p-[20px] flex justify-start items-center w-full" }, on = { class: "w-[200px]" }, an = { class: "text-sm text-gray-600 dark:text-neutral-400" }, cn = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, un = { key: 0 }, dn = {
|
1252
|
+
key: 0,
|
1253
|
+
class: "font-semibold text-gray-800 dark:text-neutral-200"
|
1254
|
+
};
|
1255
|
+
function hn(t, e, n, a, r, o) {
|
1254
1256
|
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"), g = d("IconSearch"), k = d("VsText"), c = d("AdminTableCustomFilters"),
|
1256
|
-
return
|
1257
|
-
|
1258
|
-
|
1259
|
-
o.isForm ? (
|
1257
|
+
const u = d("IconPlus"), b = d("router-link"), p = d("AdminTableTabs"), g = d("IconSearch"), k = d("VsText"), c = d("AdminTableCustomFilters"), y = d("AdminTableColumnsHidden"), h = d("AdminTableExport"), x = d("AdminTableFilters"), I = d("IconOpenCard"), F = d("AdminTableColumn"), M = d("AdminComponentIs"), ae = d("AdminTableControl"), ce = d("AdminNodata"), ue = d("VsPagination"), de = d("AdminTableCardInfo");
|
1258
|
+
return l(), i("div", Hr, [
|
1259
|
+
s("div", Nr, [
|
1260
|
+
s("h2", Wr, S(n.title), 1),
|
1261
|
+
o.isForm ? (l(), v(b, {
|
1260
1262
|
key: 0,
|
1261
1263
|
to: `/add?table=${(P = (B = t.$route) == null ? void 0 : B.params) == null ? void 0 : P.catchAll}`,
|
1262
1264
|
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"
|
@@ -1271,20 +1273,20 @@ function dr(t, e, n, i, r, o) {
|
|
1271
1273
|
_: 1
|
1272
1274
|
}, 8, ["to"])) : C("", !0)
|
1273
1275
|
]),
|
1274
|
-
|
1275
|
-
|
1276
|
-
(U = (L = r.tableData) == null ? void 0 : L.filterState) != null && U.length ? (
|
1276
|
+
s("div", Rr, [
|
1277
|
+
s("div", Gr, [
|
1278
|
+
(U = (L = r.tableData) == null ? void 0 : L.filterState) != null && U.length ? (l(), v(p, {
|
1277
1279
|
key: 0,
|
1278
1280
|
tabsList: (O = r.tableData) == null ? void 0 : O.filterState,
|
1279
1281
|
filterState: r.filterState,
|
1280
1282
|
"onUpdate:filterState": e[0] || (e[0] = (m) => r.filterState = m)
|
1281
1283
|
}, null, 8, ["tabsList", "filterState"])) : C("", !0),
|
1282
|
-
|
1283
|
-
|
1284
|
-
class:
|
1284
|
+
s("div", Zr, [
|
1285
|
+
s("div", {
|
1286
|
+
class: T([r.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
|
1285
1287
|
}, [
|
1286
|
-
|
1287
|
-
class:
|
1288
|
+
s("div", {
|
1289
|
+
class: T(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !r.isVisibleCardInfo }])
|
1288
1290
|
}, [
|
1289
1291
|
f(g, {
|
1290
1292
|
height: "14",
|
@@ -1298,14 +1300,14 @@ function dr(t, e, n, i, r, o) {
|
|
1298
1300
|
clearable: !0,
|
1299
1301
|
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"
|
1300
1302
|
}, null, 8, ["modelValue"]),
|
1301
|
-
|
1302
|
-
(H = (E = r.tableData) == null ? void 0 : E.filterCustom) != null && H.length ? (
|
1303
|
+
s("div", Jr, [
|
1304
|
+
(H = (E = r.tableData) == null ? void 0 : E.filterCustom) != null && H.length ? (l(), v(c, {
|
1303
1305
|
key: 0,
|
1304
1306
|
customList: (N = r.tableData) == null ? void 0 : N.filterCustom,
|
1305
1307
|
filterCustom: r.filterCustom,
|
1306
1308
|
"onUpdate:filterCustom": e[2] || (e[2] = (m) => r.filterCustom = m)
|
1307
1309
|
}, null, 8, ["customList", "filterCustom"])) : C("", !0),
|
1308
|
-
f(
|
1310
|
+
f(y, {
|
1309
1311
|
columns: (W = r.tableData) == null ? void 0 : W.columns,
|
1310
1312
|
onUpdateColumns: e[3] || (e[3] = (m) => r.tableData.columns = m)
|
1311
1313
|
}, null, 8, ["columns"]),
|
@@ -1317,37 +1319,37 @@ function dr(t, e, n, i, r, o) {
|
|
1317
1319
|
"filter-custom": r.filterCustom,
|
1318
1320
|
filters: r.filters
|
1319
1321
|
}, null, 8, ["table", "columns", "page", "filter-state", "filter-custom", "filters"]),
|
1320
|
-
f(
|
1322
|
+
f(x, {
|
1321
1323
|
scheme: r.filterScheme,
|
1322
1324
|
onFilters: r.onFilters,
|
1323
1325
|
onFilterChange: o.filterChange
|
1324
1326
|
}, null, 8, ["scheme", "onFilters", "onFilterChange"]),
|
1325
|
-
|
1327
|
+
s("button", {
|
1326
1328
|
onClick: e[4] || (e[4] = (...m) => o.toggleCardInfo && o.toggleCardInfo(...m)),
|
1327
1329
|
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"
|
1328
1330
|
}, [
|
1329
|
-
f(
|
1330
|
-
class:
|
1331
|
+
f(I, {
|
1332
|
+
class: T({ "rotate-180 duration-300": !r.isVisibleCardInfo })
|
1331
1333
|
}, null, 8, ["class"])
|
1332
1334
|
])
|
1333
1335
|
])
|
1334
1336
|
], 2),
|
1335
|
-
|
1336
|
-
class:
|
1337
|
+
s("div", {
|
1338
|
+
class: T(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !r.isVisibleCardInfo }])
|
1337
1339
|
}, [
|
1338
|
-
|
1339
|
-
style:
|
1340
|
+
s("div", {
|
1341
|
+
style: se({
|
1340
1342
|
height: (Z = (G = r.tableData) == null ? void 0 : G.filterState) != null && Z.length ? "calc(100vh - 370px)" : "calc(100vh - 330px)"
|
1341
1343
|
}),
|
1342
1344
|
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"
|
1343
1345
|
}, [
|
1344
|
-
|
1345
|
-
o.isNoData ? (
|
1346
|
-
|
1347
|
-
|
1348
|
-
(
|
1346
|
+
s("div", Kr, [
|
1347
|
+
o.isNoData ? (l(), v(ce, { key: 1 })) : (l(), i("table", Qr, [
|
1348
|
+
s("thead", Xr, [
|
1349
|
+
s("tr", Yr, [
|
1350
|
+
(l(!0), i($, null, A(o.columns, (m) => (l(), v(F, {
|
1349
1351
|
key: m.name,
|
1350
|
-
style:
|
1352
|
+
style: se({
|
1351
1353
|
width: o.rowWidth(m == null ? void 0 : m.name),
|
1352
1354
|
textAlign: m == null ? void 0 : m.align,
|
1353
1355
|
wordBreak: m == null ? void 0 : m.wrap
|
@@ -1356,17 +1358,17 @@ function dr(t, e, n, i, r, o) {
|
|
1356
1358
|
activeColumn: r.activeColumn,
|
1357
1359
|
onChangeActive: o.changeActiveColumn
|
1358
1360
|
}, null, 8, ["style", "data", "activeColumn", "onChangeActive"]))), 128)),
|
1359
|
-
e[6] || (e[6] =
|
1361
|
+
e[6] || (e[6] = s("th", { class: "w-[70px] sticky right-0 top-0" }, null, -1))
|
1360
1362
|
])
|
1361
1363
|
]),
|
1362
|
-
|
1363
|
-
(
|
1364
|
+
s("tbody", en, [
|
1365
|
+
(l(!0), i($, null, A((J = r.tableData) == null ? void 0 : J.rows, (m, he) => {
|
1364
1366
|
var Y, ee, te;
|
1365
|
-
return
|
1366
|
-
|
1367
|
-
|
1367
|
+
return l(), i("tr", { key: he }, [
|
1368
|
+
s("td", tn, [
|
1369
|
+
s("button", {
|
1368
1370
|
onClick: () => o.pushToCard(m == null ? void 0 : m.id),
|
1369
|
-
class:
|
1371
|
+
class: T(["text-sm font-medium", [
|
1370
1372
|
((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"
|
1371
1373
|
]])
|
1372
1374
|
}, [
|
@@ -1376,22 +1378,22 @@ function dr(t, e, n, i, r, o) {
|
|
1376
1378
|
table: n.table,
|
1377
1379
|
onUpdateTable: o.getTableData
|
1378
1380
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
1379
|
-
], 10,
|
1381
|
+
], 10, rn)
|
1380
1382
|
]),
|
1381
|
-
(
|
1382
|
-
onClick: (
|
1383
|
-
class:
|
1384
|
-
key:
|
1383
|
+
(l(!0), i($, null, A((ee = o.columns) == null ? void 0 : ee.slice(1), (re) => (l(), i("td", {
|
1384
|
+
onClick: (gn) => o.changeActiveCardInfo(m == null ? void 0 : m.id),
|
1385
|
+
class: T(["px-3 py-3 text-sm text-gray-600 text-start whitespace-nowrap", { "cursor-pointer": r.isVisibleCardInfo }]),
|
1386
|
+
key: re.name
|
1385
1387
|
}, [
|
1386
1388
|
f(M, {
|
1387
1389
|
row: m,
|
1388
|
-
column:
|
1390
|
+
column: re,
|
1389
1391
|
table: n.table,
|
1390
1392
|
onUpdateTable: o.getTableData
|
1391
1393
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
1392
|
-
], 10,
|
1393
|
-
(te = o.getActions) != null && te.length ? (
|
1394
|
-
f(
|
1394
|
+
], 10, nn))), 128)),
|
1395
|
+
(te = o.getActions) != null && te.length ? (l(), i("td", sn, [
|
1396
|
+
f(ae, {
|
1395
1397
|
actions: o.getActions,
|
1396
1398
|
isForm: o.isForm,
|
1397
1399
|
item: m,
|
@@ -1406,29 +1408,33 @@ function dr(t, e, n, i, r, o) {
|
|
1406
1408
|
])
|
1407
1409
|
], 4)
|
1408
1410
|
], 2),
|
1409
|
-
|
1410
|
-
|
1411
|
-
|
1412
|
-
|
1413
|
-
|
1411
|
+
s("div", ln, [
|
1412
|
+
s("div", on, [
|
1413
|
+
s("p", an, [
|
1414
|
+
s("span", cn, [
|
1415
|
+
D(S(r.filters || r.searchValue ? "Знайдено" : "Об'єктів") + " " + S(((K = r.tableData) == null ? void 0 : K.count) || "0 ") + " ", 1),
|
1416
|
+
r.filters || r.searchValue ? (l(), i("span", un, " з")) : C("", !0)
|
1417
|
+
]),
|
1418
|
+
r.filters || r.searchValue ? (l(), i("span", dn, S(" " + ((Q = r.tableData) == null ? void 0 : Q.filtered) || 0), 1)) : C("", !0)
|
1414
1419
|
])
|
1415
1420
|
]),
|
1416
|
-
r.limit ? (
|
1421
|
+
r.limit ? (l(), v(ue, {
|
1417
1422
|
key: 0,
|
1418
1423
|
goTo: !1,
|
1419
1424
|
class: "justify-end",
|
1420
1425
|
"default-page": parseInt(o.defaultPage),
|
1421
|
-
total: ((X = r.tableData) == null ? void 0 : X.
|
1426
|
+
total: ((X = r.tableData) == null ? void 0 : X.filtered) || 0,
|
1422
1427
|
pageSize: parseInt(r.limit),
|
1423
1428
|
onPageChange: o.handlePageChange,
|
1424
1429
|
pageSizes: [10, 16, 20],
|
1425
|
-
onPageSizeChange: o.changeLimit
|
1430
|
+
onPageSizeChange: o.changeLimit,
|
1431
|
+
backgroundColor: "#D6D3D1"
|
1426
1432
|
}, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : C("", !0)
|
1427
1433
|
])
|
1428
1434
|
], 2),
|
1429
1435
|
f(z, { name: "slide-fade" }, {
|
1430
1436
|
default: w(() => [
|
1431
|
-
r.isVisibleCardInfo ? (
|
1437
|
+
r.isVisibleCardInfo ? (l(), v(de, {
|
1432
1438
|
key: 0,
|
1433
1439
|
table: n.table,
|
1434
1440
|
columns: o.columns,
|
@@ -1442,8 +1448,8 @@ function dr(t, e, n, i, r, o) {
|
|
1442
1448
|
])
|
1443
1449
|
]);
|
1444
1450
|
}
|
1445
|
-
const
|
1446
|
-
components: { AdminTable:
|
1451
|
+
const pn = /* @__PURE__ */ _(Er, [["render", hn], ["__scopeId", "data-v-0b56a902"]]), bn = {
|
1452
|
+
components: { AdminTable: pn },
|
1447
1453
|
data() {
|
1448
1454
|
return {
|
1449
1455
|
table: !1,
|
@@ -1455,7 +1461,7 @@ const hr = /* @__PURE__ */ _(Hn, [["render", dr], ["__scopeId", "data-v-4fec8b49
|
|
1455
1461
|
$route: {
|
1456
1462
|
async handler() {
|
1457
1463
|
var t;
|
1458
|
-
(t =
|
1464
|
+
(t = ne) != null && t.value || await this.getMenu(), await this.checkPageType();
|
1459
1465
|
},
|
1460
1466
|
deep: !0
|
1461
1467
|
},
|
@@ -1474,21 +1480,21 @@ const hr = /* @__PURE__ */ _(Hn, [["render", dr], ["__scopeId", "data-v-4fec8b49
|
|
1474
1480
|
}), e;
|
1475
1481
|
},
|
1476
1482
|
async checkPageType() {
|
1477
|
-
var
|
1478
|
-
const t = this.flattenMenu(
|
1483
|
+
var a, r;
|
1484
|
+
const t = this.flattenMenu(ne.value);
|
1479
1485
|
t != null && t.length || this.$router.replace("/404");
|
1480
1486
|
const e = t == null ? void 0 : t.find((o) => {
|
1481
1487
|
var u, b;
|
1482
1488
|
return (o == null ? void 0 : o.path) == ((b = (u = this.$route) == null ? void 0 : u.params) == null ? void 0 : b.catchAll);
|
1483
1489
|
});
|
1484
|
-
this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((r = (
|
1490
|
+
this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((r = (a = this.$route) == null ? void 0 : a.params) == null ? void 0 : r.catchAll);
|
1485
1491
|
const n = e == null ? void 0 : e.table;
|
1486
1492
|
this.table = n || !1, !n && this.getInterface();
|
1487
1493
|
},
|
1488
1494
|
async getInterface() {
|
1489
1495
|
var t, e;
|
1490
1496
|
try {
|
1491
|
-
const { data: n } = await
|
1497
|
+
const { data: n } = await V.get(
|
1492
1498
|
`/api/template/interface/${((e = (t = this.$route) == null ? void 0 : t.params) == null ? void 0 : e.catchAll) || ""}`
|
1493
1499
|
);
|
1494
1500
|
this.interface = n || "";
|
@@ -1497,21 +1503,21 @@ const hr = /* @__PURE__ */ _(Hn, [["render", dr], ["__scopeId", "data-v-4fec8b49
|
|
1497
1503
|
}
|
1498
1504
|
}
|
1499
1505
|
}
|
1500
|
-
},
|
1501
|
-
function
|
1506
|
+
}, fn = ["innerHTML"];
|
1507
|
+
function mn(t, e, n, a, r, o) {
|
1502
1508
|
const u = d("AdminTable");
|
1503
|
-
return r.table ? (
|
1509
|
+
return r.table ? (l(), v(u, {
|
1504
1510
|
key: 0,
|
1505
1511
|
table: r.table,
|
1506
1512
|
title: r.title
|
1507
|
-
}, null, 8, ["table", "title"])) : (
|
1513
|
+
}, null, 8, ["table", "title"])) : (l(), i("div", {
|
1508
1514
|
key: 1,
|
1509
1515
|
class: "w-full bg-gray-50",
|
1510
1516
|
style: { height: "calc(100vh - 120px)" },
|
1511
1517
|
innerHTML: r.interface
|
1512
|
-
}, null, 8,
|
1518
|
+
}, null, 8, fn));
|
1513
1519
|
}
|
1514
|
-
const
|
1520
|
+
const kn = /* @__PURE__ */ _(bn, [["render", mn]]);
|
1515
1521
|
export {
|
1516
|
-
|
1522
|
+
kn as default
|
1517
1523
|
};
|