@opengis/admin 0.1.82 → 0.1.84
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{IconChevronDown-TOHGDzb9.js → IconChevronDown-DoqykhvB.js} +1 -1
- package/dist/{add-page-DVsruEe8.js → add-page-ChBpMfRU.js} +1 -1
- package/dist/{admin-interface-CqPS5k9y.js → admin-interface-SDtt7rqS.js} +427 -402
- package/dist/{admin-view-DtZwCxNO.js → admin-view-CKTriO6z.js} +2 -2
- package/dist/admin.js +1 -1
- package/dist/admin.umd.cjs +95 -66
- package/dist/{card-page-DiSMqrtf.js → card-page-BaSbgjMn.js} +32 -29
- package/dist/{card-view-RC_RStl7.js → card-view-B8ohi0lw.js} +1 -1
- package/dist/{edit-page-B0syX8OD.js → edit-page-DLlbyyd_.js} +1 -1
- package/dist/{import-file-BihjtZo9.js → import-file-CV5CU5lC.js} +5607 -5544
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/server/helpers/controllers/token.js +5 -4
- package/server/plugins/hook.js +1 -1
- package/server/routes/access/controllers/access.group.js +3 -6
@@ -1,48 +1,7 @@
|
|
1
|
-
import { _ as k, b as Te, a as
|
2
|
-
import { openBlock as r, createElementBlock as a,
|
3
|
-
import { I as Ue } from "./IconChevronDown-
|
4
|
-
const Oe = {
|
5
|
-
class: "flex-shrink-0 size-3.5",
|
6
|
-
xmlns: "http://www.w3.org/2000/svg",
|
7
|
-
viewBox: "0 0 24 24",
|
8
|
-
fill: "none",
|
9
|
-
stroke: "currentColor",
|
10
|
-
"stroke-width": "2",
|
11
|
-
"stroke-linecap": "round",
|
12
|
-
"stroke-linejoin": "round"
|
13
|
-
};
|
14
|
-
function Ne(t, e, s, i, n, o) {
|
15
|
-
return r(), a("svg", Ee, e[0] || (e[0] = [
|
16
|
-
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)
|
17
|
-
]));
|
18
|
-
}
|
19
|
-
const He = /* @__PURE__ */ k(Oe, [["render", Ne]]), Re = {
|
20
|
-
props: {
|
21
|
-
height: { type: String, default: "16" },
|
22
|
-
width: { type: String, default: "12" },
|
23
|
-
color: { type: String, default: "black" }
|
24
|
-
}
|
25
|
-
}, We = { style: { display: "none" } }, Ge = ["height", "width", "fill"];
|
26
|
-
function Ze(t, e, s, i, n, o) {
|
27
|
-
return r(), a($, null, [
|
28
|
-
(r(), a("svg", We, e[0] || (e[0] = [
|
29
|
-
l("symbol", {
|
30
|
-
id: "icon-pencil",
|
31
|
-
viewBox: "0 0 32 32"
|
32
|
-
}, [
|
33
|
-
l("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" })
|
34
|
-
], -1)
|
35
|
-
]))),
|
36
|
-
(r(), a("svg", {
|
37
|
-
height: s.height,
|
38
|
-
width: s.width,
|
39
|
-
fill: s.color
|
40
|
-
}, e[1] || (e[1] = [
|
41
|
-
l("use", { "xlink:href": "#icon-pencil" }, null, -1)
|
42
|
-
]), 8, Ge))
|
43
|
-
], 64);
|
44
|
-
}
|
45
|
-
const Je = /* @__PURE__ */ k(Re, [["render", Ze]]), Ke = {
|
1
|
+
import { _ as k, b as Te, a as F, c as Ve, d as De, e as Fe, f as Me, I as je, u as ye, s as qe } from "./import-file-CV5CU5lC.js";
|
2
|
+
import { openBlock as r, createElementBlock as a, createTextVNode as M, toDisplayString as I, createCommentVNode as w, createStaticVNode as B, Fragment as A, createElementVNode as l, resolveComponent as p, createVNode as x, withCtx as $, createBlock as _, renderList as D, withModifiers as Be, normalizeClass as V, withDirectives as L, vModelCheckbox as ze, resolveDynamicComponent as z, Transition as P, renderSlot as Le, vShow as ve, getCurrentInstance as Pe, ref as _e, normalizeStyle as ke } from "vue";
|
3
|
+
import { I as Ue } from "./IconChevronDown-DoqykhvB.js";
|
4
|
+
const Oe = {
|
46
5
|
data() {
|
47
6
|
return {
|
48
7
|
currentSort: ""
|
@@ -100,10 +59,10 @@ const Je = /* @__PURE__ */ k(Re, [["render", Ze]]), Ke = {
|
|
100
59
|
return `${this.data.name}-${t}` === this.selectedSortParam;
|
101
60
|
}
|
102
61
|
}
|
103
|
-
},
|
62
|
+
}, Ee = {
|
104
63
|
scope: "col",
|
105
64
|
class: "text-start px-2 py-1"
|
106
|
-
},
|
65
|
+
}, Ne = {
|
107
66
|
class: "flex-shrink-0 size-3.5",
|
108
67
|
xmlns: "http://www.w3.org/2000/svg",
|
109
68
|
width: "24",
|
@@ -114,37 +73,78 @@ const Je = /* @__PURE__ */ k(Re, [["render", Ze]]), Ke = {
|
|
114
73
|
"stroke-width": "2",
|
115
74
|
"stroke-linecap": "round",
|
116
75
|
"stroke-linejoin": "round"
|
117
|
-
},
|
76
|
+
}, He = {
|
118
77
|
key: 0,
|
119
78
|
d: "m7 15 5 5 5-5"
|
120
|
-
},
|
79
|
+
}, Re = {
|
121
80
|
key: 1,
|
122
81
|
d: "m7 9 5-5 5 5"
|
123
|
-
},
|
82
|
+
}, We = {
|
124
83
|
key: 1,
|
125
84
|
class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500"
|
126
85
|
};
|
127
|
-
function
|
128
|
-
return r(), a("th",
|
86
|
+
function Ge(t, e, s, i, n, o) {
|
87
|
+
return r(), a("th", Ee, [
|
129
88
|
o.getVisibleIcon ? (r(), a("button", {
|
130
89
|
key: 0,
|
131
90
|
type: "button",
|
132
91
|
class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500 flex items-center gap-[6px]",
|
133
92
|
onClick: e[0] || (e[0] = (u) => o.handleClickSortBtn(n.currentSort))
|
134
93
|
}, [
|
135
|
-
|
136
|
-
(r(), a("svg",
|
137
|
-
n.currentSort === "asc" || n.currentSort === "" ? (r(), a("path",
|
138
|
-
n.currentSort === "desc" || n.currentSort === "" ? (r(), a("path",
|
94
|
+
M(I(o.label) + " ", 1),
|
95
|
+
(r(), a("svg", Ne, [
|
96
|
+
n.currentSort === "asc" || n.currentSort === "" ? (r(), a("path", He)) : w("", !0),
|
97
|
+
n.currentSort === "desc" || n.currentSort === "" ? (r(), a("path", Re)) : w("", !0)
|
139
98
|
]))
|
140
|
-
])) : (r(), a("p",
|
99
|
+
])) : (r(), a("p", We, I(o.label), 1))
|
141
100
|
]);
|
142
101
|
}
|
143
|
-
const
|
102
|
+
const Ze = /* @__PURE__ */ k(Oe, [["render", Ge]]), Je = {}, Ke = {
|
103
|
+
class: "flex-shrink-0 size-3.5",
|
104
|
+
xmlns: "http://www.w3.org/2000/svg",
|
105
|
+
viewBox: "0 0 24 24",
|
106
|
+
fill: "none",
|
107
|
+
stroke: "currentColor",
|
108
|
+
"stroke-width": "2",
|
109
|
+
"stroke-linecap": "round",
|
110
|
+
"stroke-linejoin": "round"
|
111
|
+
};
|
112
|
+
function Qe(t, e, s, i, n, o) {
|
113
|
+
return r(), a("svg", Ke, e[0] || (e[0] = [
|
114
|
+
B('<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
|
+
]));
|
116
|
+
}
|
117
|
+
const Xe = /* @__PURE__ */ k(Je, [["render", Qe]]), Ye = {
|
118
|
+
props: {
|
119
|
+
height: { type: String, default: "16" },
|
120
|
+
width: { type: String, default: "12" },
|
121
|
+
color: { type: String, default: "black" }
|
122
|
+
}
|
123
|
+
}, et = { style: { display: "none" } }, tt = ["height", "width", "fill"];
|
124
|
+
function nt(t, e, s, i, n, o) {
|
125
|
+
return r(), a(A, null, [
|
126
|
+
(r(), a("svg", et, e[0] || (e[0] = [
|
127
|
+
l("symbol", {
|
128
|
+
id: "icon-pencil",
|
129
|
+
viewBox: "0 0 32 32"
|
130
|
+
}, [
|
131
|
+
l("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
|
+
], -1)
|
133
|
+
]))),
|
134
|
+
(r(), a("svg", {
|
135
|
+
height: s.height,
|
136
|
+
width: s.width,
|
137
|
+
fill: s.color
|
138
|
+
}, e[1] || (e[1] = [
|
139
|
+
l("use", { "xlink:href": "#icon-pencil" }, null, -1)
|
140
|
+
]), 8, tt))
|
141
|
+
], 64);
|
142
|
+
}
|
143
|
+
const st = /* @__PURE__ */ k(Ye, [["render", nt]]), lt = {
|
144
144
|
components: {
|
145
145
|
IconMore: Te,
|
146
|
-
IconDelete:
|
147
|
-
IconEdit:
|
146
|
+
IconDelete: Xe,
|
147
|
+
IconEdit: st
|
148
148
|
},
|
149
149
|
emits: ["updateTable"],
|
150
150
|
props: {
|
@@ -163,6 +163,11 @@ const st = /* @__PURE__ */ k(Ke, [["render", nt]]), lt = {
|
|
163
163
|
left: 0
|
164
164
|
};
|
165
165
|
},
|
166
|
+
computed: {
|
167
|
+
getCustomActions() {
|
168
|
+
return this.actions.filter((t) => typeof t == "object");
|
169
|
+
}
|
170
|
+
},
|
166
171
|
methods: {
|
167
172
|
openConfirm() {
|
168
173
|
this.isDeleteConfirm = !0, document.querySelector("body").click();
|
@@ -170,7 +175,7 @@ const st = /* @__PURE__ */ k(Ke, [["render", nt]]), lt = {
|
|
170
175
|
async getData() {
|
171
176
|
var t;
|
172
177
|
try {
|
173
|
-
const { data: e } = await
|
178
|
+
const { data: e } = await F.get(
|
174
179
|
`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
|
175
180
|
);
|
176
181
|
this.formValue = e;
|
@@ -184,10 +189,10 @@ const st = /* @__PURE__ */ k(Ke, [["render", nt]]), lt = {
|
|
184
189
|
async deleteElement() {
|
185
190
|
var t;
|
186
191
|
try {
|
187
|
-
const { data: e } = await
|
192
|
+
const { data: e } = await F.get(
|
188
193
|
`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
|
189
194
|
);
|
190
|
-
await
|
195
|
+
await F.delete(`/api/table/${e == null ? void 0 : e.token}`), await this.$notify({
|
191
196
|
title: "Успішно!",
|
192
197
|
message: "Об`єкт успішно видалeно",
|
193
198
|
type: "success"
|
@@ -201,21 +206,33 @@ const st = /* @__PURE__ */ k(Ke, [["render", nt]]), lt = {
|
|
201
206
|
} finally {
|
202
207
|
this.isDeleteConfirm = !1;
|
203
208
|
}
|
209
|
+
},
|
210
|
+
async customButtonAction(t) {
|
211
|
+
var e;
|
212
|
+
document.querySelector("body").click(), t != null && t.form ? (await this.$v3plugin.$form({
|
213
|
+
form: t == null ? void 0 : t.form,
|
214
|
+
id: (e = this.item) == null ? void 0 : e.id,
|
215
|
+
api: t == null ? void 0 : t.api
|
216
|
+
}), await this.$emit("update-table")) : await this.$v3plugin.$api({
|
217
|
+
confirm: t == null ? void 0 : t.confirm,
|
218
|
+
api: t == null ? void 0 : t.api,
|
219
|
+
method: t == null ? void 0 : t.method
|
220
|
+
});
|
204
221
|
}
|
205
222
|
}
|
206
|
-
}, rt = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, ot = { class: "inline-flex items-center justify-center bg-white border rounded-lg shadow-sm size-7 gap-x-2 border-stone-200 text-stone-800 hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50" }, at = { class: "flex flex-col items-start" }, it = {
|
223
|
+
}, rt = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, ot = { class: "inline-flex items-center justify-center bg-white border rounded-lg shadow-sm size-7 gap-x-2 border-stone-200 text-stone-800 hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50" }, at = { class: "flex flex-col items-start" }, it = ["onClick"], ct = { class: "text-gray-800" }, ut = {
|
207
224
|
key: 1,
|
208
225
|
class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
|
209
|
-
},
|
210
|
-
function
|
211
|
-
const u =
|
212
|
-
return r(), a(
|
226
|
+
}, dt = { class: "p-4" }, ht = { class: "flex justify-end mt-4 gap-x-3" };
|
227
|
+
function pt(t, e, s, i, n, o) {
|
228
|
+
const u = p("IconMore"), b = p("IconEdit"), f = p("router-link"), m = p("IconDelete"), v = p("VsPopover"), c = p("VsDialog");
|
229
|
+
return r(), a(A, null, [
|
213
230
|
l("div", rt, [
|
214
231
|
x(v, {
|
215
232
|
trigger: "click",
|
216
233
|
placement: "bottom-left"
|
217
234
|
}, {
|
218
|
-
reference:
|
235
|
+
reference: $(() => [
|
219
236
|
l("button", ot, [
|
220
237
|
x(u, {
|
221
238
|
height: "16",
|
@@ -223,28 +240,36 @@ function dt(t, e, s, i, n, o) {
|
|
223
240
|
})
|
224
241
|
])
|
225
242
|
]),
|
226
|
-
default:
|
227
|
-
var
|
243
|
+
default: $(() => {
|
244
|
+
var g, d, C, y, S;
|
228
245
|
return [
|
229
246
|
l("div", at, [
|
230
|
-
(
|
247
|
+
(g = s.actions) != null && g.includes("edit") && s.isForm ? (r(), _(f, {
|
231
248
|
key: 0,
|
232
|
-
to: `/edit?table=${(
|
249
|
+
to: `/edit?table=${(C = (d = t.$route) == null ? void 0 : d.params) == null ? void 0 : C.catchAll}&id=${(y = s.item) == null ? void 0 : y.id}`,
|
233
250
|
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
251
|
}, {
|
235
|
-
default:
|
252
|
+
default: $(() => [
|
236
253
|
x(b, { color: "#000" }),
|
237
|
-
e[4] || (e[4] =
|
254
|
+
e[4] || (e[4] = M(" Редагувати "))
|
238
255
|
]),
|
239
256
|
_: 1
|
240
257
|
}, 8, ["to"])) : w("", !0),
|
241
|
-
|
242
|
-
|
258
|
+
(r(!0), a(A, null, D(o.getCustomActions, (T, j) => (r(), a("button", {
|
259
|
+
key: j,
|
260
|
+
onClick: (U) => o.customButtonAction(T),
|
261
|
+
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"
|
262
|
+
}, [
|
263
|
+
x(m, { class: "opacity-0" }),
|
264
|
+
l("span", ct, I(T == null ? void 0 : T.label), 1)
|
265
|
+
], 8, it))), 128)),
|
266
|
+
s.isForm ? (r(), a("div", ut)) : w("", !0),
|
267
|
+
(S = s.actions) != null && S.includes("del") ? (r(), a("button", {
|
243
268
|
key: 2,
|
244
|
-
onClick: e[0] || (e[0] = Be((...
|
269
|
+
onClick: e[0] || (e[0] = Be((...T) => o.openConfirm && o.openConfirm(...T), ["stop"])),
|
245
270
|
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
271
|
}, [
|
247
|
-
x(
|
272
|
+
x(m),
|
248
273
|
e[5] || (e[5] = l("span", { class: "text-gray-800" }, "Видалити", -1))
|
249
274
|
])) : w("", !0)
|
250
275
|
])
|
@@ -255,23 +280,23 @@ function dt(t, e, s, i, n, o) {
|
|
255
280
|
]),
|
256
281
|
x(c, {
|
257
282
|
visible: n.isDeleteConfirm,
|
258
|
-
"onUpdate:visible": e[3] || (e[3] = (
|
283
|
+
"onUpdate:visible": e[3] || (e[3] = (g) => n.isDeleteConfirm = g),
|
259
284
|
size: "small",
|
260
285
|
title: "Ви впевнені?"
|
261
286
|
}, {
|
262
|
-
default:
|
263
|
-
l("div",
|
287
|
+
default: $(() => [
|
288
|
+
l("div", dt, [
|
264
289
|
e[6] || (e[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
|
265
|
-
l("div",
|
290
|
+
l("div", ht, [
|
266
291
|
l("button", {
|
267
292
|
type: "button",
|
268
293
|
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] = (
|
294
|
+
onClick: e[1] || (e[1] = (g) => n.isDeleteConfirm = !1)
|
270
295
|
}, " Скасувати "),
|
271
296
|
l("button", {
|
272
297
|
type: "button",
|
273
298
|
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] = (...
|
299
|
+
onClick: e[2] || (e[2] = (...g) => o.deleteElement && o.deleteElement(...g))
|
275
300
|
}, " Так, я впевнена/ий ")
|
276
301
|
])
|
277
302
|
])
|
@@ -280,7 +305,7 @@ function dt(t, e, s, i, n, o) {
|
|
280
305
|
}, 8, ["visible"])
|
281
306
|
], 64);
|
282
307
|
}
|
283
|
-
const
|
308
|
+
const ft = /* @__PURE__ */ k(lt, [["render", pt]]), bt = {}, mt = {
|
284
309
|
class: "flex-shrink-0 mt-0.5 size-3.5",
|
285
310
|
xmlns: "http://www.w3.org/2000/svg",
|
286
311
|
viewBox: "0 0 24 24",
|
@@ -290,15 +315,15 @@ const ht = /* @__PURE__ */ k(lt, [["render", dt]]), pt = {}, ft = {
|
|
290
315
|
"stroke-linecap": "round",
|
291
316
|
"stroke-linejoin": "round"
|
292
317
|
};
|
293
|
-
function
|
294
|
-
return r(), a("svg",
|
318
|
+
function gt(t, e, s, i, n, o) {
|
319
|
+
return r(), a("svg", mt, e[0] || (e[0] = [
|
295
320
|
l("path", { d: "m3 16 4 4 4-4" }, null, -1),
|
296
321
|
l("path", { d: "M7 20V4" }, null, -1),
|
297
322
|
l("path", { d: "m21 8-4-4-4 4" }, null, -1),
|
298
323
|
l("path", { d: "M17 4v16" }, null, -1)
|
299
324
|
]));
|
300
325
|
}
|
301
|
-
const
|
326
|
+
const xt = /* @__PURE__ */ k(bt, [["render", gt]]), yt = {}, _t = {
|
302
327
|
xmlns: "http://www.w3.org/2000/svg",
|
303
328
|
width: "24",
|
304
329
|
height: "24",
|
@@ -310,8 +335,8 @@ const mt = /* @__PURE__ */ k(pt, [["render", bt]]), gt = {}, xt = {
|
|
310
335
|
"stroke-linejoin": "round",
|
311
336
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-rosette-discount-check"
|
312
337
|
};
|
313
|
-
function
|
314
|
-
return r(), a("svg",
|
338
|
+
function kt(t, e, s, i, n, o) {
|
339
|
+
return r(), a("svg", _t, e[0] || (e[0] = [
|
315
340
|
l("path", {
|
316
341
|
stroke: "none",
|
317
342
|
d: "M0 0h24v24H0z",
|
@@ -321,8 +346,8 @@ function yt(t, e, s, i, n, o) {
|
|
321
346
|
l("path", { d: "M9 12l2 2l4 -4" }, null, -1)
|
322
347
|
]));
|
323
348
|
}
|
324
|
-
const
|
325
|
-
components: { IconExport:
|
349
|
+
const vt = /* @__PURE__ */ k(yt, [["render", kt]]), wt = {
|
350
|
+
components: { IconExport: xt, IconChevronDown: Ue, IconSuccess: vt },
|
326
351
|
props: {
|
327
352
|
table: String,
|
328
353
|
columns: Array,
|
@@ -375,7 +400,7 @@ const _t = /* @__PURE__ */ k(gt, [["render", yt]]), kt = {
|
|
375
400
|
return;
|
376
401
|
}
|
377
402
|
try {
|
378
|
-
const e = await
|
403
|
+
const e = await F.get("/api/export", {
|
379
404
|
params: {
|
380
405
|
table: this.table,
|
381
406
|
format: this.format,
|
@@ -420,25 +445,25 @@ const _t = /* @__PURE__ */ k(gt, [["render", yt]]), kt = {
|
|
420
445
|
this.cols = (e = (t = this.columns) == null ? void 0 : t.filter((s) => (s == null ? void 0 : s.hidden) !== !0)) == null ? void 0 : e.map((s) => s == null ? void 0 : s.name), this.activeAction = "choceVisible";
|
421
446
|
}
|
422
447
|
}
|
423
|
-
},
|
448
|
+
}, Ct = {
|
424
449
|
key: 0,
|
425
450
|
class: "flex flex-col items-center"
|
426
|
-
},
|
451
|
+
}, $t = {
|
427
452
|
key: 1,
|
428
453
|
class: "p-4"
|
429
|
-
},
|
454
|
+
}, St = { 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" }, It = { class: "flex items-center gap-[10px] ml-auto" }, Tt = ["onClick"], Vt = {
|
430
455
|
key: 0,
|
431
456
|
class: "block h-[8px] w-[8px] rounded-full bg-blue-500"
|
432
|
-
},
|
457
|
+
}, Dt = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Ft = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Mt = { class: "mt-2 space-y-2" }, jt = ["id", "onChange"], qt = ["for"], Bt = {
|
433
458
|
key: 0,
|
434
459
|
class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
|
435
|
-
},
|
460
|
+
}, zt = {
|
436
461
|
key: 1,
|
437
462
|
class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
|
438
463
|
};
|
439
|
-
function
|
440
|
-
const u =
|
441
|
-
return r(), a(
|
464
|
+
function Lt(t, e, s, i, n, o) {
|
465
|
+
const u = p("IconExport"), b = p("IconChevronDown"), f = p("IconSuccess"), m = p("VsCheckbox"), v = p("VsDialog");
|
466
|
+
return r(), a(A, null, [
|
442
467
|
l("button", {
|
443
468
|
onClick: e[0] || (e[0] = (c) => n.isOpen = !0),
|
444
469
|
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"
|
@@ -447,7 +472,7 @@ function Bt(t, e, s, i, n, o) {
|
|
447
472
|
height: "16",
|
448
473
|
width: "16"
|
449
474
|
}),
|
450
|
-
e[7] || (e[7] =
|
475
|
+
e[7] || (e[7] = M(" Експорт ")),
|
451
476
|
x(b, {
|
452
477
|
height: "12",
|
453
478
|
width: "16"
|
@@ -460,8 +485,8 @@ function Bt(t, e, s, i, n, o) {
|
|
460
485
|
size: "small",
|
461
486
|
closeClickBack: !0
|
462
487
|
}, {
|
463
|
-
footer:
|
464
|
-
n.isSuccessTemplate ? (r(), a("div",
|
488
|
+
footer: $(() => [
|
489
|
+
n.isSuccessTemplate ? (r(), a("div", Bt, [
|
465
490
|
l("button", {
|
466
491
|
type: "button",
|
467
492
|
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",
|
@@ -472,7 +497,7 @@ function Bt(t, e, s, i, n, o) {
|
|
472
497
|
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
498
|
onClick: e[3] || (e[3] = (c) => n.isSuccessTemplate = !1)
|
474
499
|
}, " Вигрузити ще ")
|
475
|
-
])) : (r(), a("div",
|
500
|
+
])) : (r(), a("div", zt, [
|
476
501
|
l("button", {
|
477
502
|
type: "button",
|
478
503
|
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",
|
@@ -485,67 +510,67 @@ function Bt(t, e, s, i, n, o) {
|
|
485
510
|
}, " Завантажити таблицю ")
|
486
511
|
]))
|
487
512
|
]),
|
488
|
-
default:
|
489
|
-
n.isSuccessTemplate ? (r(), a("div",
|
513
|
+
default: $(() => [
|
514
|
+
n.isSuccessTemplate ? (r(), a("div", Ct, [
|
490
515
|
x(f, {
|
491
516
|
height: "100",
|
492
517
|
width: "100",
|
493
518
|
class: "text-green-200 mb-[20px]"
|
494
519
|
}),
|
495
520
|
e[8] || (e[8] = l("h2", null, "Звіт сформовано і збережено", -1))
|
496
|
-
])) : (r(), a("div",
|
497
|
-
l("div",
|
498
|
-
l("div",
|
521
|
+
])) : (r(), a("div", $t, [
|
522
|
+
l("div", St, [
|
523
|
+
l("div", At, [
|
499
524
|
e[9] || (e[9] = l("h2", { class: "text-sm text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
|
500
|
-
l("div",
|
501
|
-
(r(!0), a(
|
525
|
+
l("div", It, [
|
526
|
+
(r(!0), a(A, null, D(n.actions, (c) => (r(), a("button", {
|
502
527
|
key: c == null ? void 0 : c.name,
|
503
528
|
onClick: c == null ? void 0 : c.function,
|
504
529
|
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
530
|
}, [
|
506
531
|
l("span", {
|
507
|
-
class:
|
532
|
+
class: V(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (c == null ? void 0 : c.name) === n.activeAction }])
|
508
533
|
}, [
|
509
|
-
(c == null ? void 0 : c.name) === n.activeAction ? (r(), a("span",
|
534
|
+
(c == null ? void 0 : c.name) === n.activeAction ? (r(), a("span", Vt)) : w("", !0)
|
510
535
|
], 2),
|
511
|
-
|
512
|
-
], 8,
|
536
|
+
M(" " + I(c == null ? void 0 : c.label), 1)
|
537
|
+
], 8, Tt))), 128))
|
513
538
|
])
|
514
539
|
]),
|
515
|
-
l("div",
|
516
|
-
(r(!0), a(
|
540
|
+
l("div", Dt, [
|
541
|
+
(r(!0), a(A, null, D(s.columns, (c, g) => (r(), a("div", {
|
517
542
|
class: "flex items-center",
|
518
|
-
key:
|
543
|
+
key: g,
|
519
544
|
style: { width: "calc((100% - 10px) / 2)" }
|
520
545
|
}, [
|
521
|
-
x(
|
546
|
+
x(m, {
|
522
547
|
class: "[&>label]:text-sm [&>label]:text-gray-800 [&>label]:ms-3 !gap-x-[1px] !p-0",
|
523
548
|
modelValue: n.cols,
|
524
|
-
"onUpdate:modelValue": e[1] || (e[1] = (
|
549
|
+
"onUpdate:modelValue": e[1] || (e[1] = (d) => n.cols = d),
|
525
550
|
value: c == null ? void 0 : c.name,
|
526
551
|
label: c == null ? void 0 : c.ua
|
527
552
|
}, null, 8, ["modelValue", "value", "label"])
|
528
553
|
]))), 128))
|
529
554
|
])
|
530
555
|
]),
|
531
|
-
l("div",
|
556
|
+
l("div", Ft, [
|
532
557
|
e[10] || (e[10] = l("h2", { class: "text-sm text-gray-500" }, "Виберіть формат таблиці:", -1)),
|
533
|
-
l("div",
|
534
|
-
(r(!0), a(
|
558
|
+
l("div", Mt, [
|
559
|
+
(r(!0), a(A, null, D(n.tableFormats, (c, g) => (r(), a("div", {
|
535
560
|
class: "flex items-center",
|
536
|
-
key:
|
561
|
+
key: g
|
537
562
|
}, [
|
538
563
|
l("input", {
|
539
564
|
type: "radio",
|
540
565
|
name: "hs-pro-duecmfm",
|
541
566
|
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
567
|
id: c,
|
543
|
-
onChange: (
|
544
|
-
}, null, 40,
|
568
|
+
onChange: (d) => o.selectFormat(c)
|
569
|
+
}, null, 40, jt),
|
545
570
|
l("label", {
|
546
571
|
for: c,
|
547
572
|
class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
|
548
|
-
}, " Формат " +
|
573
|
+
}, " Формат " + I(c), 9, qt)
|
549
574
|
]))), 128))
|
550
575
|
])
|
551
576
|
])
|
@@ -555,7 +580,7 @@ function Bt(t, e, s, i, n, o) {
|
|
555
580
|
}, 8, ["visible"])
|
556
581
|
], 64);
|
557
582
|
}
|
558
|
-
const
|
583
|
+
const Pt = /* @__PURE__ */ k(wt, [["render", Lt]]), Ut = {}, Ot = {
|
559
584
|
xmlns: "http://www.w3.org/2000/svg",
|
560
585
|
viewBox: "0 0 24 24",
|
561
586
|
fill: "none",
|
@@ -565,12 +590,12 @@ const zt = /* @__PURE__ */ k(kt, [["render", Bt]]), Pt = {}, Lt = {
|
|
565
590
|
"stroke-linejoin": "round",
|
566
591
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
|
567
592
|
};
|
568
|
-
function
|
569
|
-
return r(), a("svg",
|
570
|
-
|
593
|
+
function Et(t, e, s, i, n, o) {
|
594
|
+
return r(), a("svg", Ot, e[0] || (e[0] = [
|
595
|
+
B('<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
596
|
]));
|
572
597
|
}
|
573
|
-
const
|
598
|
+
const Nt = /* @__PURE__ */ k(Ut, [["render", Et]]), Ht = {
|
574
599
|
props: { column: Object },
|
575
600
|
emits: ["update-column"],
|
576
601
|
data() {
|
@@ -587,21 +612,21 @@ const Ot = /* @__PURE__ */ k(Pt, [["render", Ut]]), Et = {
|
|
587
612
|
var t;
|
588
613
|
((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
|
589
614
|
}
|
590
|
-
},
|
591
|
-
function
|
615
|
+
}, Rt = { class: "flex w-full gap-[8px] items-centr" };
|
616
|
+
function Wt(t, e, s, i, n, o) {
|
592
617
|
var u, b;
|
593
|
-
return r(), a("label",
|
594
|
-
|
618
|
+
return r(), a("label", Rt, [
|
619
|
+
L(l("input", {
|
595
620
|
"onUpdate:modelValue": e[0] || (e[0] = (f) => n.value = f),
|
596
621
|
type: "checkbox"
|
597
622
|
}, null, 512), [
|
598
623
|
[ze, n.value]
|
599
624
|
]),
|
600
|
-
|
625
|
+
M(" " + I(((u = s.column) == null ? void 0 : u.ua) || ((b = s.column) == null ? void 0 : b.title)), 1)
|
601
626
|
]);
|
602
627
|
}
|
603
|
-
const
|
604
|
-
components: { IconColumns:
|
628
|
+
const Gt = /* @__PURE__ */ k(Ht, [["render", Wt]]), Zt = {
|
629
|
+
components: { IconColumns: Nt, AdminTableColumnsHiddenItem: Gt },
|
605
630
|
emits: ["update-columns"],
|
606
631
|
props: { columns: Array },
|
607
632
|
methods: {
|
@@ -610,28 +635,28 @@ const Rt = /* @__PURE__ */ k(Et, [["render", Ht]]), Wt = {
|
|
610
635
|
s[e] = t, this.$emit("update-columns", [...s]);
|
611
636
|
}
|
612
637
|
}
|
613
|
-
},
|
614
|
-
function
|
615
|
-
const u =
|
638
|
+
}, Jt = { 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" }, Kt = { class: "py-[10px] px-[10px] w-[260px]" }, Qt = { 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" };
|
639
|
+
function Xt(t, e, s, i, n, o) {
|
640
|
+
const u = p("IconColumns"), b = p("AdminTableColumnsHiddenItem"), f = p("VsPopover");
|
616
641
|
return r(), _(f, {
|
617
642
|
trigger: "click",
|
618
643
|
placement: "bottom"
|
619
644
|
}, {
|
620
|
-
reference:
|
621
|
-
l("button",
|
645
|
+
reference: $(() => [
|
646
|
+
l("button", Jt, [
|
622
647
|
x(u, {
|
623
648
|
height: "20",
|
624
649
|
width: "16"
|
625
650
|
})
|
626
651
|
])
|
627
652
|
]),
|
628
|
-
default:
|
629
|
-
l("div",
|
653
|
+
default: $(() => [
|
654
|
+
l("div", Kt, [
|
630
655
|
e[0] || (e[0] = l("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
|
631
|
-
l("ul",
|
632
|
-
(r(!0), a(
|
656
|
+
l("ul", Qt, [
|
657
|
+
(r(!0), a(A, null, D(s.columns, (m, v) => (r(), a("li", { key: v }, [
|
633
658
|
x(b, {
|
634
|
-
column:
|
659
|
+
column: m,
|
635
660
|
onUpdateColumn: o.updateColumn
|
636
661
|
}, null, 8, ["column", "onUpdateColumn"])
|
637
662
|
]))), 128))
|
@@ -641,14 +666,14 @@ function Kt(t, e, s, i, n, o) {
|
|
641
666
|
_: 1
|
642
667
|
});
|
643
668
|
}
|
644
|
-
const
|
669
|
+
const Yt = /* @__PURE__ */ k(Zt, [["render", Xt]]), en = {}, tn = {
|
645
670
|
class: "hidden sm:block shrink-0 size-3",
|
646
671
|
xmlns: "http://www.w3.org/2000/svg",
|
647
672
|
fill: "currentColor",
|
648
673
|
viewBox: "0 0 16 16"
|
649
674
|
};
|
650
|
-
function
|
651
|
-
return r(), a("svg",
|
675
|
+
function nn(t, e, s, i, n, o) {
|
676
|
+
return r(), a("svg", tn, e[0] || (e[0] = [
|
652
677
|
l("path", {
|
653
678
|
"fill-rule": "evenodd",
|
654
679
|
"clip-rule": "evenodd",
|
@@ -656,30 +681,30 @@ function en(t, e, s, i, n, o) {
|
|
656
681
|
}, null, -1)
|
657
682
|
]));
|
658
683
|
}
|
659
|
-
const
|
660
|
-
function
|
661
|
-
return r(), a("div",
|
662
|
-
|
684
|
+
const we = /* @__PURE__ */ k(en, [["render", nn]]), sn = {}, ln = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
|
685
|
+
function rn(t, e, s, i, n, o) {
|
686
|
+
return r(), a("div", ln, e[0] || (e[0] = [
|
687
|
+
B('<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
688
|
]));
|
664
689
|
}
|
665
|
-
const
|
690
|
+
const on = /* @__PURE__ */ k(sn, [["render", rn]]), an = {
|
666
691
|
props: { row: Object, column: Object, table: String }
|
667
692
|
};
|
668
|
-
function
|
669
|
-
var u, b, f,
|
670
|
-
return r(), _(
|
671
|
-
((u = s.column) == null ? void 0 : u.format) === "custom" ? (b = s.column) == null ? void 0 : b.component : `table-format-${((
|
693
|
+
function cn(t, e, s, i, n, o) {
|
694
|
+
var u, b, f, m, v, c, g, d;
|
695
|
+
return r(), _(z(
|
696
|
+
((u = s.column) == null ? void 0 : u.format) === "custom" ? (b = s.column) == null ? void 0 : b.component : `table-format-${((m = (f = s.column) == null ? void 0 : f.format) == null ? void 0 : m.toLowerCase()) || "text"}`
|
672
697
|
), {
|
673
|
-
onUpdateTable: e[0] || (e[0] = (
|
698
|
+
onUpdateTable: e[0] || (e[0] = (C) => t.$emit("update-table")),
|
674
699
|
name: (v = s.column) == null ? void 0 : v.name,
|
675
700
|
data: s.row,
|
676
|
-
value: (
|
701
|
+
value: (g = s.row) == null ? void 0 : g[(c = s.column) == null ? void 0 : c.name],
|
677
702
|
table: s.table,
|
678
703
|
column: s.column,
|
679
|
-
edit: (
|
704
|
+
edit: (d = s.column) == null ? void 0 : d.edit
|
680
705
|
}, null, 40, ["name", "data", "value", "table", "column", "edit"]);
|
681
706
|
}
|
682
|
-
const
|
707
|
+
const Ce = /* @__PURE__ */ k(an, [["render", cn]]), un = {}, dn = {
|
683
708
|
xmlns: "http://www.w3.org/2000/svg",
|
684
709
|
viewBox: "0 0 24 24",
|
685
710
|
fill: "none",
|
@@ -689,8 +714,8 @@ const we = /* @__PURE__ */ k(rn, [["render", on]]), an = {}, cn = {
|
|
689
714
|
"stroke-linejoin": "round",
|
690
715
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-minus"
|
691
716
|
};
|
692
|
-
function
|
693
|
-
return r(), a("svg",
|
717
|
+
function hn(t, e, s, i, n, o) {
|
718
|
+
return r(), a("svg", dn, e[0] || (e[0] = [
|
694
719
|
l("path", {
|
695
720
|
stroke: "none",
|
696
721
|
d: "M0 0h24v24H0z",
|
@@ -699,8 +724,8 @@ function un(t, e, s, i, n, o) {
|
|
699
724
|
l("path", { d: "M5 12l14 0" }, null, -1)
|
700
725
|
]));
|
701
726
|
}
|
702
|
-
const
|
703
|
-
components: { IconPlus:
|
727
|
+
const pn = /* @__PURE__ */ k(un, [["render", hn]]), fn = {
|
728
|
+
components: { IconPlus: we, IconMinus: pn },
|
704
729
|
props: {
|
705
730
|
title: String,
|
706
731
|
defaultValue: { type: Boolean, default: () => !1 }
|
@@ -708,18 +733,18 @@ const dn = /* @__PURE__ */ k(an, [["render", un]]), hn = {
|
|
708
733
|
data() {
|
709
734
|
return { expanded: this.defaultValue };
|
710
735
|
}
|
711
|
-
},
|
712
|
-
function
|
713
|
-
const u =
|
736
|
+
}, bn = { class: "hs-accordion" }, mn = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, gn = { class: "text-sm font-medium" }, xn = { class: "relative inline-block w-full duration-150 cursor-pointer before:block before:absolute b" };
|
737
|
+
function yn(t, e, s, i, n, o) {
|
738
|
+
const u = p("IconPlus"), b = p("IconMinus");
|
714
739
|
return r(), a("div", null, [
|
715
740
|
l("div", null, [
|
716
|
-
l("div",
|
717
|
-
l("div",
|
741
|
+
l("div", bn, [
|
742
|
+
l("div", mn, [
|
718
743
|
l("div", {
|
719
744
|
onClick: e[0] || (e[0] = (f) => n.expanded = !n.expanded),
|
720
745
|
class: "rounded-md cursor-pointer grow"
|
721
746
|
}, [
|
722
|
-
l("span",
|
747
|
+
l("span", gn, I(s.title), 1)
|
723
748
|
]),
|
724
749
|
l("button", {
|
725
750
|
class: "flex items-center justify-center rounded-md size-6 hover:bg-gray-100",
|
@@ -732,11 +757,11 @@ function gn(t, e, s, i, n, o) {
|
|
732
757
|
])
|
733
758
|
]),
|
734
759
|
x(P, { name: "fade" }, {
|
735
|
-
default:
|
736
|
-
|
737
|
-
|
760
|
+
default: $(() => [
|
761
|
+
L(l("div", xn, [
|
762
|
+
Le(t.$slots, "default", {}, void 0, !0)
|
738
763
|
], 512), [
|
739
|
-
[
|
764
|
+
[ve, n.expanded]
|
740
765
|
])
|
741
766
|
]),
|
742
767
|
_: 3
|
@@ -745,45 +770,45 @@ function gn(t, e, s, i, n, o) {
|
|
745
770
|
])
|
746
771
|
]);
|
747
772
|
}
|
748
|
-
const
|
773
|
+
const _n = /* @__PURE__ */ k(fn, [["render", yn], ["__scopeId", "data-v-c6318482"]]), kn = {
|
749
774
|
components: {
|
750
|
-
AdminComponentIs:
|
751
|
-
AdminTree:
|
775
|
+
AdminComponentIs: Ce,
|
776
|
+
AdminTree: _n,
|
752
777
|
VsNoData: Ve,
|
753
778
|
VsWidgetComments: De,
|
754
779
|
VsWidgetMap: Fe,
|
755
780
|
VsWidgetFileList: Me
|
756
781
|
},
|
757
782
|
props: { table: String, columns: Array, row: Object }
|
758
|
-
},
|
783
|
+
}, vn = {
|
759
784
|
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",
|
760
785
|
style: { height: "calc(100vh - 310px)" }
|
761
|
-
},
|
786
|
+
}, wn = {
|
762
787
|
class: "border-l",
|
763
788
|
style: { height: "calc(100vh - 360px)" }
|
764
|
-
},
|
765
|
-
function
|
766
|
-
var
|
767
|
-
const u =
|
768
|
-
return r(), a("div",
|
789
|
+
}, Cn = { class: "flex items-center justify-between py-1 gap-x-4" }, $n = { class: "col-span-1" }, Sn = { class: "inline-flex items-center gap-x-2 text-[13px] text-gray-500 dark:text-neutral-500" }, An = { class: "col-span-2" }, In = { class: "font-medium text-[13px] text-gray-800 dark:text-neutral-200" }, Tn = { class: "table-info-card" }, Vn = { class: "table-info-card" };
|
790
|
+
function Dn(t, e, s, i, n, o) {
|
791
|
+
var g, d, C;
|
792
|
+
const u = p("AdminComponentIs"), b = p("AdminTree"), f = p("VsWidgetMap"), m = p("VsNoData"), v = p("VsWidgetComments"), c = p("VsWidgetFileList");
|
793
|
+
return r(), a("div", vn, [
|
769
794
|
e[0] || (e[0] = l("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
|
770
795
|
l("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
|
771
796
|
], -1)),
|
772
|
-
l("div",
|
773
|
-
(
|
797
|
+
l("div", wn, [
|
798
|
+
(d = (g = t.$route) == null ? void 0 : g.query) != null && d.card ? (r(), a(A, { key: 0 }, [
|
774
799
|
s.row ? (r(), _(b, {
|
775
800
|
key: 0,
|
776
801
|
defaultValue: !0,
|
777
802
|
title: "Основна інформація",
|
778
803
|
class: "border-b p-[10px] py-[16px]"
|
779
804
|
}, {
|
780
|
-
default:
|
781
|
-
(r(!0), a(
|
782
|
-
l("dt",
|
783
|
-
l("p",
|
805
|
+
default: $(() => [
|
806
|
+
(r(!0), a(A, null, D(s.columns, (y) => (r(), a("dl", Cn, [
|
807
|
+
l("dt", $n, [
|
808
|
+
l("p", Sn, I((y == null ? void 0 : y.ua) || (y == null ? void 0 : y.title)) + ": ", 1)
|
784
809
|
]),
|
785
|
-
l("dd",
|
786
|
-
l("p",
|
810
|
+
l("dd", An, [
|
811
|
+
l("p", In, [
|
787
812
|
x(u, {
|
788
813
|
row: s.row,
|
789
814
|
column: y,
|
@@ -795,19 +820,19 @@ function Tn(t, e, s, i, n, o) {
|
|
795
820
|
]),
|
796
821
|
_: 1
|
797
822
|
})) : w("", !0),
|
798
|
-
(
|
823
|
+
(C = s.row) != null && C.geom ? (r(), _(b, {
|
799
824
|
key: 1,
|
800
825
|
title: "Карта",
|
801
826
|
class: "border-b p-[10px] py-[16px]"
|
802
827
|
}, {
|
803
|
-
default:
|
804
|
-
var y,
|
828
|
+
default: $(() => {
|
829
|
+
var y, S;
|
805
830
|
return [
|
806
831
|
(y = s.row) != null && y.geom ? (r(), _(f, {
|
807
832
|
key: 0,
|
808
|
-
geometry: (
|
833
|
+
geometry: (S = s.row) == null ? void 0 : S.geom,
|
809
834
|
zoom: 14
|
810
|
-
}, null, 8, ["geometry"])) : (r(), _(
|
835
|
+
}, null, 8, ["geometry"])) : (r(), _(m, {
|
811
836
|
key: 1,
|
812
837
|
title: "У об'єкта відсутня геометрія",
|
813
838
|
text: "",
|
@@ -821,10 +846,10 @@ function Tn(t, e, s, i, n, o) {
|
|
821
846
|
title: "Коментарі",
|
822
847
|
class: "border-b p-[10px] py-[16px]"
|
823
848
|
}, {
|
824
|
-
default:
|
849
|
+
default: $(() => {
|
825
850
|
var y;
|
826
851
|
return [
|
827
|
-
l("div",
|
852
|
+
l("div", Tn, [
|
828
853
|
x(v, {
|
829
854
|
id: (y = s.row) == null ? void 0 : y.id
|
830
855
|
}, null, 8, ["id"])
|
@@ -837,10 +862,10 @@ function Tn(t, e, s, i, n, o) {
|
|
837
862
|
title: "Файли",
|
838
863
|
class: "border-b p-[10px] py-[16px]"
|
839
864
|
}, {
|
840
|
-
default:
|
865
|
+
default: $(() => {
|
841
866
|
var y;
|
842
867
|
return [
|
843
|
-
l("div",
|
868
|
+
l("div", Vn, [
|
844
869
|
x(c, {
|
845
870
|
id: (y = s.row) == null ? void 0 : y.id
|
846
871
|
}, null, 8, ["id"])
|
@@ -849,14 +874,14 @@ function Tn(t, e, s, i, n, o) {
|
|
849
874
|
}),
|
850
875
|
_: 1
|
851
876
|
})
|
852
|
-
], 64)) : (r(), _(
|
877
|
+
], 64)) : (r(), _(m, {
|
853
878
|
key: 1,
|
854
879
|
text: "Оберіть один з об'єктів в таблиці для відображення інформаціі про нього"
|
855
880
|
}))
|
856
881
|
])
|
857
882
|
]);
|
858
883
|
}
|
859
|
-
const
|
884
|
+
const Fn = /* @__PURE__ */ k(kn, [["render", Dn]]), Mn = {}, jn = {
|
860
885
|
class: "hidden xl:block shrink-0 size-4",
|
861
886
|
xmlns: "http://www.w3.org/2000/svg",
|
862
887
|
viewBox: "0 0 24 24",
|
@@ -866,8 +891,8 @@ const Vn = /* @__PURE__ */ k(yn, [["render", Tn]]), Dn = {}, Fn = {
|
|
866
891
|
"stroke-linecap": "round",
|
867
892
|
"stroke-linejoin": "round"
|
868
893
|
};
|
869
|
-
function
|
870
|
-
return r(), a("svg",
|
894
|
+
function qn(t, e, s, i, n, o) {
|
895
|
+
return r(), a("svg", jn, e[0] || (e[0] = [
|
871
896
|
l("rect", {
|
872
897
|
width: "18",
|
873
898
|
height: "18",
|
@@ -879,7 +904,7 @@ function Mn(t, e, s, i, n, o) {
|
|
879
904
|
l("path", { d: "m8 9 3 3-3 3" }, null, -1)
|
880
905
|
]));
|
881
906
|
}
|
882
|
-
const
|
907
|
+
const Bn = /* @__PURE__ */ k(Mn, [["render", qn]]), zn = {}, Ln = {
|
883
908
|
class: "h21yx vs0hq",
|
884
909
|
xmlns: "http://www.w3.org/2000/svg",
|
885
910
|
width: "24",
|
@@ -891,15 +916,15 @@ const jn = /* @__PURE__ */ k(Dn, [["render", Mn]]), qn = {}, Bn = {
|
|
891
916
|
"stroke-linecap": "round",
|
892
917
|
"stroke-linejoin": "round"
|
893
918
|
};
|
894
|
-
function
|
895
|
-
return r(), a("svg",
|
896
|
-
|
919
|
+
function Pn(t, e, s, i, n, o) {
|
920
|
+
return r(), a("svg", Ln, e[0] || (e[0] = [
|
921
|
+
B('<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)
|
897
922
|
]));
|
898
923
|
}
|
899
|
-
const
|
924
|
+
const Un = /* @__PURE__ */ k(zn, [["render", Pn]]), On = {
|
900
925
|
emits: ["filterChange"],
|
901
926
|
props: { scheme: { type: Object }, onFilters: { type: Number } },
|
902
|
-
components: { IconFilter:
|
927
|
+
components: { IconFilter: Un },
|
903
928
|
data() {
|
904
929
|
return {
|
905
930
|
isFilters: !1
|
@@ -910,13 +935,13 @@ const Pn = /* @__PURE__ */ k(qn, [["render", zn]]), Ln = {
|
|
910
935
|
this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
|
911
936
|
}
|
912
937
|
}
|
913
|
-
},
|
938
|
+
}, En = {
|
914
939
|
key: 0,
|
915
940
|
class: "font-medium text-[10px] py-0.5 px-[5px] bg-gray-800 text-white leading-3 rounded-full dark:bg-neutral-500"
|
916
|
-
},
|
917
|
-
function
|
918
|
-
const u =
|
919
|
-
return r(), a(
|
941
|
+
}, Nn = { 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" };
|
942
|
+
function Hn(t, e, s, i, n, o) {
|
943
|
+
const u = p("IconFilter"), b = p("VsFilter");
|
944
|
+
return r(), a(A, null, [
|
920
945
|
l("button", {
|
921
946
|
onClick: e[0] || (e[0] = (f) => n.isFilters = !n.isFilters),
|
922
947
|
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"
|
@@ -925,19 +950,19 @@ function En(t, e, s, i, n, o) {
|
|
925
950
|
height: "16",
|
926
951
|
width: "16"
|
927
952
|
}),
|
928
|
-
e[4] || (e[4] =
|
929
|
-
s.onFilters ? (r(), a("span",
|
953
|
+
e[4] || (e[4] = M(" Фільтри ")),
|
954
|
+
s.onFilters ? (r(), a("span", En, I(s.onFilters), 1)) : w("", !0)
|
930
955
|
]),
|
931
956
|
x(P, { name: "fade" }, {
|
932
|
-
default:
|
957
|
+
default: $(() => {
|
933
958
|
var f;
|
934
959
|
return [
|
935
|
-
|
936
|
-
onClick: e[3] || (e[3] = (...
|
960
|
+
L(l("div", {
|
961
|
+
onClick: e[3] || (e[3] = (...m) => o.closeFilter && o.closeFilter(...m)),
|
937
962
|
style: { height: "100vh" },
|
938
963
|
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)]"
|
939
964
|
}, [
|
940
|
-
l("div",
|
965
|
+
l("div", Nn, [
|
941
966
|
(f = s.scheme) != null && f.length ? (r(), _(b, {
|
942
967
|
key: 0,
|
943
968
|
ref: "filter",
|
@@ -946,13 +971,13 @@ function En(t, e, s, i, n, o) {
|
|
946
971
|
"apply-vue-router": "",
|
947
972
|
history: "",
|
948
973
|
name: "filter",
|
949
|
-
onFilterChange: e[1] || (e[1] = (
|
974
|
+
onFilterChange: e[1] || (e[1] = (m) => t.$emit("filterChange", m)),
|
950
975
|
closeFilterBtn: !0,
|
951
|
-
onFilterClose: e[2] || (e[2] = (
|
976
|
+
onFilterClose: e[2] || (e[2] = (m) => n.isFilters = !1)
|
952
977
|
}, null, 8, ["scheme"])) : w("", !0)
|
953
978
|
])
|
954
979
|
], 512), [
|
955
|
-
[
|
980
|
+
[ve, n.isFilters]
|
956
981
|
])
|
957
982
|
];
|
958
983
|
}),
|
@@ -960,25 +985,25 @@ function En(t, e, s, i, n, o) {
|
|
960
985
|
})
|
961
986
|
], 64);
|
962
987
|
}
|
963
|
-
const
|
988
|
+
const Rn = /* @__PURE__ */ k(On, [["render", Hn]]), Wn = {
|
964
989
|
props: { tabsList: { type: Array, default: () => [] }, filterState: String }
|
965
|
-
},
|
990
|
+
}, Gn = {
|
966
991
|
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",
|
967
992
|
"aria-label": "Tabs",
|
968
993
|
role: "tablist",
|
969
994
|
"aria-orientation": "horizontal"
|
970
|
-
},
|
971
|
-
function
|
972
|
-
return r(), a("nav",
|
973
|
-
(r(!0), a(
|
995
|
+
}, Zn = ["onClick"];
|
996
|
+
function Jn(t, e, s, i, n, o) {
|
997
|
+
return r(), a("nav", Gn, [
|
998
|
+
(r(!0), a(A, null, D(s.tabsList, (u) => (r(), a("button", {
|
974
999
|
onClick: (b) => t.$emit("update:filterState", u == null ? void 0 : u.name),
|
975
|
-
class:
|
1000
|
+
class: V(["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", {
|
976
1001
|
" font-semibold after:absolute after:bottom-[-8px] after:left-2.5 after:right-2.5 after:z-10 after:h-0.5 after:bg-gray-800": (u == null ? void 0 : u.name) === s.filterState
|
977
1002
|
}])
|
978
|
-
},
|
1003
|
+
}, I(u == null ? void 0 : u.label), 11, Zn))), 256))
|
979
1004
|
]);
|
980
1005
|
}
|
981
|
-
const
|
1006
|
+
const Kn = /* @__PURE__ */ k(Wn, [["render", Jn]]), Qn = {}, Xn = {
|
982
1007
|
xmlns: "http://www.w3.org/2000/svg",
|
983
1008
|
viewBox: "0 0 24 24",
|
984
1009
|
fill: "none",
|
@@ -988,8 +1013,8 @@ const Zn = /* @__PURE__ */ k(Hn, [["render", Gn]]), Jn = {}, Kn = {
|
|
988
1013
|
"stroke-linejoin": "round",
|
989
1014
|
class: "icon icon-tabler icons-tabler-outline icon-tabler-filter"
|
990
1015
|
};
|
991
|
-
function
|
992
|
-
return r(), a("svg",
|
1016
|
+
function Yn(t, e, s, i, n, o) {
|
1017
|
+
return r(), a("svg", Xn, e[0] || (e[0] = [
|
993
1018
|
l("path", {
|
994
1019
|
stroke: "none",
|
995
1020
|
d: "M0 0h24v24H0z",
|
@@ -998,39 +1023,39 @@ function Qn(t, e, s, i, n, o) {
|
|
998
1023
|
l("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" }, null, -1)
|
999
1024
|
]));
|
1000
1025
|
}
|
1001
|
-
const
|
1002
|
-
components: { IconFilter2:
|
1026
|
+
const es = /* @__PURE__ */ k(Qn, [["render", Yn]]), ts = {
|
1027
|
+
components: { IconFilter2: es },
|
1003
1028
|
props: { filterCustom: String, customList: Array }
|
1004
|
-
},
|
1005
|
-
function
|
1006
|
-
const u =
|
1029
|
+
}, ns = { 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" }, ss = { class: "flex flex-col gap-[4px]" }, ls = ["onClick"];
|
1030
|
+
function rs(t, e, s, i, n, o) {
|
1031
|
+
const u = p("IconFilter2"), b = p("VsPopover");
|
1007
1032
|
return r(), _(b, {
|
1008
1033
|
ref: "popover",
|
1009
1034
|
placement: "bottom"
|
1010
1035
|
}, {
|
1011
|
-
reference:
|
1012
|
-
l("button",
|
1036
|
+
reference: $(() => [
|
1037
|
+
l("button", ns, [
|
1013
1038
|
x(u, {
|
1014
1039
|
height: "20",
|
1015
1040
|
width: "20"
|
1016
1041
|
})
|
1017
1042
|
])
|
1018
1043
|
]),
|
1019
|
-
default:
|
1020
|
-
l("div",
|
1021
|
-
(r(!0), a(
|
1044
|
+
default: $(() => [
|
1045
|
+
l("div", ss, [
|
1046
|
+
(r(!0), a(A, null, D(s.customList, (f, m) => (r(), a("button", {
|
1022
1047
|
onClick: (v) => {
|
1023
1048
|
var c;
|
1024
1049
|
t.$emit("update:filterCustom", f == null ? void 0 : f.name), (c = t.$refs) == null || c.popover.togglePopover();
|
1025
1050
|
},
|
1026
|
-
key:
|
1027
|
-
class:
|
1028
|
-
},
|
1051
|
+
key: m,
|
1052
|
+
class: V(["p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300", { "bg-gray-100": s.filterCustom === (f == null ? void 0 : f.name) }])
|
1053
|
+
}, I(f == null ? void 0 : f.label), 11, ls))), 128)),
|
1029
1054
|
l("button", {
|
1030
1055
|
class: "p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300",
|
1031
1056
|
onClick: e[0] || (e[0] = (f) => {
|
1032
|
-
var
|
1033
|
-
t.$emit("update:filterCustom", void 0), (
|
1057
|
+
var m;
|
1058
|
+
t.$emit("update:filterCustom", void 0), (m = t.$refs) == null || m.popover.togglePopover();
|
1034
1059
|
})
|
1035
1060
|
}, " Скинути фільтри ")
|
1036
1061
|
])
|
@@ -1038,61 +1063,61 @@ function ss(t, e, s, i, n, o) {
|
|
1038
1063
|
_: 1
|
1039
1064
|
}, 512);
|
1040
1065
|
}
|
1041
|
-
const
|
1066
|
+
const os = /* @__PURE__ */ k(ts, [["render", rs]]), as = { class: "flex items-center gap-x-2" }, is = {
|
1042
1067
|
__name: "admin-table-custom-buttons",
|
1043
1068
|
props: {
|
1044
1069
|
slots: Object
|
1045
1070
|
},
|
1046
1071
|
setup(t) {
|
1047
|
-
var b, f,
|
1048
|
-
const { asyncTemplateSlot: e } = (c = (v = (
|
1049
|
-
var
|
1050
|
-
if (n.slots.panelLeft.includes("<")) {
|
1051
|
-
const
|
1072
|
+
var b, f, m, v, c;
|
1073
|
+
const { asyncTemplateSlot: e } = (c = (v = (m = (f = (b = Pe()) == null ? void 0 : b.appContext) == null ? void 0 : f.app) == null ? void 0 : m.config) == null ? void 0 : v.globalProperties) == null ? void 0 : c.utils, s = _e(""), i = _e(""), n = t, o = () => {
|
1074
|
+
var g, d, C, y, S;
|
1075
|
+
if ((g = n.slots) != null && g.panelLeft || (i.value = "div"), (C = (d = n.slots) == null ? void 0 : d.panelLeft) != null && C.includes("<")) {
|
1076
|
+
const T = e("PanelLeft", (y = n.slots) == null ? void 0 : y.panelLeft, [
|
1052
1077
|
"name"
|
1053
1078
|
]);
|
1054
|
-
i.value =
|
1079
|
+
i.value = T;
|
1055
1080
|
} else
|
1056
|
-
i.value = n.slots.panelLeft;
|
1081
|
+
i.value = (S = n.slots) == null ? void 0 : S.panelLeft;
|
1057
1082
|
}, u = () => {
|
1058
|
-
var
|
1059
|
-
if (n.slots.panelRight.includes("<")) {
|
1060
|
-
const
|
1083
|
+
var g, d, C, y, S;
|
1084
|
+
if ((g = n.slots) != null && g.panelRight || (s.value = "div"), (C = (d = n.slots) == null ? void 0 : d.panelRight) != null && C.includes("<")) {
|
1085
|
+
const T = e("PanelRight", (y = n.slots) == null ? void 0 : y.panelRight, [
|
1061
1086
|
"name"
|
1062
1087
|
]);
|
1063
|
-
s.value =
|
1088
|
+
s.value = T;
|
1064
1089
|
} else
|
1065
|
-
s.value = n.slots.panelRight;
|
1090
|
+
s.value = (S = n.slots) == null ? void 0 : S.panelRight;
|
1066
1091
|
};
|
1067
|
-
return o(), u(), (
|
1068
|
-
(r(), _(
|
1069
|
-
(r(), _(
|
1092
|
+
return o(), u(), (g, d) => (r(), a("div", as, [
|
1093
|
+
(r(), _(z(i.value))),
|
1094
|
+
(r(), _(z(s.value)))
|
1070
1095
|
]));
|
1071
1096
|
}
|
1072
|
-
},
|
1097
|
+
}, cs = (t, e = 300) => {
|
1073
1098
|
let s;
|
1074
1099
|
return function(...i) {
|
1075
1100
|
clearTimeout(s), s = setTimeout(() => {
|
1076
1101
|
t.apply(this, i);
|
1077
1102
|
}, e);
|
1078
1103
|
};
|
1079
|
-
},
|
1104
|
+
}, us = {
|
1080
1105
|
props: { table: String, title: String },
|
1081
1106
|
components: {
|
1082
|
-
AdminTableControl:
|
1083
|
-
AdminTableExport:
|
1084
|
-
AdminTableColumnsHidden:
|
1085
|
-
AdminTableColumn:
|
1086
|
-
AdminNodata:
|
1087
|
-
IconPlus:
|
1107
|
+
AdminTableControl: ft,
|
1108
|
+
AdminTableExport: Pt,
|
1109
|
+
AdminTableColumnsHidden: Yt,
|
1110
|
+
AdminTableColumn: Ze,
|
1111
|
+
AdminNodata: on,
|
1112
|
+
IconPlus: we,
|
1088
1113
|
IconSearch: je,
|
1089
|
-
AdminTableCardInfo:
|
1090
|
-
IconOpenCard:
|
1091
|
-
AdminComponentIs:
|
1092
|
-
AdminTableFilters:
|
1093
|
-
AdminTableTabs:
|
1094
|
-
AdminTableCustomFilters:
|
1095
|
-
AdminTableCustomButtons:
|
1114
|
+
AdminTableCardInfo: Fn,
|
1115
|
+
IconOpenCard: Bn,
|
1116
|
+
AdminComponentIs: Ce,
|
1117
|
+
AdminTableFilters: Rn,
|
1118
|
+
AdminTableTabs: Kn,
|
1119
|
+
AdminTableCustomFilters: os,
|
1120
|
+
AdminTableCustomButtons: is
|
1096
1121
|
},
|
1097
1122
|
data() {
|
1098
1123
|
return {
|
@@ -1148,7 +1173,7 @@ const ls = /* @__PURE__ */ k(Yn, [["render", ss]]), rs = { class: "flex items-ce
|
|
1148
1173
|
this.tableData = null, await this.getTableData();
|
1149
1174
|
},
|
1150
1175
|
searchValue: {
|
1151
|
-
handler:
|
1176
|
+
handler: cs(async function(t) {
|
1152
1177
|
var e;
|
1153
1178
|
await this.getTableData(), this.$router.push({
|
1154
1179
|
...this.$route,
|
@@ -1194,8 +1219,8 @@ const ls = /* @__PURE__ */ k(Yn, [["render", ss]]), rs = { class: "flex items-ce
|
|
1194
1219
|
},
|
1195
1220
|
methods: {
|
1196
1221
|
async checkUrlMounted() {
|
1197
|
-
var t, e, s, i, n, o, u, b, f,
|
1198
|
-
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : i.limit) || 20, this.filters = ((u = decodeURI((o = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : o.filter)) == null ? void 0 : u.replaceAll("+", " ")) || null, this.filterState = ((f = (b = this.$route) == null ? void 0 : b.query) == null ? void 0 : f.filterState) || null, this.filterCustom = ((v = (
|
1222
|
+
var t, e, s, i, n, o, u, b, f, m, v, c, g, d, C, y, S;
|
1223
|
+
this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : i.limit) || 20, this.filters = ((u = decodeURI((o = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : o.filter)) == null ? void 0 : u.replaceAll("+", " ")) || null, this.filterState = ((f = (b = this.$route) == null ? void 0 : b.query) == null ? void 0 : f.filterState) || null, this.filterCustom = ((v = (m = this.$route) == null ? void 0 : m.query) == null ? void 0 : v.custom) || null, this.searchValue = ((g = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : g.search) || "", this.visibleColumns = ((y = (C = (d = this.$route) == null ? void 0 : d.query) == null ? void 0 : C.columns) == null ? void 0 : y.split(",")) || [], (S = this.$route) != null && S.query.card && (this.isVisibleCardInfo = !0);
|
1199
1224
|
},
|
1200
1225
|
rowWidth(t) {
|
1201
1226
|
var s, i;
|
@@ -1209,9 +1234,9 @@ const ls = /* @__PURE__ */ k(Yn, [["render", ss]]), rs = { class: "flex items-ce
|
|
1209
1234
|
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 = "";
|
1210
1235
|
},
|
1211
1236
|
async getTableData() {
|
1212
|
-
var t, e, s, i, n, o, u, b, f,
|
1237
|
+
var t, e, s, i, n, o, u, b, f, m, v;
|
1213
1238
|
try {
|
1214
|
-
const { data: c } = await
|
1239
|
+
const { data: c } = await F.get(`/api/template/table/${this.table}`), g = await F.get(`/api/table-data/${this.table}`, {
|
1215
1240
|
params: {
|
1216
1241
|
page: this.page,
|
1217
1242
|
search: this.searchValue || null,
|
@@ -1224,18 +1249,18 @@ const ls = /* @__PURE__ */ k(Yn, [["render", ss]]), rs = { class: "flex items-ce
|
|
1224
1249
|
});
|
1225
1250
|
this.tableData = {
|
1226
1251
|
...c,
|
1227
|
-
...(
|
1228
|
-
}, this.initialHiddenColumns = (o = (n = (i = (s = this.tableData) == null ? void 0 : s.columns) == null ? void 0 : i.filter((
|
1229
|
-
var
|
1230
|
-
(
|
1231
|
-
}) : this.visibleColumns = (v = (
|
1252
|
+
...(g == null ? void 0 : g.data) || {}
|
1253
|
+
}, this.initialHiddenColumns = (o = (n = (i = (s = this.tableData) == null ? void 0 : s.columns) == null ? void 0 : i.filter((d) => (d == null ? void 0 : d.hidden) !== !0)) == null ? void 0 : n.map((d) => d == null ? void 0 : d.name)) == null ? void 0 : o.join(","), (u = this.visibleColumns) != null && u.length ? (b = this.tableData) == null || b.columns.forEach((d) => {
|
1254
|
+
var C;
|
1255
|
+
(C = this.visibleColumns) != null && C.includes(d == null ? void 0 : d.name) ? d.hidden = !1 : d.hidden = !0;
|
1256
|
+
}) : this.visibleColumns = (v = (m = (f = this.tableData) == null ? void 0 : f.columns) == null ? void 0 : m.filter((d) => (d == null ? void 0 : d.hidden) !== !0)) == null ? void 0 : v.map((d) => d == null ? void 0 : d.name);
|
1232
1257
|
} catch {
|
1233
1258
|
}
|
1234
1259
|
},
|
1235
1260
|
async getFilters() {
|
1236
1261
|
var t;
|
1237
1262
|
try {
|
1238
|
-
const { data: e } = await
|
1263
|
+
const { data: e } = await F.get(`/api/table-filter/${this.table}`);
|
1239
1264
|
this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((s) => ({
|
1240
1265
|
...s,
|
1241
1266
|
label: (s == null ? void 0 : s.label) || (s == null ? void 0 : s.ua)
|
@@ -1276,180 +1301,180 @@ const ls = /* @__PURE__ */ k(Yn, [["render", ss]]), rs = { class: "flex items-ce
|
|
1276
1301
|
});
|
1277
1302
|
}
|
1278
1303
|
}
|
1279
|
-
},
|
1304
|
+
}, ds = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, hs = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, ps = { class: "text-xl font-medium" }, fs = {
|
1280
1305
|
style: { height: "calc(100vh - 155px)", width: "calc(100vw - 260px)" },
|
1281
1306
|
class: "bg-gray-50 p-[20px] flex pt-[10px]"
|
1282
|
-
},
|
1307
|
+
}, bs = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, ms = { class: "flex" }, gs = { class: "flex gap-[6px] ml-auto" }, xs = { class: "inline-block w-full align-middle" }, ys = {
|
1283
1308
|
key: 0,
|
1284
1309
|
class: "relative min-w-full divide-y divide-gray-200 table-fixed dark:divide-neutral-700"
|
1285
|
-
},
|
1310
|
+
}, _s = { class: "sticky top-[-1px] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, ks = { class: "right-0 border-t border-stone-200" }, vs = {
|
1286
1311
|
key: 0,
|
1287
1312
|
class: "w-[70px] sticky right-0 top-0"
|
1288
|
-
},
|
1313
|
+
}, ws = { class: "divide-y divide-gray-200" }, Cs = { class: "px-4 py-3 text-sm text-gray-600" }, $s = ["onClick"], Ss = ["onClick"], As = { class: "p-[20px] flex justify-start items-center w-full" }, Is = { class: "w-[200px]" }, Ts = { class: "text-sm text-gray-600 dark:text-neutral-400" }, Vs = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, Ds = { key: 0 }, Fs = {
|
1289
1314
|
key: 0,
|
1290
1315
|
class: "font-semibold text-gray-800 dark:text-neutral-200"
|
1291
1316
|
};
|
1292
|
-
function
|
1293
|
-
var
|
1294
|
-
const u =
|
1295
|
-
return r(), a("div",
|
1296
|
-
l("div",
|
1297
|
-
l("h2",
|
1317
|
+
function Ms(t, e, s, i, n, o) {
|
1318
|
+
var O, E, N, H, R, W, G, Z, J, K, Q, X, Y, ee, te, ne, se, le, re, oe, ae, ie;
|
1319
|
+
const u = p("IconPlus"), b = p("router-link"), f = p("AdminTableTabs"), m = p("IconSearch"), v = p("VsText"), c = p("AdminTableCustomButtons"), g = p("AdminTableCustomFilters"), d = p("AdminTableColumnsHidden"), C = p("AdminTableExport"), y = p("AdminTableFilters"), S = p("IconOpenCard"), T = p("AdminTableColumn"), j = p("AdminComponentIs"), U = p("AdminTableControl"), $e = p("AdminNodata"), Se = p("VsPagination"), Ae = p("AdminTableCardInfo");
|
1320
|
+
return r(), a("div", ds, [
|
1321
|
+
l("div", hs, [
|
1322
|
+
l("h2", ps, I(s.title), 1),
|
1298
1323
|
o.isForm ? (r(), _(b, {
|
1299
1324
|
key: 0,
|
1300
|
-
to: `/add?table=${(
|
1325
|
+
to: `/add?table=${(E = (O = t.$route) == null ? void 0 : O.params) == null ? void 0 : E.catchAll}`,
|
1301
1326
|
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"
|
1302
1327
|
}, {
|
1303
|
-
default:
|
1328
|
+
default: $(() => [
|
1304
1329
|
x(u, {
|
1305
1330
|
height: "16",
|
1306
1331
|
width: "16"
|
1307
1332
|
}),
|
1308
|
-
e[5] || (e[5] =
|
1333
|
+
e[5] || (e[5] = M(" Додати "))
|
1309
1334
|
]),
|
1310
1335
|
_: 1
|
1311
1336
|
}, 8, ["to"])) : w("", !0)
|
1312
1337
|
]),
|
1313
|
-
l("div",
|
1314
|
-
l("div",
|
1315
|
-
(
|
1338
|
+
l("div", fs, [
|
1339
|
+
l("div", bs, [
|
1340
|
+
(H = (N = n.tableData) == null ? void 0 : N.filterState) != null && H.length ? (r(), _(f, {
|
1316
1341
|
key: 0,
|
1317
|
-
tabsList: (
|
1342
|
+
tabsList: (R = n.tableData) == null ? void 0 : R.filterState,
|
1318
1343
|
filterState: n.filterState,
|
1319
|
-
"onUpdate:filterState": e[0] || (e[0] = (
|
1344
|
+
"onUpdate:filterState": e[0] || (e[0] = (h) => n.filterState = h)
|
1320
1345
|
}, null, 8, ["tabsList", "filterState"])) : w("", !0),
|
1321
|
-
l("div",
|
1346
|
+
l("div", ms, [
|
1322
1347
|
l("div", {
|
1323
|
-
class:
|
1348
|
+
class: V([n.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
|
1324
1349
|
}, [
|
1325
1350
|
l("div", {
|
1326
|
-
class:
|
1351
|
+
class: V(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !n.isVisibleCardInfo }])
|
1327
1352
|
}, [
|
1328
|
-
x(
|
1353
|
+
x(m, {
|
1329
1354
|
height: "14",
|
1330
1355
|
width: "14",
|
1331
1356
|
class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
|
1332
1357
|
}),
|
1333
1358
|
x(v, {
|
1334
1359
|
modelValue: n.searchValue,
|
1335
|
-
"onUpdate:modelValue": e[1] || (e[1] = (
|
1360
|
+
"onUpdate:modelValue": e[1] || (e[1] = (h) => n.searchValue = h),
|
1336
1361
|
placeholder: "Пошук...",
|
1337
1362
|
clearable: !0,
|
1338
1363
|
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"
|
1339
1364
|
}, null, 8, ["modelValue"]),
|
1340
|
-
l("div",
|
1341
|
-
(
|
1365
|
+
l("div", gs, [
|
1366
|
+
(W = n.tableData) != null && W.slots ? (r(), _(c, {
|
1342
1367
|
key: 0,
|
1343
|
-
slots: (
|
1368
|
+
slots: (G = n.tableData) == null ? void 0 : G.slots
|
1344
1369
|
}, null, 8, ["slots"])) : w("", !0),
|
1345
|
-
(
|
1370
|
+
(J = (Z = n.tableData) == null ? void 0 : Z.filterCustom) != null && J.length ? (r(), _(g, {
|
1346
1371
|
key: 1,
|
1347
|
-
customList: (
|
1372
|
+
customList: (K = n.tableData) == null ? void 0 : K.filterCustom,
|
1348
1373
|
filterCustom: n.filterCustom,
|
1349
|
-
"onUpdate:filterCustom": e[2] || (e[2] = (
|
1374
|
+
"onUpdate:filterCustom": e[2] || (e[2] = (h) => n.filterCustom = h)
|
1350
1375
|
}, null, 8, ["customList", "filterCustom"])) : w("", !0),
|
1351
|
-
x(
|
1352
|
-
columns: (
|
1353
|
-
onUpdateColumns: e[3] || (e[3] = (
|
1376
|
+
x(d, {
|
1377
|
+
columns: (Q = n.tableData) == null ? void 0 : Q.columns,
|
1378
|
+
onUpdateColumns: e[3] || (e[3] = (h) => n.tableData.columns = h)
|
1354
1379
|
}, null, 8, ["columns"]),
|
1355
|
-
x(
|
1380
|
+
x(C, {
|
1356
1381
|
table: s.table,
|
1357
|
-
columns: (
|
1382
|
+
columns: (X = n.tableData) == null ? void 0 : X.columns,
|
1358
1383
|
page: n.page,
|
1359
1384
|
"filter-state": n.filterState,
|
1360
1385
|
"filter-custom": n.filterCustom,
|
1361
1386
|
filters: n.filters
|
1362
1387
|
}, null, 8, ["table", "columns", "page", "filter-state", "filter-custom", "filters"]),
|
1363
|
-
(
|
1388
|
+
(Y = n.filterScheme) != null && Y.length ? (r(), _(y, {
|
1364
1389
|
key: 2,
|
1365
1390
|
scheme: n.filterScheme,
|
1366
1391
|
onFilters: n.onFilters,
|
1367
1392
|
onFilterChange: o.filterChange
|
1368
1393
|
}, null, 8, ["scheme", "onFilters", "onFilterChange"])) : w("", !0),
|
1369
1394
|
l("button", {
|
1370
|
-
onClick: e[4] || (e[4] = (...
|
1395
|
+
onClick: e[4] || (e[4] = (...h) => o.toggleCardInfo && o.toggleCardInfo(...h)),
|
1371
1396
|
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"
|
1372
1397
|
}, [
|
1373
|
-
x(
|
1374
|
-
class:
|
1398
|
+
x(S, {
|
1399
|
+
class: V({ "rotate-180 duration-300": !n.isVisibleCardInfo })
|
1375
1400
|
}, null, 8, ["class"])
|
1376
1401
|
])
|
1377
1402
|
])
|
1378
1403
|
], 2),
|
1379
1404
|
l("div", {
|
1380
|
-
class:
|
1405
|
+
class: V(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !n.isVisibleCardInfo }])
|
1381
1406
|
}, [
|
1382
1407
|
l("div", {
|
1383
|
-
style:
|
1384
|
-
height: (
|
1408
|
+
style: ke({
|
1409
|
+
height: (te = (ee = n.tableData) == null ? void 0 : ee.filterState) != null && te.length ? "calc(100vh - 370px)" : "calc(100vh - 330px)"
|
1385
1410
|
}),
|
1386
1411
|
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"
|
1387
1412
|
}, [
|
1388
|
-
l("div",
|
1389
|
-
o.isNoData ? (r(), _($e, { key: 1 })) : (r(), a("table",
|
1390
|
-
l("thead",
|
1391
|
-
l("tr",
|
1392
|
-
(r(!0), a(
|
1393
|
-
key:
|
1394
|
-
style:
|
1395
|
-
width: o.rowWidth(
|
1396
|
-
textAlign:
|
1397
|
-
wordBreak:
|
1413
|
+
l("div", xs, [
|
1414
|
+
o.isNoData ? (r(), _($e, { key: 1 })) : (r(), a("table", ys, [
|
1415
|
+
l("thead", _s, [
|
1416
|
+
l("tr", ks, [
|
1417
|
+
(r(!0), a(A, null, D(o.columns, (h) => (r(), _(T, {
|
1418
|
+
key: h.name,
|
1419
|
+
style: ke({
|
1420
|
+
width: o.rowWidth(h == null ? void 0 : h.name),
|
1421
|
+
textAlign: h == null ? void 0 : h.align,
|
1422
|
+
wordBreak: h == null ? void 0 : h.wrap
|
1398
1423
|
}),
|
1399
|
-
data:
|
1424
|
+
data: h,
|
1400
1425
|
activeColumn: n.activeColumn,
|
1401
1426
|
onChangeActive: o.changeActiveColumn
|
1402
1427
|
}, null, 8, ["style", "data", "activeColumn", "onChangeActive"]))), 128)),
|
1403
|
-
(
|
1428
|
+
(se = (ne = o.getActions) == null ? void 0 : ne.filter((h) => h !== "add")) != null && se.length ? (r(), a("th", vs)) : w("", !0)
|
1404
1429
|
])
|
1405
1430
|
]),
|
1406
|
-
l("tbody",
|
1407
|
-
(r(!0), a(
|
1408
|
-
var
|
1431
|
+
l("tbody", ws, [
|
1432
|
+
(r(!0), a(A, null, D((le = n.tableData) == null ? void 0 : le.rows, (h, Ie) => {
|
1433
|
+
var ce, ue, de, he, pe, fe, be, me, ge, xe;
|
1409
1434
|
return r(), a("tr", {
|
1410
1435
|
key: Ie,
|
1411
|
-
class:
|
1412
|
-
"bg-gray-50": ((
|
1436
|
+
class: V({
|
1437
|
+
"bg-gray-50": ((ue = (ce = t.$route) == null ? void 0 : ce.query) == null ? void 0 : ue.card) === (h == null ? void 0 : h.id)
|
1413
1438
|
})
|
1414
1439
|
}, [
|
1415
|
-
l("td",
|
1440
|
+
l("td", Cs, [
|
1416
1441
|
l("button", {
|
1417
|
-
onClick: () => o.pushToCard(
|
1418
|
-
class:
|
1419
|
-
((
|
1442
|
+
onClick: () => o.pushToCard(h == null ? void 0 : h.id),
|
1443
|
+
class: V(["text-sm font-medium", [
|
1444
|
+
((de = n.tableData) == null ? void 0 : de.card) === !1 ? "" : "text-blue-600 decoration-2 focus:outline-none focus:underline hover:text-blue-600 hover:underline"
|
1420
1445
|
]])
|
1421
1446
|
}, [
|
1422
|
-
x(
|
1423
|
-
row:
|
1447
|
+
x(j, {
|
1448
|
+
row: h,
|
1424
1449
|
column: o.columns[0],
|
1425
1450
|
table: s.table,
|
1426
1451
|
onUpdateTable: o.getTableData
|
1427
1452
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
1428
|
-
], 10,
|
1453
|
+
], 10, $s)
|
1429
1454
|
]),
|
1430
|
-
(r(!0), a(
|
1431
|
-
onClick: (
|
1432
|
-
class:
|
1433
|
-
key:
|
1455
|
+
(r(!0), a(A, null, D((he = o.columns) == null ? void 0 : he.slice(1), (q) => (r(), a("td", {
|
1456
|
+
onClick: (Ls) => o.changeActiveCardInfo(h == null ? void 0 : h.id),
|
1457
|
+
class: V(["px-3 py-3 text-sm text-gray-600 text-start whitespace-nowrap", { "cursor-pointer": n.isVisibleCardInfo }]),
|
1458
|
+
key: q.name
|
1434
1459
|
}, [
|
1435
|
-
x(
|
1436
|
-
row:
|
1437
|
-
column:
|
1460
|
+
x(j, {
|
1461
|
+
row: h,
|
1462
|
+
column: q,
|
1438
1463
|
table: s.table,
|
1439
1464
|
onUpdateTable: o.getTableData
|
1440
1465
|
}, null, 8, ["row", "column", "table", "onUpdateTable"])
|
1441
|
-
], 10,
|
1442
|
-
(
|
1466
|
+
], 10, Ss))), 128)),
|
1467
|
+
(fe = (pe = o.getActions) == null ? void 0 : pe.filter((q) => q !== "add")) != null && fe.length ? (r(), a("td", {
|
1443
1468
|
key: 0,
|
1444
|
-
class:
|
1445
|
-
"bg-gray-50": ((
|
1446
|
-
"bg-white": ((
|
1469
|
+
class: V(["text-center sticky right-0 w-[80px] px-[10px]", {
|
1470
|
+
"bg-gray-50": ((me = (be = t.$route) == null ? void 0 : be.query) == null ? void 0 : me.card) === (h == null ? void 0 : h.id),
|
1471
|
+
"bg-white": ((xe = (ge = t.$route) == null ? void 0 : ge.query) == null ? void 0 : xe.card) !== (h == null ? void 0 : h.id)
|
1447
1472
|
}])
|
1448
1473
|
}, [
|
1449
|
-
x(
|
1474
|
+
x(U, {
|
1450
1475
|
actions: o.getActions,
|
1451
1476
|
isForm: o.isForm,
|
1452
|
-
item:
|
1477
|
+
item: h,
|
1453
1478
|
table: s.table,
|
1454
1479
|
onUpdateTable: o.getTableData
|
1455
1480
|
}, null, 8, ["actions", "isForm", "item", "table", "onUpdateTable"])
|
@@ -1461,22 +1486,22 @@ function Ds(t, e, s, i, n, o) {
|
|
1461
1486
|
])
|
1462
1487
|
], 4)
|
1463
1488
|
], 2),
|
1464
|
-
l("div",
|
1465
|
-
l("div",
|
1466
|
-
l("p",
|
1467
|
-
l("span",
|
1468
|
-
|
1469
|
-
n.filters || n.searchValue ? (r(), a("span",
|
1489
|
+
l("div", As, [
|
1490
|
+
l("div", Is, [
|
1491
|
+
l("p", Ts, [
|
1492
|
+
l("span", Vs, [
|
1493
|
+
M(I(n.filters || n.searchValue ? "Знайдено" : "Об'єктів") + " " + I(((re = n.tableData) == null ? void 0 : re.count) || "0 ") + " ", 1),
|
1494
|
+
n.filters || n.searchValue ? (r(), a("span", Ds, " з")) : w("", !0)
|
1470
1495
|
]),
|
1471
|
-
n.filters || n.searchValue ? (r(), a("span",
|
1496
|
+
n.filters || n.searchValue ? (r(), a("span", Fs, I(" " + ((oe = n.tableData) == null ? void 0 : oe.filtered) || 0), 1)) : w("", !0)
|
1472
1497
|
])
|
1473
1498
|
]),
|
1474
|
-
Math.ceil(((
|
1499
|
+
Math.ceil(((ae = n.tableData) == null ? void 0 : ae.filtered) / n.limit) > 1 ? (r(), _(Se, {
|
1475
1500
|
key: 0,
|
1476
1501
|
goTo: !1,
|
1477
1502
|
class: "justify-end",
|
1478
1503
|
"default-page": parseInt(o.defaultPage),
|
1479
|
-
total: ((
|
1504
|
+
total: ((ie = n.tableData) == null ? void 0 : ie.filtered) || 0,
|
1480
1505
|
pageSize: parseInt(n.limit),
|
1481
1506
|
onPageChange: o.handlePageChange,
|
1482
1507
|
pageSizes: [10, 16, 20],
|
@@ -1486,13 +1511,13 @@ function Ds(t, e, s, i, n, o) {
|
|
1486
1511
|
])
|
1487
1512
|
], 2),
|
1488
1513
|
x(P, { name: "slide-fade" }, {
|
1489
|
-
default:
|
1490
|
-
var
|
1514
|
+
default: $(() => {
|
1515
|
+
var h;
|
1491
1516
|
return [
|
1492
1517
|
n.isVisibleCardInfo ? (r(), _(Ae, {
|
1493
1518
|
key: 0,
|
1494
1519
|
table: s.table,
|
1495
|
-
columns: (
|
1520
|
+
columns: (h = n.tableData) == null ? void 0 : h.columns,
|
1496
1521
|
row: o.activeCardRow
|
1497
1522
|
}, null, 8, ["table", "columns", "row"])) : w("", !0)
|
1498
1523
|
];
|
@@ -1504,8 +1529,8 @@ function Ds(t, e, s, i, n, o) {
|
|
1504
1529
|
])
|
1505
1530
|
]);
|
1506
1531
|
}
|
1507
|
-
const
|
1508
|
-
components: { AdminTable:
|
1532
|
+
const js = /* @__PURE__ */ k(us, [["render", Ms], ["__scopeId", "data-v-ef9b0865"]]), qs = {
|
1533
|
+
components: { AdminTable: js },
|
1509
1534
|
data() {
|
1510
1535
|
return {
|
1511
1536
|
table: !1,
|
@@ -1517,7 +1542,7 @@ const Fs = /* @__PURE__ */ k(is, [["render", Ds], ["__scopeId", "data-v-ef9b0865
|
|
1517
1542
|
$route: {
|
1518
1543
|
async handler() {
|
1519
1544
|
var t;
|
1520
|
-
(t =
|
1545
|
+
(t = ye) != null && t.value || await this.getMenu(), await this.checkPageType();
|
1521
1546
|
},
|
1522
1547
|
deep: !0
|
1523
1548
|
},
|
@@ -1538,7 +1563,7 @@ const Fs = /* @__PURE__ */ k(is, [["render", Ds], ["__scopeId", "data-v-ef9b0865
|
|
1538
1563
|
},
|
1539
1564
|
async checkPageType() {
|
1540
1565
|
var i, n;
|
1541
|
-
const t = this.flattenMenu(
|
1566
|
+
const t = this.flattenMenu(ye.value);
|
1542
1567
|
t != null && t.length || this.$router.replace("/404");
|
1543
1568
|
const e = t == null ? void 0 : t.find((o) => {
|
1544
1569
|
var u, b;
|
@@ -1551,7 +1576,7 @@ const Fs = /* @__PURE__ */ k(is, [["render", Ds], ["__scopeId", "data-v-ef9b0865
|
|
1551
1576
|
async getInterface() {
|
1552
1577
|
var t, e;
|
1553
1578
|
try {
|
1554
|
-
const { data: s } = await
|
1579
|
+
const { data: s } = await F.get(
|
1555
1580
|
`/api/template/interface/${((e = (t = this.$route) == null ? void 0 : t.params) == null ? void 0 : e.catchAll) || ""}`
|
1556
1581
|
);
|
1557
1582
|
this.interface = s || "";
|
@@ -1560,9 +1585,9 @@ const Fs = /* @__PURE__ */ k(is, [["render", Ds], ["__scopeId", "data-v-ef9b0865
|
|
1560
1585
|
}
|
1561
1586
|
}
|
1562
1587
|
}
|
1563
|
-
},
|
1564
|
-
function
|
1565
|
-
const u =
|
1588
|
+
}, Bs = ["innerHTML"];
|
1589
|
+
function zs(t, e, s, i, n, o) {
|
1590
|
+
const u = p("AdminTable");
|
1566
1591
|
return n.table ? (r(), _(u, {
|
1567
1592
|
key: 0,
|
1568
1593
|
table: n.table,
|
@@ -1572,9 +1597,9 @@ function qs(t, e, s, i, n, o) {
|
|
1572
1597
|
class: "w-full bg-gray-50",
|
1573
1598
|
style: { height: "calc(100vh - 120px)" },
|
1574
1599
|
innerHTML: n.interface
|
1575
|
-
}, null, 8,
|
1600
|
+
}, null, 8, Bs));
|
1576
1601
|
}
|
1577
|
-
const
|
1602
|
+
const Es = /* @__PURE__ */ k(qs, [["render", zs]]);
|
1578
1603
|
export {
|
1579
|
-
|
1604
|
+
Es as default
|
1580
1605
|
};
|