@opengis/admin 0.1.88 → 0.1.89

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,364 +0,0 @@
1
- import { h as Q, i as U, _ as W, u as J, r as X, c as Y } from "./import-file-Cobra4kl.js";
2
- import { getCurrentInstance as K, ref as I, computed as Z, resolveComponent as F, openBlock as e, createElementBlock as r, createElementVNode as k, toDisplayString as G, createBlock as v, resolveDynamicComponent as q, withCtx as i, createTextVNode as $, createCommentVNode as x, normalizeClass as N, Fragment as C, renderList as V } from "vue";
3
- const m = { class: "h-[76px] bg-white border rounded-xl flex items-center justify-start px-[20px] mb-[16px]" }, oo = { class: "mr-[10px]" }, to = { class: "text-lg font-semibold md:text-xl text-stone-800 dark:text-neutral-200" }, eo = { class: "flex items-center gap-[6px] ml-auto" }, no = { class: "mr-[10px]" }, so = {
4
- __name: "admin-card-header",
5
- props: {
6
- title: {
7
- type: String
8
- },
9
- getRoute: {
10
- type: String,
11
- required: !0
12
- },
13
- slots: { type: Object },
14
- isHeaderEditButton: { type: Boolean, default: () => !0 }
15
- },
16
- setup(s) {
17
- var D, n, z, H, w;
18
- const { asyncTemplateSlot: c } = (w = (H = (z = (n = (D = K()) == null ? void 0 : D.appContext) == null ? void 0 : n.app) == null ? void 0 : z.config) == null ? void 0 : H.globalProperties) == null ? void 0 : w.utils, a = s, l = Q(), t = U(), u = I(""), g = I(""), h = () => {
19
- l.back();
20
- }, y = Z(
21
- () => {
22
- var b;
23
- return `/edit?table=${a.getRoute}&id=${(b = t == null ? void 0 : t.params) == null ? void 0 : b.id}`;
24
- }
25
- ), p = () => {
26
- var b, f, _, o;
27
- if (!((b = a.slots) != null && b.panelLeft)) return "div";
28
- if ((f = a.slots) != null && f.panelLeft.includes("<")) {
29
- const j = c("PanelLeft", (_ = a.slots) == null ? void 0 : _.panelLeft, [
30
- "name"
31
- ]);
32
- g.value = j;
33
- } else
34
- g.value = (o = a.slots) == null ? void 0 : o.panelLeft;
35
- }, d = () => {
36
- var b, f, _, o;
37
- if (!((b = a.slots) != null && b.panelRight)) return "div";
38
- if ((f = a.slots) != null && f.panelRight.includes("<")) {
39
- const j = c("PanelRight", (_ = a.slots) == null ? void 0 : _.panelRight, [
40
- "name"
41
- ]);
42
- u.value = j;
43
- } else
44
- u.value = (o = a.slots) == null ? void 0 : o.panelRight;
45
- };
46
- return p(), d(), (b, f) => {
47
- const _ = F("router-link");
48
- return e(), r("div", m, [
49
- k("div", oo, [
50
- k("button", {
51
- onClick: h,
52
- class: "text-sm h-[20px] text-blue-600 font-medium hover:border-b-2 hover:border-b-blue-500"
53
- }, " До таблиці "),
54
- k("h2", to, G(s.title), 1)
55
- ]),
56
- (e(), v(q(g.value))),
57
- k("div", eo, [
58
- k("div", no, [
59
- (e(), v(q(u.value)))
60
- ]),
61
- s.isHeaderEditButton ? (e(), v(_, {
62
- key: 0,
63
- to: y.value,
64
- 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"
65
- }, {
66
- default: i(() => f[0] || (f[0] = [
67
- $(" Редагувати ")
68
- ])),
69
- _: 1
70
- }, 8, ["to"])) : x("", !0)
71
- ])
72
- ]);
73
- };
74
- }
75
- }, ro = {
76
- __name: "admin-card-async-component",
77
- props: {
78
- slot: String,
79
- data: Object,
80
- objectData: Object
81
- },
82
- setup(s) {
83
- var u, g, h, y, p;
84
- const { asyncTemplateSlot: c } = (p = (y = (h = (g = (u = K()) == null ? void 0 : u.appContext) == null ? void 0 : g.app) == null ? void 0 : h.config) == null ? void 0 : y.globalProperties) == null ? void 0 : p.utils, a = I(""), l = s;
85
- return (() => {
86
- const d = c("CustomComponent", l.slot, ["data"]);
87
- a.value = d;
88
- })(), (d, D) => (e(), v(q(a.value), { data: s.objectData }, null, 8, ["data"]));
89
- }
90
- }, ao = {
91
- components: { AdminCardHeader: so, AdminCardAsyncComponent: ro },
92
- data() {
93
- return {
94
- objectData: null,
95
- component: ""
96
- };
97
- },
98
- computed: {
99
- getRoute() {
100
- const s = this.flattenMenu(J.value);
101
- s != null && s.length || this.$router.replace("/404");
102
- const c = s == null ? void 0 : s.find((a) => {
103
- var l, t;
104
- return (a == null ? void 0 : a.table) == ((t = (l = this.$route) == null ? void 0 : l.params) == null ? void 0 : t.table);
105
- });
106
- return c || this.$router.replace("/404"), c == null ? void 0 : c.path;
107
- },
108
- getTitle() {
109
- var s, c, a, l, t, u, g, h, y, p, d, D, n, z, H;
110
- if ((a = (c = (s = this.objectData) == null ? void 0 : s.rows) == null ? void 0 : c[0]) != null && a.name)
111
- return ((g = (u = (t = (l = this.objectData) == null ? void 0 : l.rows) == null ? void 0 : t[0]) == null ? void 0 : u.name) == null ? void 0 : g.length) < 35 ? (p = (y = (h = this.objectData) == null ? void 0 : h.rows) == null ? void 0 : y[0]) == null ? void 0 : p.name : ((z = (n = (D = (d = this.objectData) == null ? void 0 : d.rows) == null ? void 0 : D[0]) == null ? void 0 : n.name) == null ? void 0 : z.slice(0, 35)) + " ...";
112
- {
113
- const w = (H = this.flattenMenu(J.value)) == null ? void 0 : H.find(
114
- (b) => {
115
- var f, _;
116
- return (b == null ? void 0 : b.table) === ((_ = (f = this.$route) == null ? void 0 : f.params) == null ? void 0 : _.table);
117
- }
118
- );
119
- return w == null ? void 0 : w.ua;
120
- }
121
- },
122
- reloadPageTrigger() {
123
- return X.value;
124
- }
125
- },
126
- async mounted() {
127
- await this.getObjectData(), await this.checkActiveComponent();
128
- },
129
- watch: {
130
- component(s) {
131
- this.$router.replace({ ...this.$route, query: { tab: s } });
132
- },
133
- reloadPageTrigger() {
134
- this.getObjectData();
135
- }
136
- },
137
- methods: {
138
- async getObjectData() {
139
- var a;
140
- const { table: s, id: c } = (a = this.$route) == null ? void 0 : a.params;
141
- (!s || !c) && this.$router.replace("/404");
142
- try {
143
- const { data: l } = await Y.get(`/api/table-data/${s}/${c}`);
144
- this.objectData = l;
145
- } catch (l) {
146
- console.error(l);
147
- }
148
- },
149
- getColClass(s) {
150
- return `col-span-${s || 12}`;
151
- },
152
- getGridClass() {
153
- return "grid-cols-12";
154
- },
155
- checkActiveComponent() {
156
- var s, c, a, l, t, u, g, h, y;
157
- if ((c = (s = this.$route) == null ? void 0 : s.query) != null && c.tab)
158
- this.component = (l = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : l.tab;
159
- else {
160
- const p = (u = (t = this.objectData) == null ? void 0 : t.panels) == null ? void 0 : u.find(
161
- (d) => (d == null ? void 0 : d.type) === "tabs" || (d == null ? void 0 : d.type) === "vertical-tabs"
162
- );
163
- (g = p == null ? void 0 : p.items) != null && g.length && (this.component = ((h = p.items[0]) == null ? void 0 : h.component) || ((y = p.items[0]) == null ? void 0 : y.name));
164
- }
165
- },
166
- flattenMenu(s) {
167
- const c = [];
168
- return s.forEach((a) => {
169
- a.menu ? c.push(...this.flattenMenu(a.menu)) : c.push(a);
170
- }), c;
171
- }
172
- }
173
- }, co = {
174
- style: { width: "calc(100vw - 260px)", height: "calc(100vh - 60px)" },
175
- class: "p-4 overflow-y-auto bg-gray-50"
176
- }, lo = {
177
- key: 0,
178
- class: "bg-white border rounded-xl"
179
- }, uo = { class: "p-[10px] pl-[20px] text-md font-[500]" }, po = ["innerHTML"], bo = { key: 1 }, ho = {
180
- key: 0,
181
- class: "p-[10px] pl-[20px] text-md font-[500]"
182
- }, go = {
183
- key: 2,
184
- class: "p-[20px] border-t"
185
- }, fo = ["innerHTML"], xo = { class: "flex space-x-1 w-full bg-white border border-b-0 rounded-tr-xl rounded-tl-xl h-[60px] items-center pl-[20px]" }, yo = ["onClick"], _o = {
186
- key: 0,
187
- class: "bg-white border border-t-0 rounded-bl-xl rounded-br-xl"
188
- }, vo = {
189
- key: 0,
190
- class: "p-[20px] border-t"
191
- }, jo = {
192
- key: 1,
193
- class: "p-[20px] border-t"
194
- }, ko = ["innerHTML"], Do = {
195
- key: 3,
196
- class: "flex"
197
- }, wo = { class: "flex flex-col space-y-2 max-w-[260px] w-full border rounded-xl mr-4 h-auto items-start pl-[10px] bg-white py-[20px]" }, Co = ["onClick"], Ho = { class: "flex-grow" }, Lo = {
198
- key: 0,
199
- class: "h-full bg-white border rounded-xl"
200
- }, To = {
201
- key: 0,
202
- class: "p-[20px]"
203
- }, Ao = {
204
- key: 1,
205
- class: "p-[20px] border-t"
206
- }, Ro = ["innerHTML"];
207
- function Mo(s, c, a, l, t, u) {
208
- var y, p, d, D;
209
- const g = F("AdminCardHeader"), h = F("AdminCardAsyncComponent");
210
- return e(), r("div", co, [
211
- t.objectData && ((y = t.objectData) == null ? void 0 : y.isHeader) !== !1 ? (e(), v(g, {
212
- key: 0,
213
- title: u.getTitle,
214
- "get-route": u.getRoute,
215
- slots: (p = t.objectData) == null ? void 0 : p.slots,
216
- isHeaderEditButton: (d = t.objectData) == null ? void 0 : d.isHeaderEditButton
217
- }, null, 8, ["title", "get-route", "slots", "isHeaderEditButton"])) : x("", !0),
218
- k("div", {
219
- class: N(["grid gap-[20px]", u.getGridClass()])
220
- }, [
221
- (e(!0), r(C, null, V((D = t.objectData) == null ? void 0 : D.panels, (n, z) => {
222
- var H, w, b, f, _;
223
- return e(), r("div", {
224
- key: z,
225
- class: N(u.getColClass(n.col))
226
- }, [
227
- n != null && n.name ? (e(), r("div", lo, [
228
- k("h2", uo, G((n == null ? void 0 : n.title) || "Панель"), 1),
229
- (H = t.objectData) != null && H.html[n == null ? void 0 : n.name] ? (e(), r("div", {
230
- key: 0,
231
- class: "p-[20px] border-t",
232
- innerHTML: (w = t.objectData) == null ? void 0 : w.html[n == null ? void 0 : n.name]
233
- }, null, 8, po)) : (e(), v(h, {
234
- key: 1,
235
- slot: (b = t.objectData) == null ? void 0 : b.vue[n == null ? void 0 : n.name],
236
- data: (_ = (f = t.objectData) == null ? void 0 : f.rows) == null ? void 0 : _[0],
237
- objectData: t.objectData
238
- }, null, 8, ["slot", "data", "objectData"]))
239
- ])) : n.type === "container" ? (e(), r("div", bo, [
240
- (e(!0), r(C, null, V(n.items, (o, j) => {
241
- var L, T, A, R, M, B, E, P, O, S;
242
- return e(), r("div", {
243
- key: j,
244
- class: N([{ "mb-[20px]": n.items.length > 1 }, "bg-white border rounded-xl"])
245
- }, [
246
- o != null && o.title ? (e(), r("h2", ho, G((o == null ? void 0 : o.title) || "Панель"), 1)) : x("", !0),
247
- o != null && o.component ? (e(), r("div", {
248
- key: 1,
249
- class: N(["p-[20px]", { "border-t": o == null ? void 0 : o.title }])
250
- }, [
251
- (e(), v(q(o.component), {
252
- geometry: (T = (L = t.objectData) == null ? void 0 : L.rows[0]) == null ? void 0 : T.geom,
253
- columns: o == null ? void 0 : o.columns,
254
- token: o == null ? void 0 : o.token,
255
- zoom: 16,
256
- data: t.objectData,
257
- id: (R = (A = s.$route) == null ? void 0 : A.params) == null ? void 0 : R.id
258
- }, null, 8, ["geometry", "columns", "token", "data", "id"]))
259
- ], 2)) : x("", !0),
260
- o != null && o.name ? (e(), r("div", go, [
261
- (B = (M = t.objectData) == null ? void 0 : M.html) != null && B[o == null ? void 0 : o.name] ? (e(), r("div", {
262
- key: 0,
263
- innerHTML: (E = t.objectData) == null ? void 0 : E.html[o == null ? void 0 : o.name]
264
- }, null, 8, fo)) : (e(), v(h, {
265
- key: 1,
266
- slot: (P = t.objectData) == null ? void 0 : P.vue[o == null ? void 0 : o.name],
267
- data: (S = (O = t.objectData) == null ? void 0 : O.rows) == null ? void 0 : S[0],
268
- objectData: t.objectData
269
- }, null, 8, ["slot", "data", "objectData"]))
270
- ])) : x("", !0)
271
- ], 2);
272
- }), 128))
273
- ])) : x("", !0),
274
- (n == null ? void 0 : n.type) === "tabs" ? (e(), r(C, { key: 2 }, [
275
- k("nav", xo, [
276
- (e(!0), r(C, null, V(n == null ? void 0 : n.items, (o) => (e(), r("button", {
277
- key: (o == null ? void 0 : o.name) || (o == null ? void 0 : o.component),
278
- onClick: (j) => t.component = (o == null ? void 0 : o.component) || (o == null ? void 0 : o.name),
279
- class: N(["px-2.5 h-[30px] py-1.5 relative inline-flex items-center gap-x-2 text-gray-500 hover:bg-gray-100 focus:bg-gray-100 hover:text-gray-800 text-sm whitespace-nowrap rounded-lg focus:outline-none", {
280
- " font-semibold after:absolute after:bottom-[-14px] after:left-2.5 after:right-2.5 after:z-10 after:h-0.5 after:bg-gray-800": t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name),
281
- "": t.component !== (o == null ? void 0 : o.component) && t.component !== (o == null ? void 0 : o.name)
282
- }])
283
- }, G(o == null ? void 0 : o.title), 11, yo))), 128))
284
- ]),
285
- (e(!0), r(C, null, V(n.items, (o, j) => {
286
- var L, T, A, R, M, B, E, P, O, S;
287
- return e(), r(C, { key: j }, [
288
- t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name) ? (e(), r("div", _o, [
289
- o != null && o.component ? (e(), r("div", vo, [
290
- (e(), v(q(o.component), {
291
- data: t.objectData,
292
- token: o == null ? void 0 : o.token,
293
- columns: o == null ? void 0 : o.columns,
294
- geometry: (T = (L = t.objectData) == null ? void 0 : L.rows[0]) == null ? void 0 : T.geom,
295
- zoom: 16,
296
- id: (R = (A = s.$route) == null ? void 0 : A.params) == null ? void 0 : R.id
297
- }, null, 8, ["data", "token", "columns", "geometry", "id"]))
298
- ])) : x("", !0),
299
- o != null && o.name ? (e(), r("div", jo, [
300
- (B = (M = t.objectData) == null ? void 0 : M.html) != null && B[o == null ? void 0 : o.name] ? (e(), r("div", {
301
- key: 0,
302
- innerHTML: (E = t.objectData) == null ? void 0 : E.html[o == null ? void 0 : o.name]
303
- }, null, 8, ko)) : (e(), v(h, {
304
- key: 1,
305
- slot: (P = t.objectData) == null ? void 0 : P.vue[o == null ? void 0 : o.name],
306
- data: (S = (O = t.objectData) == null ? void 0 : O.rows) == null ? void 0 : S[0],
307
- objectData: t.objectData
308
- }, null, 8, ["slot", "data", "objectData"]))
309
- ])) : x("", !0)
310
- ])) : x("", !0)
311
- ], 64);
312
- }), 128))
313
- ], 64)) : x("", !0),
314
- (n == null ? void 0 : n.type) === "vertical-tabs" ? (e(), r("div", Do, [
315
- k("nav", wo, [
316
- (e(!0), r(C, null, V(n == null ? void 0 : n.items, (o) => (e(), r("button", {
317
- key: (o == null ? void 0 : o.name) || (o == null ? void 0 : o.component),
318
- onClick: (j) => t.component = (o == null ? void 0 : o.component) || (o == null ? void 0 : o.name),
319
- class: N(["relative inline-flex items-center w-full py-1 text-sm text-left whitespace-pre-wrap border-transparent pe-4 gap-x-2 border-e-2 hover:text-blue-600 focus:outline-none focus:text-blue-600", {
320
- "font-semibold after:absolute after:top-[0] after:right-[-1px] after:h-full text-blue-600 after:w-[2px] after:bg-blue-600 ": t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name),
321
- "text-gray-500": t.component !== (o == null ? void 0 : o.component) && t.component !== (o == null ? void 0 : o.name)
322
- }])
323
- }, G(o == null ? void 0 : o.title), 11, Co))), 128))
324
- ]),
325
- k("div", Ho, [
326
- (e(!0), r(C, null, V(n.items, (o, j) => {
327
- var L, T, A, R, M, B, E, P, O, S;
328
- return e(), r(C, { key: j }, [
329
- t.component === (o == null ? void 0 : o.component) || t.component === (o == null ? void 0 : o.name) ? (e(), r("div", Lo, [
330
- o != null && o.component ? (e(), r("div", To, [
331
- (e(), v(q(o.component), {
332
- token: o == null ? void 0 : o.token,
333
- data: t.objectData,
334
- columns: o == null ? void 0 : o.columns,
335
- geometry: (T = (L = t.objectData) == null ? void 0 : L.rows[0]) == null ? void 0 : T.geom,
336
- zoom: 16,
337
- id: (R = (A = s.$route) == null ? void 0 : A.params) == null ? void 0 : R.id
338
- }, null, 8, ["token", "data", "columns", "geometry", "id"]))
339
- ])) : x("", !0),
340
- o != null && o.name ? (e(), r("div", Ao, [
341
- (B = (M = t.objectData) == null ? void 0 : M.html) != null && B[o == null ? void 0 : o.name] ? (e(), r("div", {
342
- key: 0,
343
- innerHTML: (E = t.objectData) == null ? void 0 : E.html[o == null ? void 0 : o.name]
344
- }, null, 8, Ro)) : (e(), v(h, {
345
- key: 1,
346
- slot: (P = t.objectData) == null ? void 0 : P.vue[o == null ? void 0 : o.name],
347
- data: (S = (O = t.objectData) == null ? void 0 : O.rows) == null ? void 0 : S[0],
348
- objectData: t.objectData
349
- }, null, 8, ["slot", "data", "objectData"]))
350
- ])) : x("", !0)
351
- ])) : x("", !0)
352
- ], 64);
353
- }), 128))
354
- ])
355
- ])) : x("", !0)
356
- ], 2);
357
- }), 128))
358
- ], 2)
359
- ]);
360
- }
361
- const Po = /* @__PURE__ */ W(ao, [["render", Mo], ["__scopeId", "data-v-7f944a8d"]]);
362
- export {
363
- Po as default
364
- };