@opengis/admin 0.1.73 → 0.1.75
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-Bo0VyMHX.js → IconChevronDown-DpFXvgwL.js} +1 -1
- package/dist/{add-page-CyIBxGV_.js → add-page-B34T9kD5.js} +33 -30
- package/dist/{admin-interface-Dwr6luwW.js → admin-interface-B7RH9jC0.js} +320 -314
- package/dist/{admin-view-CFzoulzN.js → admin-view-CB6GnWqy.js} +2 -2
- package/dist/admin.js +1 -1
- package/dist/admin.umd.cjs +14 -14
- package/dist/{card-page-GyqV7foK.js → card-page-B2ZFa7Pi.js} +65 -65
- package/dist/{card-view-DLrRTkKE.js → card-view-BRWlfh-Z.js} +1 -1
- package/dist/{edit-page-DUBOxKSi.js → edit-page-BUhpjmtA.js} +1 -1
- package/dist/{import-file-BvAgSmhY.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
|
};
|