@kong-ui-public/entities-upstreams-targets 1.1.27 → 1.1.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as ae, ref as M, computed as T, watch as ce, renderSlot as se, createCommentVNode as G, unref as s, useSlots as
|
|
1
|
+
import { defineComponent as ae, ref as M, computed as T, watch as ce, renderSlot as se, createCommentVNode as G, unref as s, useSlots as Ge, onBeforeMount as Te, resolveComponent as $, openBlock as b, createBlock as E, createSlots as we, withCtx as n, createElementVNode as C, createVNode as c, createTextVNode as W, toDisplayString as g, createElementBlock as V, Fragment as ie, renderList as de, normalizeClass as be, withModifiers as Re, withDirectives as Fe, vShow as $e, useCssVars as Ta, resolveDynamicComponent as Ke, normalizeProps as Ja, guardReactiveProps as Qa, mergeProps as je, onMounted as Wa, onUnmounted as za, inject as Ga, reactive as Pe } from "vue";
|
|
2
2
|
import Xa from "axios";
|
|
3
|
-
import { createI18n as
|
|
3
|
+
import { createI18n as Xe, i18nTComponent as qa } from "@kong-ui-public/i18n";
|
|
4
4
|
import { MethodsArray as Ya } from "@kong/kongponents";
|
|
5
|
-
import { useRouter as
|
|
6
|
-
var
|
|
7
|
-
function
|
|
5
|
+
import { useRouter as Ye } from "vue-router";
|
|
6
|
+
var Ze = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(Ze || {}), he = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(he || {}), ye = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(ye || {}), te = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(te || {}), re = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(re || {});
|
|
7
|
+
function et(e = {}) {
|
|
8
8
|
return {
|
|
9
9
|
axiosInstance: Xa.create({
|
|
10
10
|
withCredentials: !0,
|
|
@@ -17,15 +17,15 @@ function Za() {
|
|
|
17
17
|
return {
|
|
18
18
|
debounce: (e, r) => {
|
|
19
19
|
let t;
|
|
20
|
-
return (...
|
|
20
|
+
return (...l) => {
|
|
21
21
|
clearTimeout(t), t = window == null ? void 0 : window.setTimeout(() => {
|
|
22
|
-
e(...
|
|
22
|
+
e(...l);
|
|
23
23
|
}, r);
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
}
|
|
28
|
-
const
|
|
28
|
+
const Ee = "khcp-user-table-preferences", el = {
|
|
29
29
|
pageSize: 30,
|
|
30
30
|
sortColumnKey: void 0,
|
|
31
31
|
sortColumnOrder: void 0
|
|
@@ -35,29 +35,29 @@ function tl() {
|
|
|
35
35
|
if (typeof t == "string")
|
|
36
36
|
try {
|
|
37
37
|
return JSON.parse(t);
|
|
38
|
-
} catch (
|
|
39
|
-
console.error("useTablePreferences(tryParseJson)",
|
|
38
|
+
} catch (l) {
|
|
39
|
+
console.error("useTablePreferences(tryParseJson)", l);
|
|
40
40
|
return;
|
|
41
41
|
}
|
|
42
42
|
}, r = () => {
|
|
43
|
-
const t = e(localStorage.getItem(
|
|
43
|
+
const t = e(localStorage.getItem(Ee));
|
|
44
44
|
return !t || !Object.keys(t).length ? /* @__PURE__ */ new Map() : new Map(Object.entries(t));
|
|
45
45
|
};
|
|
46
46
|
return {
|
|
47
|
-
setTablePreferences: (t,
|
|
47
|
+
setTablePreferences: (t, l) => {
|
|
48
48
|
try {
|
|
49
49
|
const u = r();
|
|
50
|
-
u.set(t,
|
|
50
|
+
u.set(t, l), localStorage.setItem(Ee, JSON.stringify(Object.fromEntries(u.entries())));
|
|
51
51
|
} catch (u) {
|
|
52
52
|
console.error("useTablePreferences(setTablePreferences)", u);
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
getTablePreferences: (t) => {
|
|
56
|
-
const
|
|
57
|
-
return (
|
|
56
|
+
const l = r();
|
|
57
|
+
return (l == null ? void 0 : l.get(t)) || void 0 || el;
|
|
58
58
|
},
|
|
59
59
|
deleteAllTablePreferences: () => {
|
|
60
|
-
localStorage.removeItem(
|
|
60
|
+
localStorage.removeItem(Ee);
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
}
|
|
@@ -150,137 +150,137 @@ const al = {
|
|
|
150
150
|
errors: nl,
|
|
151
151
|
toggleModal: ul
|
|
152
152
|
};
|
|
153
|
-
function
|
|
154
|
-
const e =
|
|
153
|
+
function tt() {
|
|
154
|
+
const e = Xe("en-us", cl);
|
|
155
155
|
return {
|
|
156
156
|
i18n: e,
|
|
157
157
|
i18nT: qa(e)
|
|
158
158
|
// Translation component <i18n-t>
|
|
159
159
|
};
|
|
160
160
|
}
|
|
161
|
-
function dl(e, r, t,
|
|
161
|
+
function dl(e, r, t, l = {
|
|
162
162
|
fetchedItemsKey: "data",
|
|
163
163
|
searchKeys: ["id"]
|
|
164
164
|
}) {
|
|
165
165
|
t || (t = "100");
|
|
166
|
-
const { axiosInstance: u } =
|
|
166
|
+
const { axiosInstance: u } = et({
|
|
167
167
|
headers: e.requestHeaders
|
|
168
|
-
}), { i18n: { t:
|
|
168
|
+
}), { i18n: { t: v } } = tt(), { debounce: H } = Za(), q = H(async (x) => {
|
|
169
169
|
await U(x);
|
|
170
|
-
}, 200), i = M(!1), o = M(""), k = M(""), h = M([]),
|
|
171
|
-
let
|
|
172
|
-
e.app === "konnect" ?
|
|
170
|
+
}, 200), i = M(!1), o = M(""), k = M(""), h = M([]), a = M(void 0), O = s(r);
|
|
171
|
+
let F = `${e.apiBaseUrl}${O}`;
|
|
172
|
+
e.app === "konnect" ? F = F.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (F = F.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
|
|
173
173
|
const p = async () => {
|
|
174
174
|
try {
|
|
175
175
|
i.value = !0;
|
|
176
|
-
const { data: x } = await u.get(`${
|
|
177
|
-
x != null && x.next || (
|
|
176
|
+
const { data: x } = await u.get(`${F}?size=${t}`);
|
|
177
|
+
x != null && x.next || (a.value = l.fetchedItemsKey in x ? x[l.fetchedItemsKey] : []), h.value = l.fetchedItemsKey in x ? x[l.fetchedItemsKey] : [];
|
|
178
178
|
} catch {
|
|
179
|
-
h.value = [], o.value =
|
|
179
|
+
h.value = [], o.value = v("debouncedFilter.errors.fetch");
|
|
180
180
|
} finally {
|
|
181
181
|
i.value = !1;
|
|
182
182
|
}
|
|
183
183
|
}, f = M(""), U = async (x) => {
|
|
184
184
|
var K, D;
|
|
185
185
|
if (f.value !== x)
|
|
186
|
-
if (f.value = x || "",
|
|
186
|
+
if (f.value = x || "", a.value === void 0)
|
|
187
187
|
try {
|
|
188
188
|
i.value = !0, o.value = "", k.value = "";
|
|
189
|
-
let m =
|
|
189
|
+
let m = F + "";
|
|
190
190
|
x && (m += `/${x}`);
|
|
191
|
-
const { data:
|
|
192
|
-
|
|
191
|
+
const { data: w } = await u.get(`${m}?size=${t}`);
|
|
192
|
+
l.fetchedItemsKey in w ? h.value = w[l.fetchedItemsKey] : w != null && w.id ? h.value = [w] : h.value = [];
|
|
193
193
|
} catch (m) {
|
|
194
|
-
((K = m == null ? void 0 : m.response) == null ? void 0 : K.status) === 404 ? k.value =
|
|
194
|
+
((K = m == null ? void 0 : m.response) == null ? void 0 : K.status) === 404 ? k.value = v("debouncedFilter.errors.invalid") : (h.value = [], o.value = v("debouncedFilter.errors.fetch"));
|
|
195
195
|
} finally {
|
|
196
196
|
i.value = !1;
|
|
197
197
|
}
|
|
198
198
|
else
|
|
199
|
-
i.value = !0, k.value = "", x ? (h.value = (D =
|
|
200
|
-
var
|
|
201
|
-
let
|
|
202
|
-
for (const j of
|
|
203
|
-
const A = typeof m[j] == "string" ? (
|
|
204
|
-
A != null && A.includes(x.toLowerCase()) && (
|
|
199
|
+
i.value = !0, k.value = "", x ? (h.value = (D = a.value) == null ? void 0 : D.filter((m) => {
|
|
200
|
+
var w;
|
|
201
|
+
let I = !1;
|
|
202
|
+
for (const j of l.searchKeys) {
|
|
203
|
+
const A = typeof m[j] == "string" ? (w = m[j]) == null ? void 0 : w.toLowerCase() : m[j];
|
|
204
|
+
A != null && A.includes(x.toLowerCase()) && (I = !0);
|
|
205
205
|
}
|
|
206
|
-
return
|
|
207
|
-
}), (!h.value || !h.value.length) && (k.value =
|
|
206
|
+
return I;
|
|
207
|
+
}), (!h.value || !h.value.length) && (k.value = v("debouncedFilter.errors.invalid"))) : h.value = a.value, i.value = !1;
|
|
208
208
|
};
|
|
209
209
|
return {
|
|
210
210
|
loading: i,
|
|
211
211
|
error: o,
|
|
212
212
|
validationError: k,
|
|
213
213
|
results: h,
|
|
214
|
-
allRecords:
|
|
214
|
+
allRecords: a,
|
|
215
215
|
loadItems: p,
|
|
216
|
-
debouncedQueryChange:
|
|
216
|
+
debouncedQueryChange: q
|
|
217
217
|
};
|
|
218
218
|
}
|
|
219
219
|
function hl(e, r) {
|
|
220
|
-
const t = s(r),
|
|
220
|
+
const t = s(r), l = T(
|
|
221
221
|
() => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
|
|
222
222
|
);
|
|
223
|
-
return
|
|
223
|
+
return l.value.search = "", (u) => `${l.value.href}/${u}`;
|
|
224
224
|
}
|
|
225
225
|
function pl() {
|
|
226
|
-
const { i18n: { t: e } } =
|
|
226
|
+
const { i18n: { t: e } } = tt();
|
|
227
227
|
return {
|
|
228
228
|
getMessageFromError: (r) => {
|
|
229
|
-
var t,
|
|
229
|
+
var t, l, u;
|
|
230
230
|
if (!r)
|
|
231
231
|
return e("errors.unexpected");
|
|
232
232
|
if ((t = r == null ? void 0 : r.response) != null && t.data) {
|
|
233
233
|
if (r.response.data.detail)
|
|
234
234
|
return r.response.data.detail;
|
|
235
|
-
if ((
|
|
236
|
-
return r.response.data.details.map((
|
|
235
|
+
if ((l = r.response.data.details) != null && l.length)
|
|
236
|
+
return r.response.data.details.map((v) => {
|
|
237
237
|
let H = e("errors.unexpected");
|
|
238
|
-
return
|
|
238
|
+
return v.messages && typeof v.messages == "object" && v.messages.length && (H = v.messages.join(", ")), v.field ? `${v.field} - ${H}` : H;
|
|
239
239
|
}).join("; ");
|
|
240
240
|
if (r.response.data.message) {
|
|
241
|
-
const { message:
|
|
242
|
-
return Array.isArray(
|
|
241
|
+
const { message: v } = r.response.data;
|
|
242
|
+
return Array.isArray(v) ? (u = v[0]) != null && u.constraints ? Object.values(v[0].constraints)[0] : v[0] : v;
|
|
243
243
|
}
|
|
244
244
|
if (typeof r.response.data == "string")
|
|
245
245
|
return r.response.data;
|
|
246
246
|
if (typeof r.response.data == "object")
|
|
247
|
-
return Object.keys(r.response.data).map((
|
|
247
|
+
return Object.keys(r.response.data).map((v) => `${v} ${r.response.data[v]}`).join(", ");
|
|
248
248
|
}
|
|
249
249
|
return r.message || e("errors.unexpected");
|
|
250
250
|
}
|
|
251
251
|
};
|
|
252
252
|
}
|
|
253
|
-
function
|
|
254
|
-
const t = M(s(e)),
|
|
253
|
+
function Fa(e, r) {
|
|
254
|
+
const t = M(s(e)), l = M(s(r)), u = T(
|
|
255
255
|
() => !!(t.value.app === "konnect" || t.value.isExactMatch)
|
|
256
|
-
),
|
|
257
|
-
() =>
|
|
256
|
+
), v = T(
|
|
257
|
+
() => l.value.startsWith("/") ? new URL(`${window.location.origin}${l.value}`) : new URL(l.value)
|
|
258
258
|
);
|
|
259
259
|
return (H) => {
|
|
260
|
-
const { page:
|
|
260
|
+
const { page: q, pageSize: i, offset: o, sortColumnKey: k, sortColumnOrder: h, query: a } = H;
|
|
261
261
|
try {
|
|
262
|
-
let
|
|
263
|
-
return u.value &&
|
|
264
|
-
|
|
265
|
-
}), k &&
|
|
266
|
-
} catch (
|
|
267
|
-
return console.error("RouteList(fetcher)",
|
|
262
|
+
let O = new URL(v.value.href);
|
|
263
|
+
return u.value && a ? (O.search = "", O = new URL(`${O.href}/${a}/`)) : (u.value || new URLSearchParams(a).forEach((F, p) => {
|
|
264
|
+
O.searchParams.append(p, F);
|
|
265
|
+
}), k && O.searchParams.append("sort_by", k), h === "desc" && O.searchParams.append("sort_desc", "1"), O.searchParams.append("size", String(i))), o && q !== 1 && O.searchParams.append("offset", String(o)), O.href;
|
|
266
|
+
} catch (O) {
|
|
267
|
+
return console.error("RouteList(fetcher)", O), l.value;
|
|
268
268
|
}
|
|
269
269
|
};
|
|
270
270
|
}
|
|
271
271
|
function fl(e, r, t = "data") {
|
|
272
|
-
const
|
|
272
|
+
const l = s(r), { axiosInstance: u } = et({
|
|
273
273
|
headers: e.requestHeaders
|
|
274
|
-
}),
|
|
275
|
-
status:
|
|
274
|
+
}), v = Fa(e, l), H = M({
|
|
275
|
+
status: ye.Idle
|
|
276
276
|
});
|
|
277
|
-
return { fetcher: async (
|
|
277
|
+
return { fetcher: async (q) => {
|
|
278
278
|
try {
|
|
279
|
-
H.value = { status:
|
|
280
|
-
const i =
|
|
279
|
+
H.value = { status: ye.Loading };
|
|
280
|
+
const i = v(q), { data: o } = await u.get(i), k = t && t.replace(/[^\w-_]/gi, "");
|
|
281
281
|
let h;
|
|
282
282
|
o[k] && Array.isArray(o[k]) ? h = o[k] : h = Object.keys(o).length ? [o] : [];
|
|
283
|
-
const
|
|
283
|
+
const a = {
|
|
284
284
|
data: h,
|
|
285
285
|
total: h.length,
|
|
286
286
|
...o.offset ? {
|
|
@@ -290,20 +290,20 @@ function fl(e, r, t = "data") {
|
|
|
290
290
|
} : null
|
|
291
291
|
};
|
|
292
292
|
return H.value = {
|
|
293
|
-
status:
|
|
294
|
-
response:
|
|
295
|
-
},
|
|
293
|
+
status: ye.Idle,
|
|
294
|
+
response: a
|
|
295
|
+
}, a;
|
|
296
296
|
} catch (i) {
|
|
297
297
|
const o = {
|
|
298
298
|
data: [],
|
|
299
299
|
total: 0
|
|
300
300
|
};
|
|
301
|
-
return
|
|
302
|
-
status:
|
|
301
|
+
return q.query && i.response.status === 404 ? (H.value = {
|
|
302
|
+
status: ye.NoResults,
|
|
303
303
|
response: o,
|
|
304
304
|
error: i
|
|
305
305
|
}, o) : (H.value = {
|
|
306
|
-
status:
|
|
306
|
+
status: ye.Error,
|
|
307
307
|
response: o,
|
|
308
308
|
error: i
|
|
309
309
|
}, o);
|
|
@@ -315,35 +315,35 @@ function ml() {
|
|
|
315
315
|
convertKeyToTitle: (e, r = "_") => e ? e.split(r).map((t) => t.toLowerCase() === "id" ? t.toUpperCase() : t.charAt(0).toUpperCase() + t.substring(1)).join(" ") : ""
|
|
316
316
|
};
|
|
317
317
|
}
|
|
318
|
-
const
|
|
318
|
+
const $a = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, ba = (e) => {
|
|
319
319
|
if (typeof e != "string")
|
|
320
320
|
throw new TypeError("Invalid argument expected string");
|
|
321
|
-
const r = e.match(
|
|
321
|
+
const r = e.match($a);
|
|
322
322
|
if (!r)
|
|
323
323
|
throw new Error(`Invalid argument not valid semver ('${e}' received)`);
|
|
324
324
|
return r.shift(), r;
|
|
325
|
-
},
|
|
325
|
+
}, ka = (e) => e === "*" || e === "x" || e === "X", _a = (e) => {
|
|
326
326
|
const r = parseInt(e, 10);
|
|
327
327
|
return isNaN(r) ? e : r;
|
|
328
|
-
},
|
|
329
|
-
if (
|
|
328
|
+
}, vl = (e, r) => typeof e != typeof r ? [String(e), String(r)] : [e, r], yl = (e, r) => {
|
|
329
|
+
if (ka(e) || ka(r))
|
|
330
330
|
return 0;
|
|
331
|
-
const [t,
|
|
332
|
-
return t >
|
|
333
|
-
},
|
|
331
|
+
const [t, l] = vl(_a(e), _a(r));
|
|
332
|
+
return t > l ? 1 : t < l ? -1 : 0;
|
|
333
|
+
}, Ca = (e, r) => {
|
|
334
334
|
for (let t = 0; t < Math.max(e.length, r.length); t++) {
|
|
335
|
-
const
|
|
336
|
-
if (
|
|
337
|
-
return
|
|
335
|
+
const l = yl(e[t] || "0", r[t] || "0");
|
|
336
|
+
if (l !== 0)
|
|
337
|
+
return l;
|
|
338
338
|
}
|
|
339
339
|
return 0;
|
|
340
340
|
}, gl = (e, r) => {
|
|
341
|
-
const t =
|
|
342
|
-
return H !== 0 ? H : u &&
|
|
343
|
-
},
|
|
341
|
+
const t = ba(e), l = ba(r), u = t.pop(), v = l.pop(), H = Ca(t, l);
|
|
342
|
+
return H !== 0 ? H : u && v ? Ca(u.split("."), v.split(".")) : u || v ? u ? -1 : 1 : 0;
|
|
343
|
+
}, Sa = (e, r, t) => {
|
|
344
344
|
bl(t);
|
|
345
|
-
const
|
|
346
|
-
return Oa[t].includes(
|
|
345
|
+
const l = gl(e, r);
|
|
346
|
+
return Oa[t].includes(l);
|
|
347
347
|
}, Oa = {
|
|
348
348
|
">": [1],
|
|
349
349
|
">=": [0, 1],
|
|
@@ -351,34 +351,34 @@ const Fa = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
|
|
|
351
351
|
"<=": [-1, 0],
|
|
352
352
|
"<": [-1],
|
|
353
353
|
"!=": [-1, 1]
|
|
354
|
-
},
|
|
354
|
+
}, Ha = Object.keys(Oa), bl = (e) => {
|
|
355
355
|
if (typeof e != "string")
|
|
356
356
|
throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
|
|
357
|
-
if (
|
|
358
|
-
throw new Error(`Invalid operator, expected one of ${
|
|
359
|
-
}, kl = (e) => typeof e == "string" && /^[v\d]/.test(e) &&
|
|
357
|
+
if (Ha.indexOf(e) === -1)
|
|
358
|
+
throw new Error(`Invalid operator, expected one of ${Ha.join("|")}`);
|
|
359
|
+
}, kl = (e) => typeof e == "string" && /^[v\d]/.test(e) && $a.test(e);
|
|
360
360
|
function _l(e) {
|
|
361
361
|
const { gatewayInfo: r, supportedRange: t } = e;
|
|
362
362
|
if (!r)
|
|
363
363
|
return !0;
|
|
364
|
-
const { edition:
|
|
364
|
+
const { edition: l, version: u } = r;
|
|
365
365
|
if (!kl(u))
|
|
366
366
|
return console.error("Invalid version"), !1;
|
|
367
|
-
const
|
|
368
|
-
if (!
|
|
367
|
+
const v = t[l];
|
|
368
|
+
if (!v)
|
|
369
369
|
return !1;
|
|
370
|
-
const [H,
|
|
371
|
-
return !(H &&
|
|
370
|
+
const [H, q] = v;
|
|
371
|
+
return !(H && Sa(u, H, "<") || q && Sa(u, q, ">"));
|
|
372
372
|
}
|
|
373
373
|
const ne = {
|
|
374
|
-
useAxios:
|
|
374
|
+
useAxios: et,
|
|
375
375
|
useDebouncedFilter: dl,
|
|
376
376
|
useDeleteUrlBuilder: hl,
|
|
377
377
|
useErrors: pl,
|
|
378
378
|
useFetcher: fl,
|
|
379
|
-
useFetchUrlBuilder:
|
|
379
|
+
useFetchUrlBuilder: Fa,
|
|
380
380
|
useStringHelpers: ml,
|
|
381
|
-
useI18n:
|
|
381
|
+
useI18n: tt,
|
|
382
382
|
useGatewayFeatureSupported: _l
|
|
383
383
|
}, Cl = {
|
|
384
384
|
fail: "Failed to copy id to clipboard",
|
|
@@ -389,13 +389,17 @@ const ne = {
|
|
|
389
389
|
}, Sl = "Copy to clipboard", Hl = {
|
|
390
390
|
message: Cl,
|
|
391
391
|
iconTitle: Sl
|
|
392
|
-
},
|
|
392
|
+
}, wl = "kong-ui-copy-uuid-notify", Il = { class: "kong-ui-copy-uuid" }, xl = ["onClick"], wa = 15, Ul = /* @__PURE__ */ ae({
|
|
393
393
|
__name: "CopyUuid",
|
|
394
394
|
props: {
|
|
395
395
|
uuid: {
|
|
396
396
|
type: String,
|
|
397
397
|
required: !0
|
|
398
398
|
},
|
|
399
|
+
idTooltip: {
|
|
400
|
+
type: String,
|
|
401
|
+
default: ""
|
|
402
|
+
},
|
|
399
403
|
truncated: {
|
|
400
404
|
type: Boolean,
|
|
401
405
|
default: !0
|
|
@@ -429,65 +433,70 @@ const ne = {
|
|
|
429
433
|
},
|
|
430
434
|
emits: ["success", "error"],
|
|
431
435
|
setup(e, { emit: r }) {
|
|
432
|
-
const t = e, { t:
|
|
433
|
-
}),
|
|
434
|
-
label:
|
|
436
|
+
const t = e, { t: l } = Xe("en-us", Hl), u = t.notify || Ga(wl, () => {
|
|
437
|
+
}), v = T(() => t.idTooltip ? {
|
|
438
|
+
label: t.idTooltip,
|
|
439
|
+
positionFixed: !0,
|
|
440
|
+
placement: "bottomStart"
|
|
441
|
+
} : {
|
|
442
|
+
title: t.uuid
|
|
443
|
+
}), H = T(() => !!(t.tooltip && t.successTooltip)), q = M(t.tooltip), i = T(() => t.tooltip ? {
|
|
444
|
+
label: q.value,
|
|
435
445
|
positionFixed: !0,
|
|
436
446
|
maxWidth: "500px",
|
|
437
447
|
placement: "bottomStart"
|
|
438
|
-
} : {}),
|
|
439
|
-
|
|
440
|
-
|
|
448
|
+
} : {}), o = T(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), k = (a) => {
|
|
449
|
+
q.value = a, setTimeout(() => {
|
|
450
|
+
q.value = t.tooltip;
|
|
441
451
|
}, 1800);
|
|
442
|
-
},
|
|
443
|
-
if (!
|
|
452
|
+
}, h = (a) => {
|
|
453
|
+
if (!a(t.uuid)) {
|
|
444
454
|
typeof u == "function" && u({
|
|
445
455
|
type: "error",
|
|
446
|
-
message:
|
|
447
|
-
}),
|
|
456
|
+
message: l("message.fail")
|
|
457
|
+
}), H.value ? k(l("message.fail")) : r("error", t.uuid);
|
|
448
458
|
return;
|
|
449
459
|
}
|
|
450
|
-
const
|
|
460
|
+
const O = t.uuid.length > wa, F = t.format === "hidden" || t.format === "redacted" ? l("message.success.prefix") : `"${t.uuid.substring(0, wa) + (O ? "..." : "")}"`;
|
|
451
461
|
typeof u == "function" && u({
|
|
452
462
|
type: "success",
|
|
453
|
-
message: `${
|
|
454
|
-
}),
|
|
463
|
+
message: `${F}${l("message.success.content")}`
|
|
464
|
+
}), H.value ? k(t.successTooltip) : r("success", t.uuid);
|
|
455
465
|
};
|
|
456
|
-
return (
|
|
457
|
-
const
|
|
458
|
-
return b(),
|
|
459
|
-
e.format !== "hidden" ? (b(),
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
(b(), R(ze(e.tooltip ? "KTooltip" : "div"), Ta(F.value, { class: "uuid-icon-wrapper" }), {
|
|
466
|
+
return (a, O) => {
|
|
467
|
+
const F = $("KIcon"), p = $("KClipboardProvider");
|
|
468
|
+
return b(), V("div", Il, [
|
|
469
|
+
e.format !== "hidden" ? (b(), E(Ke(e.idTooltip ? "KTooltip" : "div"), je({ key: 0 }, v.value, { "data-testid": "copy-id" }), {
|
|
470
|
+
default: n(() => [
|
|
471
|
+
C("div", {
|
|
472
|
+
class: be([
|
|
473
|
+
"uuid-container",
|
|
474
|
+
e.truncated ? "truncated-uuid" : null,
|
|
475
|
+
e.useMono ? "mono" : null
|
|
476
|
+
])
|
|
477
|
+
}, g(o.value), 3)
|
|
478
|
+
]),
|
|
479
|
+
_: 1
|
|
480
|
+
}, 16)) : G("", !0),
|
|
481
|
+
(b(), E(Ke(e.tooltip ? "KTooltip" : "div"), je(i.value, { class: "uuid-icon-wrapper" }), {
|
|
473
482
|
default: n(() => [
|
|
474
|
-
c(
|
|
475
|
-
default: n(({ copyToClipboard:
|
|
483
|
+
c(p, null, {
|
|
484
|
+
default: n(({ copyToClipboard: f }) => [
|
|
476
485
|
C("span", {
|
|
477
486
|
"data-testid": "copy-to-clipboard",
|
|
478
487
|
role: "button",
|
|
479
488
|
tabindex: "0",
|
|
480
|
-
onClick:
|
|
489
|
+
onClick: Re((U) => h(f), ["stop"])
|
|
481
490
|
}, [
|
|
482
|
-
c(
|
|
491
|
+
c(F, {
|
|
483
492
|
class: "uuid-icon",
|
|
484
493
|
color: e.iconColor,
|
|
485
494
|
"hide-title": !!e.tooltip || void 0,
|
|
486
495
|
icon: "copy",
|
|
487
496
|
size: "16",
|
|
488
|
-
title: s(
|
|
497
|
+
title: s(l)("iconTitle")
|
|
489
498
|
}, null, 8, ["color", "hide-title", "title"])
|
|
490
|
-
], 8,
|
|
499
|
+
], 8, xl)
|
|
491
500
|
]),
|
|
492
501
|
_: 1
|
|
493
502
|
})
|
|
@@ -497,12 +506,12 @@ const ne = {
|
|
|
497
506
|
]);
|
|
498
507
|
};
|
|
499
508
|
}
|
|
500
|
-
}),
|
|
509
|
+
}), Tl = (e, r) => {
|
|
501
510
|
const t = e.__vccOpts || e;
|
|
502
|
-
for (const [
|
|
503
|
-
t[
|
|
511
|
+
for (const [l, u] of r)
|
|
512
|
+
t[l] = u;
|
|
504
513
|
return t;
|
|
505
|
-
}, Ka = /* @__PURE__ */
|
|
514
|
+
}, Ka = /* @__PURE__ */ Tl(Ul, [["__scopeId", "data-v-bfdaf6f7"]]), ql = {
|
|
506
515
|
key: 0,
|
|
507
516
|
class: "config-card-fieldset-title"
|
|
508
517
|
}, Fl = /* @__PURE__ */ ae({
|
|
@@ -522,25 +531,25 @@ const ne = {
|
|
|
522
531
|
}
|
|
523
532
|
},
|
|
524
533
|
setup(e) {
|
|
525
|
-
const r = e, { i18n: { t } } = ne.useI18n(), { convertKeyToTitle:
|
|
526
|
-
const i = JSON.parse(JSON.stringify(
|
|
534
|
+
const r = e, { i18n: { t } } = ne.useI18n(), { convertKeyToTitle: l } = ne.useStringHelpers(), u = T(() => r.item.key ?? "json-array-item"), v = T(() => r.item.value ?? r.item), H = T(() => {
|
|
535
|
+
const i = JSON.parse(JSON.stringify(v.value));
|
|
527
536
|
return r.isArrayItem && delete i.name, i;
|
|
528
|
-
}),
|
|
537
|
+
}), q = T(() => {
|
|
529
538
|
var i;
|
|
530
|
-
return r.isArrayItem ? (i =
|
|
539
|
+
return r.isArrayItem ? (i = v.value) != null && i.name ? l(v.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: r.index }) : "";
|
|
531
540
|
});
|
|
532
|
-
return (i, o) => (b(),
|
|
541
|
+
return (i, o) => (b(), E(Ke(e.isArrayItem ? "fieldset" : "div"), {
|
|
533
542
|
class: be(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
|
|
534
543
|
}, {
|
|
535
544
|
default: n(() => [
|
|
536
|
-
e.isArrayItem ? (b(),
|
|
537
|
-
C("b", null, g(
|
|
545
|
+
e.isArrayItem ? (b(), V("legend", ql, [
|
|
546
|
+
C("b", null, g(q.value), 1)
|
|
538
547
|
])) : G("", !0),
|
|
539
|
-
(b(!0),
|
|
548
|
+
(b(!0), V(ie, null, de(Object.keys(H.value), (k, h) => (b(), E(Ba, {
|
|
540
549
|
key: `${u.value}-property-${h}`,
|
|
541
550
|
item: {
|
|
542
551
|
key: k,
|
|
543
|
-
label: s(
|
|
552
|
+
label: s(l)(k),
|
|
544
553
|
value: H.value[k]
|
|
545
554
|
}
|
|
546
555
|
}, null, 8, ["item"]))), 128))
|
|
@@ -550,10 +559,10 @@ const ne = {
|
|
|
550
559
|
}
|
|
551
560
|
}), pe = (e, r) => {
|
|
552
561
|
const t = e.__vccOpts || e;
|
|
553
|
-
for (const [
|
|
554
|
-
t[
|
|
562
|
+
for (const [l, u] of r)
|
|
563
|
+
t[l] = u;
|
|
555
564
|
return t;
|
|
556
|
-
}, Pa = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-68ca83ec"]]),
|
|
565
|
+
}, Pa = /* @__PURE__ */ pe(Fl, [["__scopeId", "data-v-68ca83ec"]]), $l = /* @__PURE__ */ ae({
|
|
557
566
|
__name: "InternalLinkItem",
|
|
558
567
|
props: {
|
|
559
568
|
item: {
|
|
@@ -564,13 +573,13 @@ const ne = {
|
|
|
564
573
|
emits: ["navigation-click"],
|
|
565
574
|
setup(e) {
|
|
566
575
|
const { i18n: { t: r } } = ne.useI18n();
|
|
567
|
-
return (t,
|
|
576
|
+
return (t, l) => {
|
|
568
577
|
const u = $("KButton");
|
|
569
|
-
return b(),
|
|
578
|
+
return b(), V("div", null, [
|
|
570
579
|
c(u, {
|
|
571
580
|
appearance: "btn-link",
|
|
572
581
|
class: "navigation-button",
|
|
573
|
-
onClick:
|
|
582
|
+
onClick: l[0] || (l[0] = (v) => t.$emit("navigation-click", e.item))
|
|
574
583
|
}, {
|
|
575
584
|
default: n(() => [
|
|
576
585
|
W(g(e.item.value || s(r)("baseConfigCard.commonFields.link")), 1)
|
|
@@ -580,7 +589,7 @@ const ne = {
|
|
|
580
589
|
]);
|
|
581
590
|
};
|
|
582
591
|
}
|
|
583
|
-
}),
|
|
592
|
+
}), Ol = /* @__PURE__ */ pe($l, [["__scopeId", "data-v-7410504d"]]), Kl = /* @__PURE__ */ ae({
|
|
584
593
|
__name: "StatusBadge",
|
|
585
594
|
props: {
|
|
586
595
|
status: {
|
|
@@ -590,9 +599,9 @@ const ne = {
|
|
|
590
599
|
},
|
|
591
600
|
setup(e) {
|
|
592
601
|
const { i18n: { t: r } } = ne.useI18n();
|
|
593
|
-
return (t,
|
|
602
|
+
return (t, l) => {
|
|
594
603
|
const u = $("KBadge");
|
|
595
|
-
return b(),
|
|
604
|
+
return b(), E(u, {
|
|
596
605
|
appearance: e.status ? "success" : "neutral"
|
|
597
606
|
}, {
|
|
598
607
|
default: n(() => [
|
|
@@ -602,11 +611,11 @@ const ne = {
|
|
|
602
611
|
}, 8, ["appearance"]);
|
|
603
612
|
};
|
|
604
613
|
}
|
|
605
|
-
}),
|
|
614
|
+
}), Pl = "#0044f4", Bl = "#e0e4ea", Al = "#3a3f51", Ml = "1px", Nl = { class: "config-card-details-row" }, Vl = ["data-testid"], El = ["data-testid"], Rl = ["data-testid"], jl = ["data-testid"], Ll = { key: 1 }, Dl = ["data-testid"], Jl = ["data-testid"], Ql = ["data-testid"], Wl = ["data-testid"], zl = ["title"], Gl = {
|
|
606
615
|
name: "ConfigCardItem",
|
|
607
|
-
components: { CopyUuid: Ka, JsonCardItem: Pa, StatusBadge:
|
|
608
|
-
},
|
|
609
|
-
...
|
|
616
|
+
components: { CopyUuid: Ka, JsonCardItem: Pa, StatusBadge: Kl, InternalLinkItem: Ol }
|
|
617
|
+
}, Xl = /* @__PURE__ */ ae({
|
|
618
|
+
...Gl,
|
|
610
619
|
props: {
|
|
611
620
|
item: {
|
|
612
621
|
type: Object,
|
|
@@ -626,13 +635,13 @@ const ne = {
|
|
|
626
635
|
emits: ["navigation-click"],
|
|
627
636
|
setup(e, { emit: r }) {
|
|
628
637
|
const t = e;
|
|
629
|
-
|
|
630
|
-
"2c6ac268": o.value ? "none" : `solid ${s(
|
|
638
|
+
Ta((h) => ({
|
|
639
|
+
"2c6ac268": o.value ? "none" : `solid ${s(Ml)} ${s(Bl)}`,
|
|
631
640
|
c7a65802: i.value && H.value ? "block" : "flex",
|
|
632
641
|
"778426fe": i.value && H.value ? "100%" : t.slim ? "50%" : "25%",
|
|
633
642
|
"777f9b48": i.value && H.value ? "100%" : t.slim ? "50%" : "75%"
|
|
634
643
|
}));
|
|
635
|
-
const
|
|
644
|
+
const l = Ge(), { i18n: { t: u, formatUnixTimeStamp: v } } = ne.useI18n(), H = T(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), q = T(() => !!(t.item.tooltip || l["label-tooltip"])), i = T(() => t.item.type === te.Json || t.item.type === te.JsonArray), o = T(() => t.item.type === te.JsonArray), k = T(() => {
|
|
636
645
|
switch (t.item.type) {
|
|
637
646
|
case te.ID:
|
|
638
647
|
return {
|
|
@@ -692,7 +701,7 @@ const ne = {
|
|
|
692
701
|
attrs: {
|
|
693
702
|
"data-testid": `${t.item.key}-date`
|
|
694
703
|
},
|
|
695
|
-
text:
|
|
704
|
+
text: v(t.item.value)
|
|
696
705
|
};
|
|
697
706
|
case te.BadgeStatus:
|
|
698
707
|
return {
|
|
@@ -759,21 +768,21 @@ const ne = {
|
|
|
759
768
|
};
|
|
760
769
|
}
|
|
761
770
|
});
|
|
762
|
-
return (h,
|
|
763
|
-
const
|
|
764
|
-
return b(),
|
|
771
|
+
return (h, a) => {
|
|
772
|
+
const O = $("KLabel"), F = $("KBadge"), p = $("KMethodBadge");
|
|
773
|
+
return b(), V("div", Nl, [
|
|
765
774
|
C("div", {
|
|
766
775
|
class: "config-card-details-label",
|
|
767
776
|
"data-testid": `${e.item.key}-label`
|
|
768
777
|
}, [
|
|
769
778
|
se(h.$slots, "label", { item: e.item }, () => [
|
|
770
|
-
c(
|
|
779
|
+
c(O, { "tooltip-attributes": { maxWidth: "500px" } }, we({
|
|
771
780
|
default: n(() => [
|
|
772
781
|
W(g(e.item.label) + " ", 1)
|
|
773
782
|
]),
|
|
774
783
|
_: 2
|
|
775
784
|
}, [
|
|
776
|
-
|
|
785
|
+
q.value ? {
|
|
777
786
|
name: "tooltip",
|
|
778
787
|
fn: n(() => [
|
|
779
788
|
C("div", {
|
|
@@ -782,13 +791,13 @@ const ne = {
|
|
|
782
791
|
se(h.$slots, "label-tooltip", {}, () => [
|
|
783
792
|
W(g(e.item.tooltip), 1)
|
|
784
793
|
], !0)
|
|
785
|
-
], 8,
|
|
794
|
+
], 8, El)
|
|
786
795
|
]),
|
|
787
796
|
key: "0"
|
|
788
797
|
} : void 0
|
|
789
798
|
]), 1024)
|
|
790
799
|
], !0)
|
|
791
|
-
], 8,
|
|
800
|
+
], 8, Vl),
|
|
792
801
|
C("div", {
|
|
793
802
|
class: "config-card-details-value",
|
|
794
803
|
"data-testid": `${e.item.key}-property-value`
|
|
@@ -796,14 +805,14 @@ const ne = {
|
|
|
796
805
|
se(h.$slots, e.item.key, {
|
|
797
806
|
rowValue: e.item.value
|
|
798
807
|
}, () => [
|
|
799
|
-
H.value ? (b(),
|
|
800
|
-
(b(),
|
|
808
|
+
H.value ? (b(), V("div", Ll, [
|
|
809
|
+
(b(), E(Ke(k.value.tag), Ja(Qa(k.value.attrs)), {
|
|
801
810
|
default: n(() => [
|
|
802
|
-
k.value.additionalComponent === "KBadge" ? (b(),
|
|
811
|
+
k.value.additionalComponent === "KBadge" ? (b(), V("div", {
|
|
803
812
|
key: 0,
|
|
804
813
|
"data-testid": `${e.item.key}-badge-tags`
|
|
805
814
|
}, [
|
|
806
|
-
(b(!0),
|
|
815
|
+
(b(!0), V(ie, null, de(e.item.value, (f, U) => (b(), E(F, {
|
|
807
816
|
key: `${e.item.key}-badge-tag-${U}`,
|
|
808
817
|
class: "config-badge",
|
|
809
818
|
"data-testid": `${e.item.key}-badge-tag-${U}`,
|
|
@@ -814,23 +823,23 @@ const ne = {
|
|
|
814
823
|
]),
|
|
815
824
|
_: 2
|
|
816
825
|
}, 1032, ["data-testid", "truncation-tooltip"]))), 128))
|
|
817
|
-
], 8,
|
|
818
|
-
k.value.additionalComponent === "CopyUuid" ? (b(),
|
|
826
|
+
], 8, Dl)) : G("", !0),
|
|
827
|
+
k.value.additionalComponent === "CopyUuid" ? (b(), V("div", {
|
|
819
828
|
key: 1,
|
|
820
829
|
class: "copy-uuid-array",
|
|
821
830
|
"data-testid": `${e.item.key}-copy-uuid-array`
|
|
822
831
|
}, [
|
|
823
|
-
(b(!0),
|
|
832
|
+
(b(!0), V(ie, null, de(e.item.value, (f, U) => (b(), E(s(Ka), je(k.value.childAttrs, {
|
|
824
833
|
key: `${e.item.key}-copy-uuid-${U}`,
|
|
825
834
|
"data-testid": `${e.item.key}-copy-uuid-${U}`,
|
|
826
835
|
uuid: f
|
|
827
836
|
}), null, 16, ["data-testid", "uuid"]))), 128))
|
|
828
|
-
], 8,
|
|
837
|
+
], 8, Jl)) : k.value.additionalComponent === "KMethodBadge" ? (b(), V("div", {
|
|
829
838
|
key: 2,
|
|
830
839
|
class: "method-badge-array",
|
|
831
840
|
"data-testid": `${e.item.key}-badge-methods`
|
|
832
841
|
}, [
|
|
833
|
-
(b(!0),
|
|
842
|
+
(b(!0), V(ie, null, de(e.item.value, (f, U) => (b(), E(p, {
|
|
834
843
|
key: `${e.item.key}-badge-method-${U}`,
|
|
835
844
|
class: "config-badge",
|
|
836
845
|
"data-testid": `${e.item.key}-badge-method-${U}`,
|
|
@@ -843,38 +852,38 @@ const ne = {
|
|
|
843
852
|
]),
|
|
844
853
|
_: 2
|
|
845
854
|
}, 1032, ["data-testid", "label", "method"]))), 128))
|
|
846
|
-
], 8,
|
|
847
|
-
k.value.additionalComponent === "JsonCardItem" ? (b(),
|
|
855
|
+
], 8, Ql)) : G("", !0),
|
|
856
|
+
k.value.additionalComponent === "JsonCardItem" ? (b(), V("div", {
|
|
848
857
|
key: 3,
|
|
849
858
|
"data-testid": `${t.item.key}-json-array-content`
|
|
850
859
|
}, [
|
|
851
|
-
(b(!0),
|
|
860
|
+
(b(!0), V(ie, null, de(e.item.value, (f, U) => (b(), E(Pa, {
|
|
852
861
|
key: `json-array-item-${U}`,
|
|
853
862
|
index: U,
|
|
854
863
|
"is-array-item": "",
|
|
855
864
|
item: f
|
|
856
865
|
}, null, 8, ["index", "item"]))), 128))
|
|
857
|
-
], 8,
|
|
866
|
+
], 8, Wl)) : (b(), V("span", {
|
|
858
867
|
key: 4,
|
|
859
868
|
class: be(["attrs-data-text", { truncated: e.truncated }]),
|
|
860
869
|
title: e.truncated ? e.item.value : void 0
|
|
861
|
-
}, g(k.value.text), 11,
|
|
870
|
+
}, g(k.value.text), 11, zl))
|
|
862
871
|
]),
|
|
863
872
|
_: 1
|
|
864
873
|
}, 16))
|
|
865
|
-
])) : (b(),
|
|
874
|
+
])) : (b(), V("div", {
|
|
866
875
|
key: 0,
|
|
867
876
|
"data-testid": `${e.item.key}-no-value`
|
|
868
|
-
}, " – ", 8,
|
|
877
|
+
}, " – ", 8, jl))
|
|
869
878
|
], !0)
|
|
870
|
-
], 8,
|
|
879
|
+
], 8, Rl)
|
|
871
880
|
]);
|
|
872
881
|
};
|
|
873
882
|
}
|
|
874
|
-
}), Ba = /* @__PURE__ */ pe(
|
|
883
|
+
}), Ba = /* @__PURE__ */ pe(Xl, [["__scopeId", "data-v-a3c5ab01"]]), Yl = { "data-testid": "config-card-title" }, Zl = { class: "config-card-actions" }, es = { class: "config-card-details-section" }, ts = ["data-testid"], as = {
|
|
875
884
|
key: 0,
|
|
876
885
|
class: "config-card-prop-section-title"
|
|
877
|
-
},
|
|
886
|
+
}, ls = /* @__PURE__ */ ae({
|
|
878
887
|
__name: "EntityBaseConfigCard",
|
|
879
888
|
props: {
|
|
880
889
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -933,12 +942,12 @@ const ne = {
|
|
|
933
942
|
emits: ["loading", "fetch:success", "fetch:error", "copy:success", "copy:error"],
|
|
934
943
|
setup(e, { emit: r }) {
|
|
935
944
|
var t;
|
|
936
|
-
const
|
|
937
|
-
headers: (t =
|
|
945
|
+
const l = e, u = Ge(), { i18n: { t: v } } = ne.useI18n(), { getMessageFromError: H } = ne.useErrors(), { convertKeyToTitle: q } = ne.useStringHelpers(), { axiosInstance: i } = ne.useAxios({
|
|
946
|
+
headers: (t = l.config) == null ? void 0 : t.requestHeaders
|
|
938
947
|
}), o = {
|
|
939
948
|
id: {
|
|
940
949
|
type: te.ID,
|
|
941
|
-
label:
|
|
950
|
+
label: v("baseConfigCard.commonFields.id_label"),
|
|
942
951
|
order: 0,
|
|
943
952
|
section: re.Basic
|
|
944
953
|
},
|
|
@@ -953,13 +962,13 @@ const ne = {
|
|
|
953
962
|
},
|
|
954
963
|
updated_at: {
|
|
955
964
|
type: te.Date,
|
|
956
|
-
label:
|
|
965
|
+
label: v("baseConfigCard.commonFields.updated_at_label"),
|
|
957
966
|
order: 3,
|
|
958
967
|
section: re.Basic
|
|
959
968
|
},
|
|
960
969
|
created_at: {
|
|
961
970
|
type: te.Date,
|
|
962
|
-
label:
|
|
971
|
+
label: v("baseConfigCard.commonFields.created_at_label"),
|
|
963
972
|
order: 4,
|
|
964
973
|
section: re.Basic
|
|
965
974
|
},
|
|
@@ -969,13 +978,13 @@ const ne = {
|
|
|
969
978
|
// the last property displayed
|
|
970
979
|
section: re.Basic
|
|
971
980
|
}
|
|
972
|
-
}, k = M(!1), h = M(!1),
|
|
973
|
-
var m,
|
|
974
|
-
if (!
|
|
981
|
+
}, k = M(!1), h = M(!1), a = M(""), O = M(), F = T(() => {
|
|
982
|
+
var m, w, I;
|
|
983
|
+
if (!O.value)
|
|
975
984
|
return [];
|
|
976
|
-
const j = [], A = Object.keys(
|
|
977
|
-
for (const _ in
|
|
978
|
-
const B = (
|
|
985
|
+
const j = [], A = Object.keys(O.value).length;
|
|
986
|
+
for (const _ in O.value) {
|
|
987
|
+
const B = (w = (m = l.configSchema) == null ? void 0 : m[_]) == null ? void 0 : w.order, P = (I = o[_]) == null ? void 0 : I.order;
|
|
979
988
|
let J = A;
|
|
980
989
|
(P || P === 0) && (J = P === -1 ? A + 1 : P), B && (J = B === -1 ? A + 1 : B), j.push([_, J]);
|
|
981
990
|
}
|
|
@@ -983,24 +992,24 @@ const ne = {
|
|
|
983
992
|
return _[1] - B[1];
|
|
984
993
|
}), j.map((_) => {
|
|
985
994
|
var B, P;
|
|
986
|
-
const J = _[0], L = (B =
|
|
995
|
+
const J = _[0], L = (B = O.value) == null ? void 0 : B[J], Q = ((P = l.configSchema) == null ? void 0 : P[J]) || {}, Z = o[J];
|
|
987
996
|
return {
|
|
988
997
|
key: J,
|
|
989
998
|
value: L,
|
|
990
999
|
hidden: Q.hidden || !1,
|
|
991
1000
|
type: Q.type ?? ((Z == null ? void 0 : Z.type) || te.Text),
|
|
992
|
-
label: Q.label ?? ((Z == null ? void 0 : Z.label) ||
|
|
1001
|
+
label: Q.label ?? ((Z == null ? void 0 : Z.label) || q(J)),
|
|
993
1002
|
tooltip: Q.tooltip ?? ((Z == null ? void 0 : Z.tooltip) || void 0),
|
|
994
1003
|
section: Q.section ?? ((Z == null ? void 0 : Z.section) || re.Advanced)
|
|
995
1004
|
};
|
|
996
|
-
}).filter((_) => !_.hidden && _.key !==
|
|
1005
|
+
}).filter((_) => !_.hidden && _.key !== l.pluginConfigKey);
|
|
997
1006
|
}), p = T(() => {
|
|
998
|
-
var m,
|
|
999
|
-
if (!
|
|
1007
|
+
var m, w;
|
|
1008
|
+
if (!O.value || !l.pluginConfigKey)
|
|
1000
1009
|
return [];
|
|
1001
|
-
const
|
|
1002
|
-
for (const _ in
|
|
1003
|
-
const B = (
|
|
1010
|
+
const I = O.value[l.pluginConfigKey] || {}, j = Object.keys(I).length, A = [];
|
|
1011
|
+
for (const _ in I) {
|
|
1012
|
+
const B = (w = (m = l.pluginConfigSchema) == null ? void 0 : m[_]) == null ? void 0 : w.order, P = I[_];
|
|
1004
1013
|
let J = P != null && P !== "" ? j - 1 : j;
|
|
1005
1014
|
B && (J = B === -1 ? j + 1 : B), A.push([_, J]);
|
|
1006
1015
|
}
|
|
@@ -1008,33 +1017,33 @@ const ne = {
|
|
|
1008
1017
|
return _[1] - B[1];
|
|
1009
1018
|
}), A.map((_) => {
|
|
1010
1019
|
var B;
|
|
1011
|
-
const P = _[0], J =
|
|
1020
|
+
const P = _[0], J = I[P], L = ((B = l.pluginConfigSchema) == null ? void 0 : B[P]) || {};
|
|
1012
1021
|
return {
|
|
1013
1022
|
key: P,
|
|
1014
1023
|
value: J,
|
|
1015
1024
|
hidden: L.hidden || !1,
|
|
1016
1025
|
type: L.type ?? te.Text,
|
|
1017
|
-
label: L.label ??
|
|
1026
|
+
label: L.label ?? q(P),
|
|
1018
1027
|
tooltip: L.tooltip ?? void 0,
|
|
1019
1028
|
section: re.Plugin
|
|
1020
1029
|
};
|
|
1021
1030
|
}).filter((_) => !_.hidden);
|
|
1022
1031
|
}), f = T(() => {
|
|
1023
|
-
var m,
|
|
1032
|
+
var m, w, I, j;
|
|
1024
1033
|
return {
|
|
1025
|
-
basic: (m =
|
|
1026
|
-
advanced: (
|
|
1027
|
-
plugin: (j = p.value) == null ? void 0 : j.concat((
|
|
1034
|
+
basic: (m = F.value) == null ? void 0 : m.filter((A) => A.section === re.Basic),
|
|
1035
|
+
advanced: (w = F.value) == null ? void 0 : w.filter((A) => A.section === re.Advanced),
|
|
1036
|
+
plugin: (j = p.value) == null ? void 0 : j.concat((I = F.value) == null ? void 0 : I.filter((A) => A.section === re.Plugin))
|
|
1028
1037
|
};
|
|
1029
1038
|
}), U = T(() => {
|
|
1030
1039
|
const m = [];
|
|
1031
1040
|
return f.value.basic.length && m.push("basic"), f.value.advanced.length && m.push("advanced"), f.value.plugin.length && m.push("plugin"), m;
|
|
1032
1041
|
}), x = (m) => !!(m.tooltip || u[`${m.key}-label-tooltip`]), K = T(() => {
|
|
1033
|
-
var m,
|
|
1034
|
-
let
|
|
1035
|
-
return
|
|
1042
|
+
var m, w;
|
|
1043
|
+
let I = `${l.config.apiBaseUrl}${l.fetchUrl}`;
|
|
1044
|
+
return l.config.app === "konnect" ? I = I.replace(/{controlPlaneId}/gi, ((m = l.config) == null ? void 0 : m.controlPlaneId) || "") : l.config.app === "kongManager" && (I = I.replace(/\/{workspace}/gi, (w = l.config) != null && w.workspace ? `/${l.config.workspace}` : "")), I = I.replace(/{id}/gi, l.config.entityId), I;
|
|
1036
1045
|
}), D = (m) => {
|
|
1037
|
-
|
|
1046
|
+
O.value && m(JSON.stringify(O.value)) ? r("copy:success", O.value) : r("copy:error");
|
|
1038
1047
|
};
|
|
1039
1048
|
return ce(k, (m) => {
|
|
1040
1049
|
r("loading", m);
|
|
@@ -1042,41 +1051,41 @@ const ne = {
|
|
|
1042
1051
|
h.value = !1, k.value = !0;
|
|
1043
1052
|
try {
|
|
1044
1053
|
const { data: m } = await i.get(K.value);
|
|
1045
|
-
if (
|
|
1046
|
-
if (typeof m[
|
|
1047
|
-
|
|
1054
|
+
if (l.dataKey)
|
|
1055
|
+
if (typeof m[l.dataKey] < "u")
|
|
1056
|
+
O.value = { ...m[l.dataKey] };
|
|
1048
1057
|
else
|
|
1049
|
-
throw new Error(
|
|
1058
|
+
throw new Error(v("errors.dataKeyUndefined", { dataKey: l.dataKey }));
|
|
1050
1059
|
else
|
|
1051
|
-
|
|
1052
|
-
Object.keys(
|
|
1053
|
-
|
|
1060
|
+
O.value = { ...m };
|
|
1061
|
+
Object.keys(l.configSchema).filter((w) => l.configSchema[w].forceShow).forEach((w) => {
|
|
1062
|
+
O.value && typeof O.value[w] > "u" && (O.value[w] = null);
|
|
1054
1063
|
}), r("fetch:success", m);
|
|
1055
1064
|
} catch (m) {
|
|
1056
|
-
const
|
|
1057
|
-
|
|
1065
|
+
const w = H(m);
|
|
1066
|
+
a.value = w.startsWith("code") ? v("baseConfigCard.errors.load") : w, h.value = !0, r("fetch:error", m);
|
|
1058
1067
|
} finally {
|
|
1059
1068
|
k.value = !1;
|
|
1060
1069
|
}
|
|
1061
|
-
}), (m,
|
|
1062
|
-
const
|
|
1063
|
-
return b(),
|
|
1070
|
+
}), (m, w) => {
|
|
1071
|
+
const I = $("KButton"), j = $("KClipboardProvider"), A = $("KSkeleton"), _ = $("KEmptyState"), B = $("KCard");
|
|
1072
|
+
return b(), E(B, {
|
|
1064
1073
|
"border-variant": "noBorder",
|
|
1065
1074
|
class: "kong-ui-entity-base-config-card"
|
|
1066
|
-
},
|
|
1075
|
+
}, we({
|
|
1067
1076
|
actions: n(() => [
|
|
1068
|
-
C("div",
|
|
1077
|
+
C("div", Zl, [
|
|
1069
1078
|
se(m.$slots, "actions", {}, void 0, !0),
|
|
1070
1079
|
c(j, null, {
|
|
1071
1080
|
default: n(({ copyToClipboard: P }) => [
|
|
1072
|
-
!k.value && !h.value ? (b(),
|
|
1081
|
+
!k.value && !h.value ? (b(), E(I, {
|
|
1073
1082
|
key: 0,
|
|
1074
1083
|
appearance: "btn-link",
|
|
1075
1084
|
"data-testid": "json-copy-button",
|
|
1076
1085
|
onClick: (J) => D(P)
|
|
1077
1086
|
}, {
|
|
1078
1087
|
default: n(() => [
|
|
1079
|
-
W(g(s(
|
|
1088
|
+
W(g(s(v)("baseConfigCard.actions.copy")), 1)
|
|
1080
1089
|
]),
|
|
1081
1090
|
_: 2
|
|
1082
1091
|
}, 1032, ["onClick"])) : G("", !0)
|
|
@@ -1086,32 +1095,32 @@ const ne = {
|
|
|
1086
1095
|
])
|
|
1087
1096
|
]),
|
|
1088
1097
|
body: n(() => [
|
|
1089
|
-
k.value ? (b(),
|
|
1098
|
+
k.value ? (b(), E(A, {
|
|
1090
1099
|
key: 0,
|
|
1091
1100
|
"data-testid": "config-card-loader",
|
|
1092
1101
|
"table-columns": 2,
|
|
1093
1102
|
type: "table"
|
|
1094
|
-
})) : h.value ? (b(),
|
|
1103
|
+
})) : h.value ? (b(), E(_, {
|
|
1095
1104
|
key: 1,
|
|
1096
1105
|
"data-testid": "config-card-fetch-error",
|
|
1097
1106
|
"is-error": ""
|
|
1098
1107
|
}, {
|
|
1099
1108
|
message: n(() => [
|
|
1100
|
-
C("h3", null, g(
|
|
1109
|
+
C("h3", null, g(a.value), 1)
|
|
1101
1110
|
]),
|
|
1102
1111
|
_: 1
|
|
1103
1112
|
})) : G("", !0),
|
|
1104
|
-
C("div",
|
|
1105
|
-
(b(!0),
|
|
1113
|
+
C("div", es, [
|
|
1114
|
+
(b(!0), V(ie, null, de(U.value, (P) => (b(), V("div", {
|
|
1106
1115
|
key: `config-card-details-${P}-props`,
|
|
1107
1116
|
class: be(`config-card-details-${P}-props`),
|
|
1108
1117
|
"data-testid": `config-card-details-${P}-props`
|
|
1109
1118
|
}, [
|
|
1110
|
-
P !== "basic" ? (b(),
|
|
1111
|
-
(b(!0),
|
|
1119
|
+
P !== "basic" ? (b(), V("div", as, g(P === "advanced" ? s(v)("baseConfigCard.sections.advanced") : s(v)("baseConfigCard.sections.plugin")), 1)) : G("", !0),
|
|
1120
|
+
(b(!0), V(ie, null, de(f.value[P], (J) => (b(), E(Ba, {
|
|
1112
1121
|
key: J.key,
|
|
1113
1122
|
item: J
|
|
1114
|
-
},
|
|
1123
|
+
}, we({
|
|
1115
1124
|
label: n(() => [
|
|
1116
1125
|
se(m.$slots, `${J.key}-label`, { row: J }, void 0, !0)
|
|
1117
1126
|
]),
|
|
@@ -1131,7 +1140,7 @@ const ne = {
|
|
|
1131
1140
|
key: "0"
|
|
1132
1141
|
} : void 0
|
|
1133
1142
|
]), 1032, ["item"]))), 128))
|
|
1134
|
-
], 10,
|
|
1143
|
+
], 10, ts))), 128))
|
|
1135
1144
|
])
|
|
1136
1145
|
]),
|
|
1137
1146
|
_: 2
|
|
@@ -1139,9 +1148,9 @@ const ne = {
|
|
|
1139
1148
|
e.hideTitle ? void 0 : {
|
|
1140
1149
|
name: "title",
|
|
1141
1150
|
fn: n(() => [
|
|
1142
|
-
C("div",
|
|
1151
|
+
C("div", Yl, [
|
|
1143
1152
|
se(m.$slots, "title", {}, () => [
|
|
1144
|
-
W(g(s(
|
|
1153
|
+
W(g(s(v)("baseConfigCard.title")), 1)
|
|
1145
1154
|
], !0)
|
|
1146
1155
|
])
|
|
1147
1156
|
]),
|
|
@@ -1150,10 +1159,10 @@ const ne = {
|
|
|
1150
1159
|
]), 1024);
|
|
1151
1160
|
};
|
|
1152
1161
|
}
|
|
1153
|
-
}),
|
|
1162
|
+
}), ss = /* @__PURE__ */ pe(ls, [["__scopeId", "data-v-b72bbdde"]]), rs = ["onReset", "onSubmit"], os = {
|
|
1154
1163
|
class: "form-actions",
|
|
1155
1164
|
"data-testid": "form-actions"
|
|
1156
|
-
},
|
|
1165
|
+
}, is = /* @__PURE__ */ ae({
|
|
1157
1166
|
__name: "EntityBaseForm",
|
|
1158
1167
|
props: {
|
|
1159
1168
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -1203,17 +1212,17 @@ const ne = {
|
|
|
1203
1212
|
emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
|
|
1204
1213
|
setup(e, { emit: r }) {
|
|
1205
1214
|
var t;
|
|
1206
|
-
const
|
|
1207
|
-
headers: (t =
|
|
1208
|
-
}), i = M(!1), o = M(!1), k = M(""), h = T(() =>
|
|
1215
|
+
const l = e, u = Ye(), { i18n: { t: v } } = ne.useI18n(), { getMessageFromError: H } = ne.useErrors(), { axiosInstance: q } = ne.useAxios({
|
|
1216
|
+
headers: (t = l.config) == null ? void 0 : t.requestHeaders
|
|
1217
|
+
}), i = M(!1), o = M(!1), k = M(""), h = T(() => l.canSubmit === !1 || l.isReadonly), a = T(() => {
|
|
1209
1218
|
var f, U;
|
|
1210
|
-
if (!
|
|
1219
|
+
if (!l.editId)
|
|
1211
1220
|
return "";
|
|
1212
|
-
let x = `${
|
|
1213
|
-
return
|
|
1214
|
-
}),
|
|
1215
|
-
|
|
1216
|
-
},
|
|
1221
|
+
let x = `${l.config.apiBaseUrl}${l.fetchUrl}`;
|
|
1222
|
+
return l.config.app === "konnect" ? x = x.replace(/{controlPlaneId}/gi, ((f = l.config) == null ? void 0 : f.controlPlaneId) || "") : l.config.app === "kongManager" && (x = x.replace(/\/{workspace}/gi, (U = l.config) != null && U.workspace ? `/${l.config.workspace}` : "")), x = x.replace(/{id}/gi, l.editId), x;
|
|
1223
|
+
}), O = () => {
|
|
1224
|
+
l.config.cancelRoute ? u.push(l.config.cancelRoute) : F();
|
|
1225
|
+
}, F = () => {
|
|
1217
1226
|
r("cancel");
|
|
1218
1227
|
}, p = () => {
|
|
1219
1228
|
h.value || r("submit");
|
|
@@ -1221,49 +1230,49 @@ const ne = {
|
|
|
1221
1230
|
return ce(() => i.value, (f) => {
|
|
1222
1231
|
r("loading", f);
|
|
1223
1232
|
}, { immediate: !0 }), Te(async () => {
|
|
1224
|
-
if (
|
|
1233
|
+
if (l.editId)
|
|
1225
1234
|
try {
|
|
1226
1235
|
o.value = !1, i.value = !0;
|
|
1227
|
-
const { data: f } = await
|
|
1236
|
+
const { data: f } = await q.get(a.value);
|
|
1228
1237
|
r("fetch:success", f);
|
|
1229
1238
|
} catch (f) {
|
|
1230
1239
|
const U = H(f);
|
|
1231
|
-
k.value = U.startsWith("code") ?
|
|
1240
|
+
k.value = U.startsWith("code") ? v("baseForm.errors.edit") : U, o.value = !0, r("fetch:error", f);
|
|
1232
1241
|
} finally {
|
|
1233
1242
|
i.value = !1;
|
|
1234
1243
|
}
|
|
1235
1244
|
}), (f, U) => {
|
|
1236
|
-
const x = $("KSkeleton"), K = $("KEmptyState"), D = $("KAlert"), m = $("KButton"),
|
|
1237
|
-
return b(),
|
|
1245
|
+
const x = $("KSkeleton"), K = $("KEmptyState"), D = $("KAlert"), m = $("KButton"), w = $("KCard");
|
|
1246
|
+
return b(), E(w, { class: "kong-ui-entity-base-form" }, {
|
|
1238
1247
|
body: n(() => [
|
|
1239
|
-
i.value ? (b(),
|
|
1248
|
+
i.value ? (b(), E(x, {
|
|
1240
1249
|
key: 0,
|
|
1241
1250
|
type: "form"
|
|
1242
|
-
})) : o.value ? (b(),
|
|
1251
|
+
})) : o.value ? (b(), E(K, {
|
|
1243
1252
|
key: 1,
|
|
1244
|
-
"cta-text": s(
|
|
1253
|
+
"cta-text": s(v)("baseForm.actions.back"),
|
|
1245
1254
|
"data-testid": "form-fetch-error",
|
|
1246
|
-
"handle-click":
|
|
1255
|
+
"handle-click": O,
|
|
1247
1256
|
"is-error": !0
|
|
1248
1257
|
}, {
|
|
1249
1258
|
message: n(() => [
|
|
1250
1259
|
C("h3", null, g(k.value), 1)
|
|
1251
1260
|
]),
|
|
1252
1261
|
_: 1
|
|
1253
|
-
}, 8, ["cta-text"])) : (b(),
|
|
1262
|
+
}, 8, ["cta-text"])) : (b(), V("form", {
|
|
1254
1263
|
key: 2,
|
|
1255
1264
|
"data-testid": "form-content",
|
|
1256
|
-
onReset:
|
|
1257
|
-
onSubmit:
|
|
1265
|
+
onReset: Re(F, ["prevent"]),
|
|
1266
|
+
onSubmit: Re(p, ["prevent"])
|
|
1258
1267
|
}, [
|
|
1259
1268
|
se(f.$slots, "default", {}, void 0, !0),
|
|
1260
|
-
e.errorMessage ? (b(),
|
|
1269
|
+
e.errorMessage ? (b(), E(D, {
|
|
1261
1270
|
key: 0,
|
|
1262
1271
|
"alert-message": e.errorMessage,
|
|
1263
1272
|
appearance: "danger",
|
|
1264
1273
|
"data-testid": "form-error"
|
|
1265
1274
|
}, null, 8, ["alert-message"])) : G("", !0),
|
|
1266
|
-
C("div",
|
|
1275
|
+
C("div", os, [
|
|
1267
1276
|
se(f.$slots, "form-actions", {}, () => [
|
|
1268
1277
|
c(m, {
|
|
1269
1278
|
appearance: "outline",
|
|
@@ -1272,7 +1281,7 @@ const ne = {
|
|
|
1272
1281
|
type: "reset"
|
|
1273
1282
|
}, {
|
|
1274
1283
|
default: n(() => [
|
|
1275
|
-
W(g(s(
|
|
1284
|
+
W(g(s(v)("baseForm.actions.cancel")), 1)
|
|
1276
1285
|
]),
|
|
1277
1286
|
_: 1
|
|
1278
1287
|
}, 8, ["disabled"]),
|
|
@@ -1283,19 +1292,19 @@ const ne = {
|
|
|
1283
1292
|
type: "submit"
|
|
1284
1293
|
}, {
|
|
1285
1294
|
default: n(() => [
|
|
1286
|
-
W(g(s(
|
|
1295
|
+
W(g(s(v)("baseForm.actions.save")), 1)
|
|
1287
1296
|
]),
|
|
1288
1297
|
_: 1
|
|
1289
1298
|
}, 8, ["disabled"])
|
|
1290
1299
|
], !0)
|
|
1291
1300
|
])
|
|
1292
|
-
], 40,
|
|
1301
|
+
], 40, rs))
|
|
1293
1302
|
]),
|
|
1294
1303
|
_: 3
|
|
1295
1304
|
});
|
|
1296
1305
|
};
|
|
1297
1306
|
}
|
|
1298
|
-
}), Aa = /* @__PURE__ */ pe(
|
|
1307
|
+
}), Aa = /* @__PURE__ */ pe(is, [["__scopeId", "data-v-2286e5f2"]]), ns = { key: 0 }, us = /* @__PURE__ */ ae({
|
|
1299
1308
|
__name: "EntityBaseTableCell",
|
|
1300
1309
|
props: {
|
|
1301
1310
|
keyName: {
|
|
@@ -1311,7 +1320,7 @@ const ne = {
|
|
|
1311
1320
|
const r = e, t = T(() => {
|
|
1312
1321
|
var p;
|
|
1313
1322
|
return ((p = r.rowEl) == null ? void 0 : p.querySelector(`[data-testid="${r.keyName}"]`)) || null;
|
|
1314
|
-
}),
|
|
1323
|
+
}), l = T(() => {
|
|
1315
1324
|
var p;
|
|
1316
1325
|
return ((p = t.value) == null ? void 0 : p.querySelector('[role="button"]')) || null;
|
|
1317
1326
|
}), u = T(() => {
|
|
@@ -1319,41 +1328,41 @@ const ne = {
|
|
|
1319
1328
|
const U = (p = r.rowEl) == null ? void 0 : p.querySelectorAll("td");
|
|
1320
1329
|
return U ? ((f = U[0]) == null ? void 0 : f.getAttribute("data-testid")) === r.keyName : !1;
|
|
1321
1330
|
});
|
|
1322
|
-
let
|
|
1331
|
+
let v;
|
|
1323
1332
|
const H = () => {
|
|
1324
|
-
|
|
1325
|
-
},
|
|
1333
|
+
v && (v.disconnect(), v = void 0);
|
|
1334
|
+
}, q = () => {
|
|
1326
1335
|
var p, f, U;
|
|
1327
|
-
o.value = ((p =
|
|
1328
|
-
}, i = M({}), o = M(0), k = M(0), h = M(""),
|
|
1329
|
-
|
|
1336
|
+
o.value = ((p = l.value) == null ? void 0 : p.getBoundingClientRect().width) || 0, k.value = ((f = t.value) == null ? void 0 : f.clientWidth) || 0, h.value = ((U = i.value) == null ? void 0 : U.innerText) || "";
|
|
1337
|
+
}, i = M({}), o = M(0), k = M(0), h = M(""), a = T(() => [l.value, t.value]), O = ce(
|
|
1338
|
+
a,
|
|
1330
1339
|
(p) => {
|
|
1331
1340
|
if (u.value && (H(), "ResizeObserver" in window && window)) {
|
|
1332
|
-
|
|
1341
|
+
v = new ResizeObserver((f) => {
|
|
1333
1342
|
window.requestAnimationFrame(() => {
|
|
1334
|
-
!Array.isArray(f) || !f.length ||
|
|
1343
|
+
!Array.isArray(f) || !f.length || q();
|
|
1335
1344
|
});
|
|
1336
1345
|
});
|
|
1337
1346
|
for (const f of p)
|
|
1338
|
-
f &&
|
|
1347
|
+
f && v.observe(f);
|
|
1339
1348
|
}
|
|
1340
1349
|
},
|
|
1341
1350
|
{ immediate: !0, flush: "post", deep: !0 }
|
|
1342
|
-
),
|
|
1351
|
+
), F = T(() => u.value ? o.value > k.value : !1);
|
|
1343
1352
|
return Wa(() => {
|
|
1344
|
-
F();
|
|
1345
|
-
}), za(() => {
|
|
1346
1353
|
q();
|
|
1354
|
+
}), za(() => {
|
|
1355
|
+
O();
|
|
1347
1356
|
}), (p, f) => {
|
|
1348
1357
|
const U = $("KTooltip");
|
|
1349
|
-
return b(),
|
|
1358
|
+
return b(), V("span", {
|
|
1350
1359
|
ref_key: "contentRef",
|
|
1351
1360
|
ref: i,
|
|
1352
1361
|
class: "content-wrapper"
|
|
1353
1362
|
}, [
|
|
1354
|
-
u.value ? (b(),
|
|
1363
|
+
u.value ? (b(), V("span", ns, [
|
|
1355
1364
|
c(U, {
|
|
1356
|
-
disabled: !
|
|
1365
|
+
disabled: !F.value,
|
|
1357
1366
|
label: h.value,
|
|
1358
1367
|
"max-width": "300",
|
|
1359
1368
|
placement: "bottomStart"
|
|
@@ -1367,10 +1376,10 @@ const ne = {
|
|
|
1367
1376
|
], 512);
|
|
1368
1377
|
};
|
|
1369
1378
|
}
|
|
1370
|
-
}),
|
|
1379
|
+
}), cs = /* @__PURE__ */ pe(us, [["__scopeId", "data-v-f8a220e9"]]), ds = { class: "toolbar-container" }, hs = {
|
|
1371
1380
|
key: 0,
|
|
1372
1381
|
class: "toolbar-button-container"
|
|
1373
|
-
},
|
|
1382
|
+
}, ps = ["data-testid"], fs = /* @__PURE__ */ ae({
|
|
1374
1383
|
__name: "EntityBaseTable",
|
|
1375
1384
|
props: {
|
|
1376
1385
|
// table header configuration
|
|
@@ -1474,7 +1483,7 @@ const ne = {
|
|
|
1474
1483
|
},
|
|
1475
1484
|
emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
|
|
1476
1485
|
setup(e, { emit: r }) {
|
|
1477
|
-
const t = e, { i18n: { t:
|
|
1486
|
+
const t = e, { i18n: { t: l } } = ne.useI18n(), u = T(() => t.cacheIdentifier || t.preferencesStorageKey), v = (K) => K.hasData || !!t.query, H = T(() => {
|
|
1478
1487
|
const K = [];
|
|
1479
1488
|
return Object.keys(t.tableHeaders).forEach((D) => {
|
|
1480
1489
|
const m = t.tableHeaders[D];
|
|
@@ -1487,7 +1496,7 @@ const ne = {
|
|
|
1487
1496
|
key: "actions",
|
|
1488
1497
|
hideLabel: !0
|
|
1489
1498
|
}), K;
|
|
1490
|
-
}),
|
|
1499
|
+
}), q = (K) => ({
|
|
1491
1500
|
"data-rowid": K.id,
|
|
1492
1501
|
"data-testid": K.name,
|
|
1493
1502
|
...t.rowAttributes(K)
|
|
@@ -1505,12 +1514,12 @@ const ne = {
|
|
|
1505
1514
|
textOverflow: "ellipsis"
|
|
1506
1515
|
}), D;
|
|
1507
1516
|
}, h = () => {
|
|
1508
|
-
r("empty-state-cta-clicked"),
|
|
1509
|
-
},
|
|
1517
|
+
r("empty-state-cta-clicked"), a();
|
|
1518
|
+
}, a = () => {
|
|
1510
1519
|
r("clear-search-input");
|
|
1511
|
-
},
|
|
1520
|
+
}, O = (K, D) => {
|
|
1512
1521
|
r("click:row", D);
|
|
1513
|
-
},
|
|
1522
|
+
}, F = (K) => {
|
|
1514
1523
|
r("sort", K);
|
|
1515
1524
|
}, { setTablePreferences: p, getTablePreferences: f } = tl(), U = T(() => {
|
|
1516
1525
|
const K = f(t.preferencesStorageKey);
|
|
@@ -1522,8 +1531,8 @@ const ne = {
|
|
|
1522
1531
|
t.preferencesStorageKey && p(t.preferencesStorageKey, K);
|
|
1523
1532
|
};
|
|
1524
1533
|
return (K, D) => {
|
|
1525
|
-
const m = $("KIcon"),
|
|
1526
|
-
return b(),
|
|
1534
|
+
const m = $("KIcon"), w = $("KButton"), I = $("KDropdownMenu"), j = $("KTable"), A = $("KCard");
|
|
1535
|
+
return b(), E(A, {
|
|
1527
1536
|
class: "kong-ui-entity-base-table",
|
|
1528
1537
|
title: e.title
|
|
1529
1538
|
}, {
|
|
@@ -1536,12 +1545,12 @@ const ne = {
|
|
|
1536
1545
|
"disable-pagination-page-jump": e.disablePaginationPageJump,
|
|
1537
1546
|
"disable-sorting": e.disableSorting,
|
|
1538
1547
|
"empty-state-action-button-icon": e.query ? "" : "plus",
|
|
1539
|
-
"empty-state-action-message": e.query ? s(
|
|
1548
|
+
"empty-state-action-message": e.query ? s(l)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
|
|
1540
1549
|
"empty-state-action-route": e.query ? "" : e.emptyStateOptions.ctaPath,
|
|
1541
1550
|
"empty-state-icon": e.query ? "stateNoSearchResults" : "stateGruceo",
|
|
1542
1551
|
"empty-state-icon-size": "96",
|
|
1543
|
-
"empty-state-message": e.query ? s(
|
|
1544
|
-
"empty-state-title": e.query ? s(
|
|
1552
|
+
"empty-state-message": e.query ? s(l)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
|
|
1553
|
+
"empty-state-title": e.query ? s(l)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
|
|
1545
1554
|
"enable-client-sort": e.enableClientSort,
|
|
1546
1555
|
"error-state-title": e.errorMessage,
|
|
1547
1556
|
fetcher: e.fetcher,
|
|
@@ -1552,21 +1561,21 @@ const ne = {
|
|
|
1552
1561
|
"initial-fetcher-params": U.value,
|
|
1553
1562
|
"is-loading": e.isLoading,
|
|
1554
1563
|
"pagination-type": e.paginationType,
|
|
1555
|
-
"row-attrs":
|
|
1564
|
+
"row-attrs": q,
|
|
1556
1565
|
"search-input": e.query,
|
|
1557
1566
|
onKtableEmptyStateCtaClicked: h,
|
|
1558
|
-
"onRow:click":
|
|
1559
|
-
onSort: D[0] || (D[0] = (_) =>
|
|
1567
|
+
"onRow:click": O,
|
|
1568
|
+
onSort: D[0] || (D[0] = (_) => F(_)),
|
|
1560
1569
|
"onUpdate:tablePreferences": x
|
|
1561
|
-
},
|
|
1570
|
+
}, we({
|
|
1562
1571
|
toolbar: n(({ state: _ }) => [
|
|
1563
|
-
|
|
1572
|
+
Fe(C("div", ds, [
|
|
1564
1573
|
se(K.$slots, "toolbar-filter", {}, void 0, !0),
|
|
1565
|
-
K.$slots["toolbar-button"] ? (b(),
|
|
1574
|
+
K.$slots["toolbar-button"] ? (b(), V("div", hs, [
|
|
1566
1575
|
se(K.$slots, "toolbar-button", {}, void 0, !0)
|
|
1567
1576
|
])) : G("", !0)
|
|
1568
1577
|
], 512), [
|
|
1569
|
-
[
|
|
1578
|
+
[$e, v(_)]
|
|
1570
1579
|
])
|
|
1571
1580
|
]),
|
|
1572
1581
|
actions: n(({ row: _, rowKey: B, rowValue: P }) => [
|
|
@@ -1574,7 +1583,7 @@ const ne = {
|
|
|
1574
1583
|
class: "actions-container",
|
|
1575
1584
|
"data-testid": _.name
|
|
1576
1585
|
}, [
|
|
1577
|
-
c(
|
|
1586
|
+
c(I, {
|
|
1578
1587
|
"kpop-attributes": { placement: "bottomEnd" },
|
|
1579
1588
|
width: e.dropdownMenuWidth
|
|
1580
1589
|
}, {
|
|
@@ -1586,14 +1595,14 @@ const ne = {
|
|
|
1586
1595
|
}, void 0, !0)
|
|
1587
1596
|
]),
|
|
1588
1597
|
default: n(() => [
|
|
1589
|
-
c(
|
|
1598
|
+
c(w, {
|
|
1590
1599
|
class: "actions-trigger",
|
|
1591
1600
|
"data-testid": "overflow-actions-button",
|
|
1592
1601
|
size: "small"
|
|
1593
1602
|
}, {
|
|
1594
1603
|
icon: n(() => [
|
|
1595
1604
|
c(m, {
|
|
1596
|
-
color: s(
|
|
1605
|
+
color: s(Al),
|
|
1597
1606
|
icon: "more",
|
|
1598
1607
|
size: "16"
|
|
1599
1608
|
}, null, 8, ["color"])
|
|
@@ -1603,14 +1612,14 @@ const ne = {
|
|
|
1603
1612
|
]),
|
|
1604
1613
|
_: 2
|
|
1605
1614
|
}, 1032, ["width"])
|
|
1606
|
-
], 8,
|
|
1615
|
+
], 8, ps)
|
|
1607
1616
|
]),
|
|
1608
1617
|
_: 2
|
|
1609
1618
|
}, [
|
|
1610
1619
|
de(e.tableHeaders, (_, B) => ({
|
|
1611
1620
|
name: B,
|
|
1612
1621
|
fn: n(({ row: P, rowKey: J, rowValue: L }) => [
|
|
1613
|
-
c(
|
|
1622
|
+
c(cs, {
|
|
1614
1623
|
"key-name": String(B),
|
|
1615
1624
|
"row-el": o(P)
|
|
1616
1625
|
}, {
|
|
@@ -1633,13 +1642,13 @@ const ne = {
|
|
|
1633
1642
|
}, 8, ["title"]);
|
|
1634
1643
|
};
|
|
1635
1644
|
}
|
|
1636
|
-
}), Ma = /* @__PURE__ */ pe(
|
|
1645
|
+
}), Ma = /* @__PURE__ */ pe(fs, [["__scopeId", "data-v-a598b1d9"]]), ms = {
|
|
1637
1646
|
key: 0,
|
|
1638
1647
|
class: "kong-ui-entity-delete-error"
|
|
1639
1648
|
}, vs = {
|
|
1640
1649
|
key: 1,
|
|
1641
1650
|
class: "description"
|
|
1642
|
-
},
|
|
1651
|
+
}, ys = /* @__PURE__ */ ae({
|
|
1643
1652
|
__name: "EntityDeleteModal",
|
|
1644
1653
|
props: {
|
|
1645
1654
|
visible: {
|
|
@@ -1678,14 +1687,14 @@ const ne = {
|
|
|
1678
1687
|
},
|
|
1679
1688
|
emits: ["cancel", "proceed"],
|
|
1680
1689
|
setup(e, { emit: r }) {
|
|
1681
|
-
const t = e, { i18nT:
|
|
1690
|
+
const t = e, { i18nT: l } = ne.useI18n(), u = T(() => t.needConfirm ? t.entityName : ""), v = () => {
|
|
1682
1691
|
r("cancel");
|
|
1683
1692
|
}, H = () => {
|
|
1684
1693
|
r("proceed");
|
|
1685
1694
|
};
|
|
1686
|
-
return (
|
|
1695
|
+
return (q, i) => {
|
|
1687
1696
|
const o = $("KAlert"), k = $("KPrompt");
|
|
1688
|
-
return b(),
|
|
1697
|
+
return b(), E(k, {
|
|
1689
1698
|
"action-button-text": "Yes, delete",
|
|
1690
1699
|
"action-pending": e.actionPending,
|
|
1691
1700
|
class: "kong-ui-entity-delete-modal",
|
|
@@ -1693,11 +1702,11 @@ const ne = {
|
|
|
1693
1702
|
"is-visible": e.visible,
|
|
1694
1703
|
title: e.title,
|
|
1695
1704
|
type: "danger",
|
|
1696
|
-
onCanceled:
|
|
1705
|
+
onCanceled: v,
|
|
1697
1706
|
onProceed: H
|
|
1698
1707
|
}, {
|
|
1699
1708
|
"body-content": n(() => [
|
|
1700
|
-
e.error ? (b(),
|
|
1709
|
+
e.error ? (b(), V("div", ms, [
|
|
1701
1710
|
c(o, { appearance: "danger" }, {
|
|
1702
1711
|
alertMessage: n(() => [
|
|
1703
1712
|
W(g(e.error), 1)
|
|
@@ -1705,11 +1714,11 @@ const ne = {
|
|
|
1705
1714
|
_: 1
|
|
1706
1715
|
})
|
|
1707
1716
|
])) : G("", !0),
|
|
1708
|
-
c(s(
|
|
1717
|
+
c(s(l), {
|
|
1709
1718
|
class: "message",
|
|
1710
1719
|
keypath: t.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
|
|
1711
1720
|
tag: "p"
|
|
1712
|
-
},
|
|
1721
|
+
}, we({
|
|
1713
1722
|
entityType: n(() => [
|
|
1714
1723
|
W(g(t.entityType), 1)
|
|
1715
1724
|
]),
|
|
@@ -1723,8 +1732,8 @@ const ne = {
|
|
|
1723
1732
|
key: "0"
|
|
1724
1733
|
} : void 0
|
|
1725
1734
|
]), 1032, ["keypath"]),
|
|
1726
|
-
t.description ||
|
|
1727
|
-
se(
|
|
1735
|
+
t.description || q.$slots.description ? (b(), V("div", vs, [
|
|
1736
|
+
se(q.$slots, "description", {}, () => [
|
|
1728
1737
|
C("p", null, g(t.description), 1)
|
|
1729
1738
|
], !0)
|
|
1730
1739
|
])) : G("", !0)
|
|
@@ -1733,13 +1742,13 @@ const ne = {
|
|
|
1733
1742
|
}, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
|
|
1734
1743
|
};
|
|
1735
1744
|
}
|
|
1736
|
-
}), Na = /* @__PURE__ */ pe(
|
|
1745
|
+
}), Na = /* @__PURE__ */ pe(ys, [["__scopeId", "data-v-1c9a2a07"]]), gs = {
|
|
1737
1746
|
fill: "none",
|
|
1738
1747
|
height: "20",
|
|
1739
1748
|
viewBox: "0 0 20 20",
|
|
1740
1749
|
width: "20",
|
|
1741
1750
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1742
|
-
},
|
|
1751
|
+
}, bs = {
|
|
1743
1752
|
id: "mask0_180_20349",
|
|
1744
1753
|
height: "20",
|
|
1745
1754
|
maskUnits: "userSpaceOnUse",
|
|
@@ -1747,35 +1756,35 @@ const ne = {
|
|
|
1747
1756
|
width: "20",
|
|
1748
1757
|
x: "0",
|
|
1749
1758
|
y: "0"
|
|
1750
|
-
},
|
|
1759
|
+
}, ks = ["fill"], _s = { mask: "url(#mask0_180_20349)" }, Cs = ["fill"], Ss = /* @__PURE__ */ ae({
|
|
1751
1760
|
__name: "IconFilter",
|
|
1752
1761
|
props: {
|
|
1753
1762
|
color: {
|
|
1754
1763
|
type: String,
|
|
1755
|
-
default: `var(--kong-ui-entity-filter-color, ${
|
|
1764
|
+
default: `var(--kong-ui-entity-filter-color, ${Pl})`
|
|
1756
1765
|
}
|
|
1757
1766
|
},
|
|
1758
1767
|
setup(e) {
|
|
1759
|
-
return (r, t) => (b(),
|
|
1760
|
-
C("mask",
|
|
1768
|
+
return (r, t) => (b(), V("svg", gs, [
|
|
1769
|
+
C("mask", bs, [
|
|
1761
1770
|
C("rect", {
|
|
1762
1771
|
fill: e.color,
|
|
1763
1772
|
height: "20",
|
|
1764
1773
|
width: "20"
|
|
1765
|
-
}, null, 8,
|
|
1774
|
+
}, null, 8, ks)
|
|
1766
1775
|
]),
|
|
1767
|
-
C("g",
|
|
1776
|
+
C("g", _s, [
|
|
1768
1777
|
C("path", {
|
|
1769
1778
|
d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
|
|
1770
1779
|
fill: e.color
|
|
1771
|
-
}, null, 8,
|
|
1780
|
+
}, null, 8, Cs)
|
|
1772
1781
|
])
|
|
1773
1782
|
]));
|
|
1774
1783
|
}
|
|
1775
|
-
}),
|
|
1784
|
+
}), Hs = {
|
|
1776
1785
|
key: 1,
|
|
1777
1786
|
class: "kong-ui-entity-filter"
|
|
1778
|
-
}, ws = { class: "menu-item-title" },
|
|
1787
|
+
}, ws = { class: "menu-item-title" }, Is = { class: "menu-item-indicator" }, xs = { class: "menu-item-body" }, Us = ["for"], Ts = { class: "menu-item-buttons" }, qs = /* @__PURE__ */ ae({
|
|
1779
1788
|
__name: "EntityFilter",
|
|
1780
1789
|
props: {
|
|
1781
1790
|
// filter config, either exact match or fuzzy match
|
|
@@ -1795,12 +1804,12 @@ const ne = {
|
|
|
1795
1804
|
},
|
|
1796
1805
|
emits: ["update:modelValue"],
|
|
1797
1806
|
setup(e, { emit: r }) {
|
|
1798
|
-
const t = e, { i18n: { t:
|
|
1807
|
+
const t = e, { i18n: { t: l } } = ne.useI18n(), u = M(!1), v = M({}), H = T(() => {
|
|
1799
1808
|
const f = [];
|
|
1800
1809
|
return new URLSearchParams(t.modelValue).forEach((U, x) => {
|
|
1801
1810
|
U !== "" && f.push(x);
|
|
1802
1811
|
}), f;
|
|
1803
|
-
}),
|
|
1812
|
+
}), q = T(() => {
|
|
1804
1813
|
const f = t.config.fields;
|
|
1805
1814
|
return Object.keys(f).filter((U) => f[U].searchable).map((U) => ({
|
|
1806
1815
|
label: f[U].label || U,
|
|
@@ -1808,8 +1817,8 @@ const ne = {
|
|
|
1808
1817
|
}));
|
|
1809
1818
|
});
|
|
1810
1819
|
ce(() => t.modelValue, (f) => {
|
|
1811
|
-
|
|
1812
|
-
|
|
1820
|
+
v.value = {}, new URLSearchParams(f).forEach((U, x) => {
|
|
1821
|
+
v.value[x] = U;
|
|
1813
1822
|
});
|
|
1814
1823
|
});
|
|
1815
1824
|
const i = () => {
|
|
@@ -1822,23 +1831,23 @@ const ne = {
|
|
|
1822
1831
|
value: K,
|
|
1823
1832
|
label: K
|
|
1824
1833
|
}));
|
|
1825
|
-
},
|
|
1834
|
+
}, a = (f) => {
|
|
1826
1835
|
var U, x;
|
|
1827
1836
|
return ((x = (U = t.config.schema) == null ? void 0 : U[f]) == null ? void 0 : x.type) ?? "text";
|
|
1828
|
-
},
|
|
1829
|
-
|
|
1830
|
-
...
|
|
1837
|
+
}, O = (f) => {
|
|
1838
|
+
v.value = {
|
|
1839
|
+
...v.value,
|
|
1831
1840
|
[f]: ""
|
|
1832
1841
|
}, p();
|
|
1833
|
-
},
|
|
1834
|
-
|
|
1842
|
+
}, F = () => {
|
|
1843
|
+
v.value = {}, p(!0);
|
|
1835
1844
|
}, p = (f = !1) => {
|
|
1836
|
-
const U = Object.keys(
|
|
1845
|
+
const U = Object.keys(v.value).reduce((x, K) => (v.value[K] && (x[K] = `${v.value[K]}`), x), {});
|
|
1837
1846
|
f && (u.value = !1), r("update:modelValue", new URLSearchParams(U).toString());
|
|
1838
1847
|
};
|
|
1839
1848
|
return (f, U) => {
|
|
1840
|
-
const x = $("KInput"), K = $("KButton"), D = $("KSelect"), m = $("KMenuItem"),
|
|
1841
|
-
return e.config.isExactMatch ? (b(),
|
|
1849
|
+
const x = $("KInput"), K = $("KButton"), D = $("KSelect"), m = $("KMenuItem"), w = $("KMenu");
|
|
1850
|
+
return e.config.isExactMatch ? (b(), E(x, {
|
|
1842
1851
|
key: 0,
|
|
1843
1852
|
autocomplete: "off",
|
|
1844
1853
|
class: "kong-ui-entity-filter-input",
|
|
@@ -1848,10 +1857,10 @@ const ne = {
|
|
|
1848
1857
|
"onUpdate:modelValue": o
|
|
1849
1858
|
}, {
|
|
1850
1859
|
icon: n(() => [
|
|
1851
|
-
c(
|
|
1860
|
+
c(Ss)
|
|
1852
1861
|
]),
|
|
1853
1862
|
_: 1
|
|
1854
|
-
}, 8, ["model-value", "placeholder"])) : (b(),
|
|
1863
|
+
}, 8, ["model-value", "placeholder"])) : (b(), V("div", Hs, [
|
|
1855
1864
|
c(K, {
|
|
1856
1865
|
appearance: "btn-link",
|
|
1857
1866
|
"data-testid": "filter-button",
|
|
@@ -1859,60 +1868,60 @@ const ne = {
|
|
|
1859
1868
|
onClick: i
|
|
1860
1869
|
}, {
|
|
1861
1870
|
default: n(() => [
|
|
1862
|
-
W(g(s(
|
|
1871
|
+
W(g(s(l)("filter.filterButtonText")) + " " + g(H.value.length > 0 ? `(${H.value.length})` : ""), 1)
|
|
1863
1872
|
]),
|
|
1864
1873
|
_: 1
|
|
1865
1874
|
}),
|
|
1866
|
-
|
|
1875
|
+
Fe(C("div", {
|
|
1867
1876
|
class: "kong-ui-entity-filter-backdrop",
|
|
1868
1877
|
onClick: i
|
|
1869
1878
|
}, null, 512), [
|
|
1870
|
-
[
|
|
1879
|
+
[$e, u.value]
|
|
1871
1880
|
]),
|
|
1872
|
-
|
|
1881
|
+
Fe(c(w, { class: "kong-ui-entity-filter-menu" }, {
|
|
1873
1882
|
body: n(() => [
|
|
1874
|
-
(b(!0),
|
|
1875
|
-
key:
|
|
1876
|
-
"data-testid":
|
|
1883
|
+
(b(!0), V(ie, null, de(q.value, (I, j) => (b(), E(m, {
|
|
1884
|
+
key: I.value,
|
|
1885
|
+
"data-testid": I.value,
|
|
1877
1886
|
expandable: "",
|
|
1878
|
-
"last-menu-item": j ===
|
|
1887
|
+
"last-menu-item": j === q.value.length - 1
|
|
1879
1888
|
}, {
|
|
1880
1889
|
itemTitle: n(() => [
|
|
1881
1890
|
C("span", ws, [
|
|
1882
|
-
W(g(
|
|
1883
|
-
|
|
1884
|
-
[
|
|
1891
|
+
W(g(I.label) + " ", 1),
|
|
1892
|
+
Fe(C("span", Is, null, 512), [
|
|
1893
|
+
[$e, H.value.includes(I.value)]
|
|
1885
1894
|
])
|
|
1886
1895
|
])
|
|
1887
1896
|
]),
|
|
1888
1897
|
itemBody: n(() => {
|
|
1889
1898
|
var A, _;
|
|
1890
1899
|
return [
|
|
1891
|
-
C("div",
|
|
1900
|
+
C("div", xs, [
|
|
1892
1901
|
C("label", {
|
|
1893
1902
|
class: "menu-item-label",
|
|
1894
|
-
for: k(
|
|
1895
|
-
}, g(s(
|
|
1896
|
-
((_ = (A = e.config.schema) == null ? void 0 : A[
|
|
1903
|
+
for: k(I.value)
|
|
1904
|
+
}, g(s(l)("filter.fieldLabel")), 9, Us),
|
|
1905
|
+
((_ = (A = e.config.schema) == null ? void 0 : A[I.value]) == null ? void 0 : _.type) === "select" ? (b(), E(D, {
|
|
1897
1906
|
key: 0,
|
|
1898
|
-
id: k(
|
|
1899
|
-
modelValue:
|
|
1900
|
-
"onUpdate:modelValue": (B) =>
|
|
1907
|
+
id: k(I.value),
|
|
1908
|
+
modelValue: v.value[I.value],
|
|
1909
|
+
"onUpdate:modelValue": (B) => v.value[I.value] = B,
|
|
1901
1910
|
appearance: "select",
|
|
1902
|
-
items: h(
|
|
1903
|
-
placeholder: s(
|
|
1904
|
-
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (b(),
|
|
1911
|
+
items: h(I.value),
|
|
1912
|
+
placeholder: s(l)("filter.selectPlaceholder")
|
|
1913
|
+
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (b(), E(x, {
|
|
1905
1914
|
key: 1,
|
|
1906
|
-
id: k(
|
|
1907
|
-
modelValue:
|
|
1908
|
-
"onUpdate:modelValue": (B) =>
|
|
1915
|
+
id: k(I.value),
|
|
1916
|
+
modelValue: v.value[I.value],
|
|
1917
|
+
"onUpdate:modelValue": (B) => v.value[I.value] = B,
|
|
1909
1918
|
autocomplete: "off",
|
|
1910
|
-
placeholder: s(
|
|
1919
|
+
placeholder: s(l)("filter.inputPlaceholder"),
|
|
1911
1920
|
size: "small",
|
|
1912
|
-
type:
|
|
1921
|
+
type: a(I.value)
|
|
1913
1922
|
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
|
|
1914
1923
|
]),
|
|
1915
|
-
C("div",
|
|
1924
|
+
C("div", Ts, [
|
|
1916
1925
|
c(K, {
|
|
1917
1926
|
appearance: "btn-link",
|
|
1918
1927
|
"data-testid": "apply-filter",
|
|
@@ -1920,7 +1929,7 @@ const ne = {
|
|
|
1920
1929
|
onClick: U[0] || (U[0] = (B) => p(!0))
|
|
1921
1930
|
}, {
|
|
1922
1931
|
default: n(() => [
|
|
1923
|
-
W(g(s(
|
|
1932
|
+
W(g(s(l)("filter.applyButtonText")), 1)
|
|
1924
1933
|
]),
|
|
1925
1934
|
_: 1
|
|
1926
1935
|
}),
|
|
@@ -1928,10 +1937,10 @@ const ne = {
|
|
|
1928
1937
|
appearance: "btn-link",
|
|
1929
1938
|
"data-testid": "clear-filter",
|
|
1930
1939
|
size: "small",
|
|
1931
|
-
onClick: (B) =>
|
|
1940
|
+
onClick: (B) => O(I.value)
|
|
1932
1941
|
}, {
|
|
1933
1942
|
default: n(() => [
|
|
1934
|
-
W(g(s(
|
|
1943
|
+
W(g(s(l)("filter.clearButtonText")), 1)
|
|
1935
1944
|
]),
|
|
1936
1945
|
_: 2
|
|
1937
1946
|
}, 1032, ["onClick"])
|
|
@@ -1942,21 +1951,21 @@ const ne = {
|
|
|
1942
1951
|
}, 1032, ["data-testid", "last-menu-item"]))), 128))
|
|
1943
1952
|
]),
|
|
1944
1953
|
actionButton: n(() => [
|
|
1945
|
-
c(K, { onClick:
|
|
1954
|
+
c(K, { onClick: F }, {
|
|
1946
1955
|
default: n(() => [
|
|
1947
|
-
W(g(s(
|
|
1956
|
+
W(g(s(l)("filter.clearAllButtonText")), 1)
|
|
1948
1957
|
]),
|
|
1949
1958
|
_: 1
|
|
1950
1959
|
})
|
|
1951
1960
|
]),
|
|
1952
1961
|
_: 1
|
|
1953
1962
|
}, 512), [
|
|
1954
|
-
[
|
|
1963
|
+
[$e, u.value]
|
|
1955
1964
|
])
|
|
1956
1965
|
]));
|
|
1957
1966
|
};
|
|
1958
1967
|
}
|
|
1959
|
-
}), Fs = /* @__PURE__ */ pe(
|
|
1968
|
+
}), Fs = /* @__PURE__ */ pe(qs, [["__scopeId", "data-v-745f38c0"]]), fe = /* @__PURE__ */ ae({
|
|
1960
1969
|
__name: "PermissionsWrapper",
|
|
1961
1970
|
props: {
|
|
1962
1971
|
/**
|
|
@@ -1978,24 +1987,24 @@ const ne = {
|
|
|
1978
1987
|
}
|
|
1979
1988
|
},
|
|
1980
1989
|
setup(e) {
|
|
1981
|
-
const r = e, t = M(void 0),
|
|
1990
|
+
const r = e, t = M(void 0), l = T(() => t.value === !0 || t.value !== void 0 && r.forceShow === !0);
|
|
1982
1991
|
return ce(() => r.authFunction, async () => {
|
|
1983
1992
|
t.value = await r.authFunction();
|
|
1984
|
-
}, { immediate: !0 }), (u,
|
|
1993
|
+
}, { immediate: !0 }), (u, v) => l.value ? se(u.$slots, "default", {
|
|
1985
1994
|
key: 0,
|
|
1986
1995
|
isAllowed: t.value
|
|
1987
1996
|
}) : G("", !0);
|
|
1988
1997
|
}
|
|
1989
|
-
}),
|
|
1998
|
+
}), $s = { class: "form-section-wrapper" }, Os = {
|
|
1990
1999
|
key: 0,
|
|
1991
2000
|
class: "form-section-title"
|
|
1992
|
-
},
|
|
2001
|
+
}, Ks = {
|
|
1993
2002
|
key: 1,
|
|
1994
2003
|
class: "form-section-description"
|
|
1995
|
-
},
|
|
2004
|
+
}, Ps = {
|
|
1996
2005
|
key: 2,
|
|
1997
2006
|
class: "form-section-footer"
|
|
1998
|
-
},
|
|
2007
|
+
}, Bs = { class: "form-section-content" }, As = /* @__PURE__ */ ae({
|
|
1999
2008
|
__name: "EntityFormSection",
|
|
2000
2009
|
props: {
|
|
2001
2010
|
title: {
|
|
@@ -2020,32 +2029,32 @@ const ne = {
|
|
|
2020
2029
|
}
|
|
2021
2030
|
},
|
|
2022
2031
|
setup(e) {
|
|
2023
|
-
const r =
|
|
2024
|
-
return (t,
|
|
2032
|
+
const r = Ge();
|
|
2033
|
+
return (t, l) => (b(), V("fieldset", {
|
|
2025
2034
|
class: be(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
|
|
2026
2035
|
}, [
|
|
2027
|
-
C("div",
|
|
2028
|
-
e.hideInfoHeader ? G("", !0) : (b(),
|
|
2036
|
+
C("div", $s, [
|
|
2037
|
+
e.hideInfoHeader ? G("", !0) : (b(), V("div", {
|
|
2029
2038
|
key: 0,
|
|
2030
2039
|
class: be(["form-section-info", { sticky: e.stickyInfoHeader }])
|
|
2031
2040
|
}, [
|
|
2032
|
-
e.title ? (b(),
|
|
2033
|
-
e.description || s(r).description ? (b(),
|
|
2041
|
+
e.title ? (b(), V("h4", Os, g(e.title), 1)) : G("", !0),
|
|
2042
|
+
e.description || s(r).description ? (b(), V("div", Ks, [
|
|
2034
2043
|
se(t.$slots, "description", {}, () => [
|
|
2035
2044
|
C("p", null, g(e.description), 1)
|
|
2036
2045
|
], !0)
|
|
2037
2046
|
])) : G("", !0),
|
|
2038
|
-
s(r).footer ? (b(),
|
|
2047
|
+
s(r).footer ? (b(), V("div", Ps, [
|
|
2039
2048
|
se(t.$slots, "footer", {}, void 0, !0)
|
|
2040
2049
|
])) : G("", !0)
|
|
2041
2050
|
], 2)),
|
|
2042
|
-
C("div",
|
|
2051
|
+
C("div", Bs, [
|
|
2043
2052
|
se(t.$slots, "default", {}, void 0, !0)
|
|
2044
2053
|
])
|
|
2045
2054
|
])
|
|
2046
2055
|
], 2));
|
|
2047
2056
|
}
|
|
2048
|
-
}), qe = /* @__PURE__ */ pe(
|
|
2057
|
+
}), qe = /* @__PURE__ */ pe(As, [["__scopeId", "data-v-8b6dc312"]]), { useAxios: Ae, useDeleteUrlBuilder: Va, useErrors: Ea, useFetchUrlBuilder: jr, useFetcher: Ra, useDebouncedFilter: Ia, useStringHelpers: Lr, useGatewayFeatureSupported: Dr } = ne, Ms = {
|
|
2049
2058
|
list: {
|
|
2050
2059
|
table_headers: {
|
|
2051
2060
|
id: "ID",
|
|
@@ -2331,7 +2340,7 @@ const ne = {
|
|
|
2331
2340
|
labels: {
|
|
2332
2341
|
created_at: "Created at"
|
|
2333
2342
|
}
|
|
2334
|
-
},
|
|
2343
|
+
}, Ns = {
|
|
2335
2344
|
list: {
|
|
2336
2345
|
table_headers: {
|
|
2337
2346
|
id: "ID",
|
|
@@ -2399,12 +2408,12 @@ const ne = {
|
|
|
2399
2408
|
}
|
|
2400
2409
|
}
|
|
2401
2410
|
}
|
|
2402
|
-
},
|
|
2403
|
-
upstreams:
|
|
2404
|
-
targets:
|
|
2411
|
+
}, Vs = {
|
|
2412
|
+
upstreams: Ms,
|
|
2413
|
+
targets: Ns
|
|
2405
2414
|
};
|
|
2406
|
-
function
|
|
2407
|
-
const e =
|
|
2415
|
+
function Es() {
|
|
2416
|
+
const e = Xe("en-us", Vs);
|
|
2408
2417
|
return {
|
|
2409
2418
|
i18n: e,
|
|
2410
2419
|
i18nT: qa(e)
|
|
@@ -2415,8 +2424,8 @@ function Ue(e) {
|
|
|
2415
2424
|
const { replaceId: r = !1 } = e, t = M([]);
|
|
2416
2425
|
return {
|
|
2417
2426
|
addedItems: t,
|
|
2418
|
-
trackNewItems: (u,
|
|
2419
|
-
if (
|
|
2427
|
+
trackNewItems: (u, v) => {
|
|
2428
|
+
if (v) {
|
|
2420
2429
|
const H = { ...u };
|
|
2421
2430
|
r && (H.value = u.label), t.value.push(H);
|
|
2422
2431
|
} else
|
|
@@ -2424,7 +2433,7 @@ function Ue(e) {
|
|
|
2424
2433
|
}
|
|
2425
2434
|
};
|
|
2426
2435
|
}
|
|
2427
|
-
const
|
|
2436
|
+
const Be = [
|
|
2428
2437
|
{
|
|
2429
2438
|
label: "100",
|
|
2430
2439
|
value: "100"
|
|
@@ -2793,15 +2802,15 @@ const Pe = [
|
|
|
2793
2802
|
label: "599",
|
|
2794
2803
|
value: "599"
|
|
2795
2804
|
}
|
|
2796
|
-
],
|
|
2797
|
-
function
|
|
2805
|
+
], Le = 10, De = 65536, Rs = 0, js = 65535, Se = 0, He = 255, ja = 0, La = 255, Ls = 0, Ds = 65535, xa = 0, Ua = 65535, Js = 0, Qs = 2 ** 31, Je = ["200", "302"], Qe = ["200", "201", "202", "203", "204", "205", "206", "207", "208", "226", "300", "301", "302", "303", "304", "305", "306", "307", "308"], We = ["429", "404", "500", "501", "502", "503", "504", "505"], ze = ["429", "500", "503"];
|
|
2806
|
+
function Me() {
|
|
2798
2807
|
const e = (i) => /^\d+$/.test(i), r = (i, o, k) => {
|
|
2799
2808
|
if (e(i)) {
|
|
2800
2809
|
const h = Number(i);
|
|
2801
2810
|
return h >= o && h <= k;
|
|
2802
2811
|
} else
|
|
2803
2812
|
return !1;
|
|
2804
|
-
}, t = (i) => i.map((o) => Number(o)),
|
|
2813
|
+
}, t = (i) => i.map((o) => Number(o)), l = (i) => i.map((o) => o.toString()), u = () => ({
|
|
2805
2814
|
name: "",
|
|
2806
2815
|
hostHeader: "",
|
|
2807
2816
|
clientCertificate: "",
|
|
@@ -2831,20 +2840,20 @@ function Ae() {
|
|
|
2831
2840
|
headers: [{ key: "", values: "" }],
|
|
2832
2841
|
interval: "0",
|
|
2833
2842
|
successes: "5",
|
|
2834
|
-
httpStatuses:
|
|
2843
|
+
httpStatuses: Je,
|
|
2835
2844
|
unhealthyInterval: "0",
|
|
2836
2845
|
httpFailures: "5",
|
|
2837
2846
|
tcpFailures: "5",
|
|
2838
|
-
unhealthyHttpStatuses:
|
|
2847
|
+
unhealthyHttpStatuses: We,
|
|
2839
2848
|
unhealthyTimeouts: "0"
|
|
2840
2849
|
},
|
|
2841
2850
|
passiveHealthCheck: {
|
|
2842
2851
|
type: "http",
|
|
2843
2852
|
successes: "0",
|
|
2844
|
-
httpStatuses:
|
|
2853
|
+
httpStatuses: Qe,
|
|
2845
2854
|
timeouts: "0",
|
|
2846
2855
|
httpFailures: "5",
|
|
2847
|
-
unhealthyHttpStatuses:
|
|
2856
|
+
unhealthyHttpStatuses: ze,
|
|
2848
2857
|
tcpFailures: "5"
|
|
2849
2858
|
}
|
|
2850
2859
|
});
|
|
@@ -2852,11 +2861,11 @@ function Ae() {
|
|
|
2852
2861
|
isInteger: e,
|
|
2853
2862
|
inRange: r,
|
|
2854
2863
|
stringToNumberArray: t,
|
|
2855
|
-
numberToStringArray:
|
|
2864
|
+
numberToStringArray: l,
|
|
2856
2865
|
upstreamsResponseToFields: (i) => {
|
|
2857
|
-
var k, h,
|
|
2866
|
+
var k, h, a, O, F, p, f, U, x, K, D, m, w, I, j, A, _, B, P, J, L, Q, Z, N, z, X, R, S, d, y, Y, le, ue, ee, oe, ge, xe, ke, at, lt, st, rt, ot, it, nt, ut, ct, dt, ht, pt, ft, mt, vt, yt, gt, bt, kt, _t, Ct, St, Ht, wt, It, xt, Ut, Tt, qt, Ft, $t, Ot, Kt, Pt, Bt, At, Mt, Nt, Vt, Et, Rt, jt, Lt, Dt, Jt, Qt, Wt, zt, Gt, Xt, Yt, Zt, ea, ta, aa, la, sa, ra, oa, ia, na, ua, ca, da, ha, pa, fa, ma, va, ya, ga;
|
|
2858
2867
|
const o = u();
|
|
2859
|
-
return o.name = i.name || "", o.algorithm = i.algorithm || "round-robin", o.hostHeader = i.host_header || "", o.clientCertificate = i.client_certificate ? (k = i.client_certificate) == null ? void 0 : k.id : "", o.tags = ((h = i.tags) == null ? void 0 : h.join(", ")) || "", o.slots = i.slots !== null && i.slots !== void 0 ? i.slots.toString() : "10000", o.hashOn = i.hash_on || "none", o.hashFallback = i.hash_fallback || "none", o.hashOnHeader = i.hash_on_header || "", o.hashOnCookie = i.hash_on_cookie || "", o.hashOnCookiePath = i.hash_on_cookie_path || "/", o.hashOnQueryArgument = i.hash_on_query_arg || "", o.hashOnUriCapture = i.hash_on_uri_capture || "", o.hashFallbackHeader = i.hash_fallback_header || "", o.hashFallbackQueryArgument = i.hash_fallback_query_arg || "", o.hashFallbackUriCapture = i.hash_fallback_uri_capture || "", o.healthchecksThreshold = i.healthchecks.threshold !== null && i.healthchecks.threshold !== void 0 ? i.healthchecks.threshold.toString() : "", o.activeHealthSwitch = ((
|
|
2868
|
+
return o.name = i.name || "", o.algorithm = i.algorithm || "round-robin", o.hostHeader = i.host_header || "", o.clientCertificate = i.client_certificate ? (k = i.client_certificate) == null ? void 0 : k.id : "", o.tags = ((h = i.tags) == null ? void 0 : h.join(", ")) || "", o.slots = i.slots !== null && i.slots !== void 0 ? i.slots.toString() : "10000", o.hashOn = i.hash_on || "none", o.hashFallback = i.hash_fallback || "none", o.hashOnHeader = i.hash_on_header || "", o.hashOnCookie = i.hash_on_cookie || "", o.hashOnCookiePath = i.hash_on_cookie_path || "/", o.hashOnQueryArgument = i.hash_on_query_arg || "", o.hashOnUriCapture = i.hash_on_uri_capture || "", o.hashFallbackHeader = i.hash_fallback_header || "", o.hashFallbackQueryArgument = i.hash_fallback_query_arg || "", o.hashFallbackUriCapture = i.hash_fallback_uri_capture || "", o.healthchecksThreshold = i.healthchecks.threshold !== null && i.healthchecks.threshold !== void 0 ? i.healthchecks.threshold.toString() : "", o.activeHealthSwitch = ((O = (a = i.healthchecks.active) == null ? void 0 : a.healthy) == null ? void 0 : O.interval) !== 0 || ((p = (F = i.healthchecks.active) == null ? void 0 : F.unhealthy) == null ? void 0 : p.interval) !== 0, o.activeHealthCheck.type = ((f = i.healthchecks.active) == null ? void 0 : f.type) || "http", o.activeHealthCheck.httpPath = ((U = i.healthchecks.active) == null ? void 0 : U.http_path) || "/", o.activeHealthCheck.timeout = ((x = i.healthchecks.active) == null ? void 0 : x.timeout) !== null && ((K = i.healthchecks.active) == null ? void 0 : K.timeout) !== void 0 ? (m = (D = i.healthchecks.active) == null ? void 0 : D.timeout) == null ? void 0 : m.toString() : "", o.activeHealthCheck.concurrency = ((w = i.healthchecks.active) == null ? void 0 : w.concurrency) !== null && ((I = i.healthchecks.active) == null ? void 0 : I.concurrency) !== void 0 ? (A = (j = i.healthchecks.active) == null ? void 0 : j.concurrency) == null ? void 0 : A.toString() : "", o.activeHealthCheck.httpsSni = ((_ = i.healthchecks.active) == null ? void 0 : _.https_sni) || "", o.activeHealthCheck.verifySsl = ((B = i.healthchecks.active) == null ? void 0 : B.https_verify_certificate) || !1, o.activeHealthCheck.headers = (P = i.healthchecks.active) != null && P.headers && Object.entries((J = i.healthchecks.active) == null ? void 0 : J.headers).length > 0 ? Object.entries((L = i.healthchecks.active) == null ? void 0 : L.headers).map(([Da, Ve]) => ({ key: Da, values: Ve == null ? void 0 : Ve.join(", ") })) : [{ key: "", values: "" }], o.activeHealthCheck.interval = ((Z = (Q = i.healthchecks.active) == null ? void 0 : Q.healthy) == null ? void 0 : Z.interval) !== null && ((z = (N = i.healthchecks.active) == null ? void 0 : N.healthy) == null ? void 0 : z.interval) !== void 0 ? (S = (R = (X = i.healthchecks.active) == null ? void 0 : X.healthy) == null ? void 0 : R.interval) == null ? void 0 : S.toString() : "0", o.activeHealthCheck.interval = ((y = (d = i.healthchecks.active) == null ? void 0 : d.healthy) == null ? void 0 : y.interval) !== null && ((le = (Y = i.healthchecks.active) == null ? void 0 : Y.healthy) == null ? void 0 : le.interval) !== void 0 ? (oe = (ee = (ue = i.healthchecks.active) == null ? void 0 : ue.healthy) == null ? void 0 : ee.interval) == null ? void 0 : oe.toString() : "0", o.activeHealthCheck.successes = ((xe = (ge = i.healthchecks.active) == null ? void 0 : ge.healthy) == null ? void 0 : xe.successes) !== null && ((at = (ke = i.healthchecks.active) == null ? void 0 : ke.healthy) == null ? void 0 : at.successes) !== void 0 ? (rt = (st = (lt = i.healthchecks.active) == null ? void 0 : lt.healthy) == null ? void 0 : st.successes) == null ? void 0 : rt.toString() : "0", o.activeHealthCheck.httpStatuses = (it = (ot = i.healthchecks.active) == null ? void 0 : ot.healthy) != null && it.http_statuses ? l(((ut = (nt = i.healthchecks.active) == null ? void 0 : nt.healthy) == null ? void 0 : ut.http_statuses) || []) : Je, o.activeHealthCheck.unhealthyInterval = ((dt = (ct = i.healthchecks.active) == null ? void 0 : ct.unhealthy) == null ? void 0 : dt.interval) !== null && ((pt = (ht = i.healthchecks.active) == null ? void 0 : ht.unhealthy) == null ? void 0 : pt.interval) !== void 0 ? (vt = (mt = (ft = i.healthchecks.active) == null ? void 0 : ft.unhealthy) == null ? void 0 : mt.interval) == null ? void 0 : vt.toString() : "0", o.activeHealthCheck.httpFailures = ((gt = (yt = i.healthchecks.active) == null ? void 0 : yt.unhealthy) == null ? void 0 : gt.http_failures) !== null && ((kt = (bt = i.healthchecks.active) == null ? void 0 : bt.unhealthy) == null ? void 0 : kt.http_failures) !== void 0 ? (St = (Ct = (_t = i.healthchecks.active) == null ? void 0 : _t.unhealthy) == null ? void 0 : Ct.http_failures) == null ? void 0 : St.toString() : "0", o.activeHealthCheck.unhealthyTimeouts = ((wt = (Ht = i.healthchecks.active) == null ? void 0 : Ht.unhealthy) == null ? void 0 : wt.timeouts) !== null && ((xt = (It = i.healthchecks.active) == null ? void 0 : It.unhealthy) == null ? void 0 : xt.timeouts) !== void 0 ? (qt = (Tt = (Ut = i.healthchecks.active) == null ? void 0 : Ut.unhealthy) == null ? void 0 : Tt.timeouts) == null ? void 0 : qt.toString() : "0", o.activeHealthCheck.unhealthyHttpStatuses = ($t = (Ft = i.healthchecks.active) == null ? void 0 : Ft.unhealthy) != null && $t.http_statuses ? l(((Kt = (Ot = i.healthchecks.active) == null ? void 0 : Ot.unhealthy) == null ? void 0 : Kt.http_statuses) || []) : We, o.passiveHealthSwitch = ((Bt = (Pt = i.healthchecks.passive) == null ? void 0 : Pt.healthy) == null ? void 0 : Bt.successes) !== 0 || ((Mt = (At = i.healthchecks.passive) == null ? void 0 : At.unhealthy) == null ? void 0 : Mt.timeouts) !== 0 || ((Vt = (Nt = i.healthchecks.passive) == null ? void 0 : Nt.unhealthy) == null ? void 0 : Vt.tcp_failures) !== 0 || ((Rt = (Et = i.healthchecks.passive) == null ? void 0 : Et.unhealthy) == null ? void 0 : Rt.http_failures) !== 0, o.passiveHealthCheck.type = ((jt = i.healthchecks.passive) == null ? void 0 : jt.type) || "http", o.passiveHealthCheck.successes = ((Dt = (Lt = i.healthchecks.passive) == null ? void 0 : Lt.healthy) == null ? void 0 : Dt.successes) !== null && ((Qt = (Jt = i.healthchecks.passive) == null ? void 0 : Jt.healthy) == null ? void 0 : Qt.successes) !== void 0 ? (Gt = (zt = (Wt = i.healthchecks.passive) == null ? void 0 : Wt.healthy) == null ? void 0 : zt.successes) == null ? void 0 : Gt.toString() : "0", o.passiveHealthCheck.httpStatuses = (Yt = (Xt = i.healthchecks.passive) == null ? void 0 : Xt.healthy) != null && Yt.http_statuses ? l(((ea = (Zt = i.healthchecks.passive) == null ? void 0 : Zt.healthy) == null ? void 0 : ea.http_statuses) || []) : Qe, o.passiveHealthCheck.timeouts = ((aa = (ta = i.healthchecks.passive) == null ? void 0 : ta.unhealthy) == null ? void 0 : aa.timeouts) !== null && ((sa = (la = i.healthchecks.passive) == null ? void 0 : la.unhealthy) == null ? void 0 : sa.timeouts) !== void 0 ? (ia = (oa = (ra = i.healthchecks.passive) == null ? void 0 : ra.unhealthy) == null ? void 0 : oa.timeouts) == null ? void 0 : ia.toString() : "0", o.passiveHealthCheck.tcpFailures = ((ua = (na = i.healthchecks.passive) == null ? void 0 : na.unhealthy) == null ? void 0 : ua.tcp_failures) !== null && ((da = (ca = i.healthchecks.passive) == null ? void 0 : ca.unhealthy) == null ? void 0 : da.tcp_failures) !== void 0 ? (fa = (pa = (ha = i.healthchecks.passive) == null ? void 0 : ha.unhealthy) == null ? void 0 : pa.tcp_failures) == null ? void 0 : fa.toString() : "", o.passiveHealthCheck.unhealthyHttpStatuses = (va = (ma = i.healthchecks.passive) == null ? void 0 : ma.unhealthy) != null && va.http_statuses ? l(((ga = (ya = i.healthchecks.passive) == null ? void 0 : ya.unhealthy) == null ? void 0 : ga.http_statuses) || []) : ze, o;
|
|
2860
2869
|
},
|
|
2861
2870
|
getDefaultUpstreamFields: u,
|
|
2862
2871
|
objectsAreEqual: (i, o) => {
|
|
@@ -2870,10 +2879,10 @@ function Ae() {
|
|
|
2870
2879
|
};
|
|
2871
2880
|
}
|
|
2872
2881
|
const me = {
|
|
2873
|
-
useI18n:
|
|
2882
|
+
useI18n: Es,
|
|
2874
2883
|
useMultiselectCreation: Ue,
|
|
2875
|
-
useHelpers:
|
|
2876
|
-
}, _e = "/api/runtime_groups/{controlPlaneId}", Ce = "/{workspace}",
|
|
2884
|
+
useHelpers: Me
|
|
2885
|
+
}, _e = "/api/runtime_groups/{controlPlaneId}", Ce = "/{workspace}", Ie = {
|
|
2877
2886
|
list: {
|
|
2878
2887
|
konnect: `${_e}/upstreams`,
|
|
2879
2888
|
kongManager: `${Ce}/upstreams`
|
|
@@ -2895,7 +2904,7 @@ const me = {
|
|
|
2895
2904
|
}
|
|
2896
2905
|
}
|
|
2897
2906
|
};
|
|
2898
|
-
const
|
|
2907
|
+
const Ws = { class: "kong-ui-entities-upstreams-list" }, zs = { class: "upstream-name" }, Gs = /* @__PURE__ */ ae({
|
|
2899
2908
|
__name: "UpstreamsList",
|
|
2900
2909
|
props: {
|
|
2901
2910
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -2937,90 +2946,90 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
2937
2946
|
emits: ["error", "copy:success", "copy:error", "delete:success"],
|
|
2938
2947
|
setup(e, { emit: r }) {
|
|
2939
2948
|
var Z;
|
|
2940
|
-
const t = e, { i18n: { t:
|
|
2949
|
+
const t = e, { i18n: { t: l } } = me.useI18n(), u = Ye(), { axiosInstance: v } = Ae({
|
|
2941
2950
|
headers: (Z = t.config) == null ? void 0 : Z.requestHeaders
|
|
2942
|
-
}), H = M(1),
|
|
2943
|
-
name: { label:
|
|
2944
|
-
slots: { label:
|
|
2945
|
-
tags: { label:
|
|
2951
|
+
}), H = M(1), q = T(() => t.config.app !== "kongManager" || !!t.config.disableSorting), i = {
|
|
2952
|
+
name: { label: l("upstreams.list.table_headers.name"), searchable: !0, sortable: !0 },
|
|
2953
|
+
slots: { label: l("upstreams.list.table_headers.slots"), searchable: !0, sortable: !0 },
|
|
2954
|
+
tags: { label: l("upstreams.list.table_headers.tags"), sortable: !1 }
|
|
2946
2955
|
}, o = i, k = T(() => {
|
|
2947
2956
|
var z, X;
|
|
2948
|
-
let
|
|
2949
|
-
return t.config.app === "konnect" ?
|
|
2950
|
-
}), h = M(""),
|
|
2951
|
-
const
|
|
2952
|
-
if (
|
|
2957
|
+
let N = `${t.config.apiBaseUrl}${Ie.list[t.config.app]}`;
|
|
2958
|
+
return t.config.app === "konnect" ? N = N.replace(/{controlPlaneId}/gi, ((z = t.config) == null ? void 0 : z.controlPlaneId) || "") : t.config.app === "kongManager" && (N = N.replace(/\/{workspace}/gi, (X = t.config) != null && X.workspace ? `/${t.config.workspace}` : "")), N;
|
|
2959
|
+
}), h = M(""), a = T(() => {
|
|
2960
|
+
const N = t.config.app === "konnect" || t.config.isExactMatch;
|
|
2961
|
+
if (N)
|
|
2953
2962
|
return {
|
|
2954
|
-
isExactMatch:
|
|
2955
|
-
placeholder:
|
|
2963
|
+
isExactMatch: N,
|
|
2964
|
+
placeholder: l("upstreams.search.placeholder")
|
|
2956
2965
|
};
|
|
2957
2966
|
const { name: z, slots: X } = i;
|
|
2958
2967
|
return {
|
|
2959
|
-
isExactMatch:
|
|
2968
|
+
isExactMatch: N,
|
|
2960
2969
|
fields: { name: z, slots: X },
|
|
2961
2970
|
schema: t.config.filterSchema
|
|
2962
2971
|
};
|
|
2963
|
-
}), { fetcher:
|
|
2972
|
+
}), { fetcher: O, fetcherState: F } = Ra(t.config, k.value), p = () => {
|
|
2964
2973
|
h.value = "";
|
|
2965
2974
|
}, f = () => {
|
|
2966
2975
|
H.value++;
|
|
2967
|
-
}, U = M(""), x = (
|
|
2968
|
-
const X =
|
|
2976
|
+
}, U = M(""), x = (N, z) => {
|
|
2977
|
+
const X = N.id;
|
|
2969
2978
|
if (!z(X)) {
|
|
2970
2979
|
r("copy:error", {
|
|
2971
|
-
entity:
|
|
2980
|
+
entity: N,
|
|
2972
2981
|
field: "id",
|
|
2973
|
-
message:
|
|
2982
|
+
message: l("upstreams.errors.copy")
|
|
2974
2983
|
});
|
|
2975
2984
|
return;
|
|
2976
2985
|
}
|
|
2977
2986
|
r("copy:success", {
|
|
2978
|
-
entity:
|
|
2987
|
+
entity: N,
|
|
2979
2988
|
field: "id",
|
|
2980
|
-
message:
|
|
2989
|
+
message: l("upstreams.copy.success", { val: X })
|
|
2981
2990
|
});
|
|
2982
|
-
}, K = (
|
|
2983
|
-
const X = JSON.stringify(
|
|
2991
|
+
}, K = (N, z) => {
|
|
2992
|
+
const X = JSON.stringify(N);
|
|
2984
2993
|
if (!z(X)) {
|
|
2985
2994
|
r("copy:error", {
|
|
2986
|
-
entity:
|
|
2987
|
-
message:
|
|
2995
|
+
entity: N,
|
|
2996
|
+
message: l("upstreams.errors.copy")
|
|
2988
2997
|
});
|
|
2989
2998
|
return;
|
|
2990
2999
|
}
|
|
2991
3000
|
r("copy:success", {
|
|
2992
|
-
entity:
|
|
2993
|
-
message:
|
|
3001
|
+
entity: N,
|
|
3002
|
+
message: l("upstreams.copy.success_brief")
|
|
2994
3003
|
});
|
|
2995
|
-
}, D = async (
|
|
3004
|
+
}, D = async (N) => {
|
|
2996
3005
|
var X;
|
|
2997
|
-
await ((X = t.canRetrieve) == null ? void 0 : X.call(t,
|
|
2998
|
-
}, m = (
|
|
2999
|
-
label:
|
|
3000
|
-
to: t.config.getViewRoute(
|
|
3001
|
-
}),
|
|
3002
|
-
label:
|
|
3003
|
-
to: t.config.getEditRoute(
|
|
3004
|
-
}),
|
|
3005
|
-
|
|
3006
|
+
await ((X = t.canRetrieve) == null ? void 0 : X.call(t, N)) && u.push(t.config.getViewRoute(N.id));
|
|
3007
|
+
}, m = (N) => ({
|
|
3008
|
+
label: l("upstreams.actions.view"),
|
|
3009
|
+
to: t.config.getViewRoute(N)
|
|
3010
|
+
}), w = (N) => ({
|
|
3011
|
+
label: l("upstreams.actions.edit"),
|
|
3012
|
+
to: t.config.getEditRoute(N)
|
|
3013
|
+
}), I = M(void 0), j = M(!1), A = M(!1), _ = M(""), B = Va(t.config, k.value), P = (N) => {
|
|
3014
|
+
I.value = N, j.value = !0;
|
|
3006
3015
|
}, J = () => {
|
|
3007
3016
|
j.value = !1;
|
|
3008
3017
|
}, L = async () => {
|
|
3009
|
-
var
|
|
3010
|
-
if ((
|
|
3018
|
+
var N, z, X;
|
|
3019
|
+
if ((N = I.value) != null && N.id) {
|
|
3011
3020
|
A.value = !0;
|
|
3012
3021
|
try {
|
|
3013
|
-
await
|
|
3014
|
-
} catch (
|
|
3015
|
-
_.value = ((X = (z =
|
|
3022
|
+
await v.delete(B(I.value.id)), A.value = !1, j.value = !1, H.value++, r("delete:success", I.value);
|
|
3023
|
+
} catch (R) {
|
|
3024
|
+
_.value = ((X = (z = R.response) == null ? void 0 : z.data) == null ? void 0 : X.message) || R.message || l("upstreams.errors.delete"), r("error", R);
|
|
3016
3025
|
} finally {
|
|
3017
3026
|
A.value = !1;
|
|
3018
3027
|
}
|
|
3019
3028
|
}
|
|
3020
3029
|
};
|
|
3021
|
-
ce(
|
|
3022
|
-
if (
|
|
3023
|
-
U.value =
|
|
3030
|
+
ce(F, (N) => {
|
|
3031
|
+
if (N.status === ye.Error) {
|
|
3032
|
+
U.value = l("upstreams.errors.general"), r("error", N.error);
|
|
3024
3033
|
return;
|
|
3025
3034
|
}
|
|
3026
3035
|
U.value = "";
|
|
@@ -3028,22 +3037,22 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3028
3037
|
const Q = M({
|
|
3029
3038
|
ctaPath: t.config.createRoute,
|
|
3030
3039
|
ctaText: void 0,
|
|
3031
|
-
message:
|
|
3032
|
-
title:
|
|
3040
|
+
message: l("upstreams.list.empty_state.description"),
|
|
3041
|
+
title: l("upstreams.title")
|
|
3033
3042
|
});
|
|
3034
3043
|
return Te(async () => {
|
|
3035
|
-
await t.canCreate() && (Q.value.title =
|
|
3036
|
-
}), (
|
|
3037
|
-
const X = $("KButton"),
|
|
3038
|
-
return b(),
|
|
3044
|
+
await t.canCreate() && (Q.value.title = l("upstreams.list.empty_state.title"), Q.value.ctaText = l("upstreams.actions.create"));
|
|
3045
|
+
}), (N, z) => {
|
|
3046
|
+
const X = $("KButton"), R = $("KBadge"), S = $("KTruncate"), d = $("KDropdownItem"), y = $("KClipboardProvider");
|
|
3047
|
+
return b(), V("div", Ws, [
|
|
3039
3048
|
c(s(Ma), {
|
|
3040
3049
|
"cache-identifier": e.cacheIdentifier,
|
|
3041
3050
|
"disable-pagination-page-jump": "",
|
|
3042
|
-
"disable-sorting":
|
|
3051
|
+
"disable-sorting": q.value,
|
|
3043
3052
|
"empty-state-options": Q.value,
|
|
3044
3053
|
"enable-entity-actions": "",
|
|
3045
3054
|
"error-message": U.value,
|
|
3046
|
-
fetcher: s(
|
|
3055
|
+
fetcher: s(O),
|
|
3047
3056
|
"fetcher-cache-key": H.value,
|
|
3048
3057
|
"pagination-type": "offset",
|
|
3049
3058
|
"preferences-storage-key": "kong-ui-entities-upstreams-list",
|
|
@@ -3057,7 +3066,7 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3057
3066
|
c(s(Fs), {
|
|
3058
3067
|
modelValue: h.value,
|
|
3059
3068
|
"onUpdate:modelValue": z[0] || (z[0] = (Y) => h.value = Y),
|
|
3060
|
-
config:
|
|
3069
|
+
config: a.value
|
|
3061
3070
|
}, null, 8, ["modelValue", "config"])
|
|
3062
3071
|
]),
|
|
3063
3072
|
"toolbar-button": n(() => [
|
|
@@ -3072,7 +3081,7 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3072
3081
|
to: e.config.createRoute
|
|
3073
3082
|
}, {
|
|
3074
3083
|
default: n(() => [
|
|
3075
|
-
W(g(s(
|
|
3084
|
+
W(g(s(l)("upstreams.list.toolbar_actions.new_upstream")), 1)
|
|
3076
3085
|
]),
|
|
3077
3086
|
_: 1
|
|
3078
3087
|
}, 8, ["to"])
|
|
@@ -3081,12 +3090,12 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3081
3090
|
}, 8, ["auth-function"])
|
|
3082
3091
|
]),
|
|
3083
3092
|
name: n(({ rowValue: Y }) => [
|
|
3084
|
-
C("span",
|
|
3093
|
+
C("span", zs, g(Y), 1)
|
|
3085
3094
|
]),
|
|
3086
3095
|
tags: n(({ rowValue: Y }) => [
|
|
3087
3096
|
c(S, null, {
|
|
3088
3097
|
default: n(() => [
|
|
3089
|
-
(b(!0),
|
|
3098
|
+
(b(!0), V(ie, null, de(Y, (le) => (b(), E(R, {
|
|
3090
3099
|
key: le,
|
|
3091
3100
|
"max-width": "auto"
|
|
3092
3101
|
}, {
|
|
@@ -3100,28 +3109,28 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3100
3109
|
}, 1024)
|
|
3101
3110
|
]),
|
|
3102
3111
|
actions: n(({ row: Y }) => [
|
|
3103
|
-
c(
|
|
3112
|
+
c(y, null, {
|
|
3104
3113
|
default: n(({ copyToClipboard: le }) => [
|
|
3105
3114
|
c(d, {
|
|
3106
3115
|
"data-testid": "action-entity-copy-id",
|
|
3107
3116
|
onClick: (ue) => x(Y, le)
|
|
3108
3117
|
}, {
|
|
3109
3118
|
default: n(() => [
|
|
3110
|
-
W(g(s(
|
|
3119
|
+
W(g(s(l)("upstreams.actions.copy_id")), 1)
|
|
3111
3120
|
]),
|
|
3112
3121
|
_: 2
|
|
3113
3122
|
}, 1032, ["onClick"])
|
|
3114
3123
|
]),
|
|
3115
3124
|
_: 2
|
|
3116
3125
|
}, 1024),
|
|
3117
|
-
c(
|
|
3126
|
+
c(y, null, {
|
|
3118
3127
|
default: n(({ copyToClipboard: le }) => [
|
|
3119
3128
|
c(d, {
|
|
3120
3129
|
"data-testid": "action-entity-copy-json",
|
|
3121
3130
|
onClick: (ue) => K(Y, le)
|
|
3122
3131
|
}, {
|
|
3123
3132
|
default: n(() => [
|
|
3124
|
-
W(g(s(
|
|
3133
|
+
W(g(s(l)("upstreams.actions.copy_json")), 1)
|
|
3125
3134
|
]),
|
|
3126
3135
|
_: 2
|
|
3127
3136
|
}, 1032, ["onClick"])
|
|
@@ -3146,7 +3155,7 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3146
3155
|
default: n(() => [
|
|
3147
3156
|
c(d, {
|
|
3148
3157
|
"data-testid": "action-entity-edit",
|
|
3149
|
-
item:
|
|
3158
|
+
item: w(Y.id)
|
|
3150
3159
|
}, null, 8, ["item"])
|
|
3151
3160
|
]),
|
|
3152
3161
|
_: 2
|
|
@@ -3162,7 +3171,7 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3162
3171
|
onClick: (le) => P(Y)
|
|
3163
3172
|
}, {
|
|
3164
3173
|
default: n(() => [
|
|
3165
|
-
W(g(s(
|
|
3174
|
+
W(g(s(l)("upstreams.actions.delete")), 1)
|
|
3166
3175
|
]),
|
|
3167
3176
|
_: 2
|
|
3168
3177
|
}, 1032, ["onClick"])
|
|
@@ -3174,11 +3183,11 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3174
3183
|
}, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
|
|
3175
3184
|
c(s(Na), {
|
|
3176
3185
|
"action-pending": A.value,
|
|
3177
|
-
description: s(
|
|
3178
|
-
"entity-name":
|
|
3179
|
-
"entity-type": s(
|
|
3186
|
+
description: s(l)("upstreams.delete.description"),
|
|
3187
|
+
"entity-name": I.value && (I.value.name || I.value.id),
|
|
3188
|
+
"entity-type": s(Ze).Upstream,
|
|
3180
3189
|
error: _.value,
|
|
3181
|
-
title: s(
|
|
3190
|
+
title: s(l)("upstreams.delete.title"),
|
|
3182
3191
|
visible: j.value,
|
|
3183
3192
|
onCancel: J,
|
|
3184
3193
|
onProceed: L
|
|
@@ -3187,12 +3196,12 @@ const zs = { class: "kong-ui-entities-upstreams-list" }, Gs = { class: "upstream
|
|
|
3187
3196
|
};
|
|
3188
3197
|
}
|
|
3189
3198
|
});
|
|
3190
|
-
const
|
|
3199
|
+
const ve = (e, r) => {
|
|
3191
3200
|
const t = e.__vccOpts || e;
|
|
3192
|
-
for (const [
|
|
3193
|
-
t[
|
|
3201
|
+
for (const [l, u] of r)
|
|
3202
|
+
t[l] = u;
|
|
3194
3203
|
return t;
|
|
3195
|
-
},
|
|
3204
|
+
}, Jr = /* @__PURE__ */ ve(Gs, [["__scopeId", "data-v-033bd1ef"]]), Oe = {
|
|
3196
3205
|
list: {
|
|
3197
3206
|
konnect: "/api/runtime_groups/{controlPlaneId}/upstreams/{upstreamId}/targets",
|
|
3198
3207
|
kongManager: "/{workspace}/upstreams/{upstreamId}/targets"
|
|
@@ -3209,10 +3218,10 @@ const ye = (e, r) => {
|
|
|
3209
3218
|
validate: "/{workspace}/schemas/targets/validate"
|
|
3210
3219
|
}
|
|
3211
3220
|
}
|
|
3212
|
-
},
|
|
3221
|
+
}, Xs = { class: "kong-ui-entities-target-form" }, Ys = { class: "target-form-container" }, Zs = {
|
|
3213
3222
|
key: 0,
|
|
3214
3223
|
class: "target-form-info"
|
|
3215
|
-
},
|
|
3224
|
+
}, er = /* @__PURE__ */ ae({
|
|
3216
3225
|
__name: "TargetForm",
|
|
3217
3226
|
props: {
|
|
3218
3227
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -3238,15 +3247,15 @@ const ye = (e, r) => {
|
|
|
3238
3247
|
setup(e, { emit: r }) {
|
|
3239
3248
|
var D;
|
|
3240
3249
|
const t = e;
|
|
3241
|
-
|
|
3250
|
+
Ta((m) => ({
|
|
3242
3251
|
"2cc5362c": K.value
|
|
3243
3252
|
}));
|
|
3244
|
-
const { i18n: { t:
|
|
3253
|
+
const { i18n: { t: l } } = me.useI18n(), { getMessageFromError: u } = Ea(), { axiosInstance: v } = Ae({
|
|
3245
3254
|
headers: (D = t.config) == null ? void 0 : D.requestHeaders
|
|
3246
3255
|
}), H = T(() => {
|
|
3247
3256
|
var m;
|
|
3248
3257
|
return Oe.form[t.config.app].edit.replace(/{upstreamId}/gi, ((m = t.config) == null ? void 0 : m.upstreamId) || "");
|
|
3249
|
-
}),
|
|
3258
|
+
}), q = T(() => t.targetId ? he.Edit : he.Create), i = T(() => q.value === he.Edit ? l("targets.form.edit.title") : l("targets.form.create.title")), o = Pe({
|
|
3250
3259
|
fields: {
|
|
3251
3260
|
target: "",
|
|
3252
3261
|
weight: 100,
|
|
@@ -3254,7 +3263,7 @@ const ye = (e, r) => {
|
|
|
3254
3263
|
},
|
|
3255
3264
|
isReadonly: !1,
|
|
3256
3265
|
errorMessage: ""
|
|
3257
|
-
}), k =
|
|
3266
|
+
}), k = Pe({
|
|
3258
3267
|
target: "",
|
|
3259
3268
|
weight: 100,
|
|
3260
3269
|
tags: ""
|
|
@@ -3262,36 +3271,36 @@ const ye = (e, r) => {
|
|
|
3262
3271
|
target: "",
|
|
3263
3272
|
weight: 100,
|
|
3264
3273
|
tags: ""
|
|
3265
|
-
},
|
|
3274
|
+
}, a = T(() => {
|
|
3266
3275
|
const m = parseInt(o.fields.weight.toString(), 10);
|
|
3267
3276
|
return m < 0 || m > 65535;
|
|
3268
|
-
}),
|
|
3269
|
-
() => JSON.stringify(o.fields) !== JSON.stringify(k) && !!o.fields.target && !!o.fields.weight && !
|
|
3270
|
-
),
|
|
3271
|
-
var
|
|
3272
|
-
o.fields.target = (m == null ? void 0 : m.target) || "", o.fields.weight = (m == null ? void 0 : m.weight) ?? "", o.fields.tags = ((
|
|
3277
|
+
}), O = T(
|
|
3278
|
+
() => JSON.stringify(o.fields) !== JSON.stringify(k) && !!o.fields.target && !!o.fields.weight && !a.value
|
|
3279
|
+
), F = (m) => {
|
|
3280
|
+
var w;
|
|
3281
|
+
o.fields.target = (m == null ? void 0 : m.target) || "", o.fields.weight = (m == null ? void 0 : m.weight) ?? "", o.fields.tags = ((w = m == null ? void 0 : m.tags) == null ? void 0 : w.join(", ")) || "", Object.assign(k, o.fields);
|
|
3273
3282
|
}, p = () => {
|
|
3274
3283
|
o.errorMessage = "", r("cancel");
|
|
3275
3284
|
}, f = T(() => {
|
|
3276
|
-
var
|
|
3285
|
+
var w, I;
|
|
3277
3286
|
let m = `${t.config.apiBaseUrl}${Oe.form[t.config.app].validate}`;
|
|
3278
|
-
return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((
|
|
3287
|
+
return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((w = t.config) == null ? void 0 : w.controlPlaneId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (I = t.config) != null && I.workspace ? `/${t.config.workspace}` : "")), m = m.replace(/{id}/gi, t.targetId), m;
|
|
3279
3288
|
}), U = T(() => {
|
|
3280
|
-
var
|
|
3281
|
-
let m = `${t.config.apiBaseUrl}${Oe.form[t.config.app][
|
|
3282
|
-
return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((
|
|
3289
|
+
var w, I, j, A;
|
|
3290
|
+
let m = `${t.config.apiBaseUrl}${Oe.form[t.config.app][q.value]}`;
|
|
3291
|
+
return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((w = t.config) == null ? void 0 : w.controlPlaneId) || "").replace(/{upstreamId}/gi, ((I = t.config) == null ? void 0 : I.upstreamId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (j = t.config) != null && j.workspace ? `/${t.config.workspace}` : "").replace(/{upstreamId}/gi, ((A = t.config) == null ? void 0 : A.upstreamId) || "")), m = m.replace(/{id}/gi, t.targetId), m;
|
|
3283
3292
|
}), x = async () => {
|
|
3284
|
-
var m,
|
|
3293
|
+
var m, w, I, j, A;
|
|
3285
3294
|
try {
|
|
3286
3295
|
o.isReadonly = !0, o.errorMessage = "";
|
|
3287
3296
|
const _ = {
|
|
3288
3297
|
target: o.fields.target,
|
|
3289
3298
|
weight: parseInt(o.fields.weight),
|
|
3290
|
-
tags: (
|
|
3299
|
+
tags: (I = (w = (m = o.fields.tags) == null ? void 0 : m.split(",")) == null ? void 0 : w.map((P) => String(P || "").trim())) == null ? void 0 : I.filter((P) => P !== ""),
|
|
3291
3300
|
upstream: { id: t.config.upstreamId }
|
|
3292
3301
|
};
|
|
3293
3302
|
let B;
|
|
3294
|
-
if (await
|
|
3303
|
+
if (await v.post(f.value, _), q.value === "create" ? B = await v.post(U.value, _) : q.value === "edit" && (B = ((j = t.config) == null ? void 0 : j.app) === "konnect" ? await v.put(U.value, _) : await v.patch(U.value, _)), B) {
|
|
3295
3304
|
const { data: P } = B;
|
|
3296
3305
|
o.fields.target = (P == null ? void 0 : P.name) || "", o.fields.weight = (P == null ? void 0 : P.weight) ?? 100, o.fields.tags = ((A = P == null ? void 0 : P.tags) == null ? void 0 : A.join(", ")) || "", r("update", P), Object.assign(o.fields, h);
|
|
3297
3306
|
}
|
|
@@ -3303,19 +3312,19 @@ const ye = (e, r) => {
|
|
|
3303
3312
|
}, K = T(() => o.isReadonly ? "inline-flex" : "none");
|
|
3304
3313
|
return ce(() => t.targetId, () => {
|
|
3305
3314
|
Object.assign(o.fields, h);
|
|
3306
|
-
}), (m,
|
|
3307
|
-
const
|
|
3308
|
-
return b(),
|
|
3309
|
-
"action-button-text": s(
|
|
3310
|
-
"action-pending": !
|
|
3311
|
-
"cancel-button-text": s(
|
|
3315
|
+
}), (m, w) => {
|
|
3316
|
+
const I = $("KInput"), j = $("KPrompt");
|
|
3317
|
+
return b(), E(j, {
|
|
3318
|
+
"action-button-text": s(l)("targets.form.buttons.save"),
|
|
3319
|
+
"action-pending": !O.value || o.isReadonly,
|
|
3320
|
+
"cancel-button-text": s(l)("targets.form.buttons.cancel"),
|
|
3312
3321
|
"is-visible": e.isVisible,
|
|
3313
3322
|
title: i.value,
|
|
3314
3323
|
onCanceled: p,
|
|
3315
3324
|
onProceed: x
|
|
3316
3325
|
}, {
|
|
3317
3326
|
"body-content": n(() => [
|
|
3318
|
-
C("div",
|
|
3327
|
+
C("div", Xs, [
|
|
3319
3328
|
c(s(Aa), {
|
|
3320
3329
|
config: e.config,
|
|
3321
3330
|
"edit-id": e.targetId,
|
|
@@ -3323,55 +3332,55 @@ const ye = (e, r) => {
|
|
|
3323
3332
|
"fetch-url": H.value,
|
|
3324
3333
|
"is-readonly": o.isReadonly,
|
|
3325
3334
|
onCancel: p,
|
|
3326
|
-
"onFetch:error":
|
|
3327
|
-
"onFetch:success":
|
|
3328
|
-
onLoading:
|
|
3335
|
+
"onFetch:error": w[3] || (w[3] = (A) => m.$emit("error", A)),
|
|
3336
|
+
"onFetch:success": F,
|
|
3337
|
+
onLoading: w[4] || (w[4] = (A) => m.$emit("loading", A))
|
|
3329
3338
|
}, {
|
|
3330
3339
|
default: n(() => [
|
|
3331
|
-
C("div",
|
|
3332
|
-
m.$slots.info ? (b(),
|
|
3340
|
+
C("div", Ys, [
|
|
3341
|
+
m.$slots.info ? (b(), V("div", Zs, [
|
|
3333
3342
|
se(m.$slots, "info", {}, void 0, !0)
|
|
3334
3343
|
])) : G("", !0),
|
|
3335
|
-
c(
|
|
3344
|
+
c(I, {
|
|
3336
3345
|
modelValue: o.fields.target,
|
|
3337
|
-
"onUpdate:modelValue":
|
|
3346
|
+
"onUpdate:modelValue": w[0] || (w[0] = (A) => o.fields.target = A),
|
|
3338
3347
|
modelModifiers: { trim: !0 },
|
|
3339
3348
|
autocomplete: "off",
|
|
3340
3349
|
class: "target-form-input",
|
|
3341
3350
|
"data-testid": "target-form-target",
|
|
3342
|
-
label: s(
|
|
3343
|
-
"label-attributes": { info: s(
|
|
3344
|
-
placeholder: s(
|
|
3351
|
+
label: s(l)("targets.form.fields.target.label"),
|
|
3352
|
+
"label-attributes": { info: s(l)("targets.form.fields.target.tooltip") },
|
|
3353
|
+
placeholder: s(l)("targets.form.fields.target.placeholder"),
|
|
3345
3354
|
readonly: o.isReadonly,
|
|
3346
3355
|
required: "",
|
|
3347
3356
|
type: "text"
|
|
3348
3357
|
}, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"]),
|
|
3349
|
-
c(
|
|
3358
|
+
c(I, {
|
|
3350
3359
|
modelValue: o.fields.weight,
|
|
3351
|
-
"onUpdate:modelValue":
|
|
3360
|
+
"onUpdate:modelValue": w[1] || (w[1] = (A) => o.fields.weight = A),
|
|
3352
3361
|
autocomplete: "off",
|
|
3353
3362
|
class: "target-form-input",
|
|
3354
3363
|
"data-testid": "target-form-weight",
|
|
3355
|
-
"error-message": s(
|
|
3356
|
-
"has-error":
|
|
3357
|
-
label: s(
|
|
3358
|
-
"label-attributes": { info: s(
|
|
3364
|
+
"error-message": s(l)("targets.errors.weight"),
|
|
3365
|
+
"has-error": a.value,
|
|
3366
|
+
label: s(l)("targets.form.fields.weight.label"),
|
|
3367
|
+
"label-attributes": { info: s(l)("targets.form.fields.weight.tooltip") },
|
|
3359
3368
|
max: "65535",
|
|
3360
3369
|
min: "0",
|
|
3361
3370
|
readonly: o.isReadonly,
|
|
3362
3371
|
required: "",
|
|
3363
3372
|
type: "number"
|
|
3364
3373
|
}, null, 8, ["modelValue", "error-message", "has-error", "label", "label-attributes", "readonly"]),
|
|
3365
|
-
c(
|
|
3374
|
+
c(I, {
|
|
3366
3375
|
modelValue: o.fields.tags,
|
|
3367
|
-
"onUpdate:modelValue":
|
|
3376
|
+
"onUpdate:modelValue": w[2] || (w[2] = (A) => o.fields.tags = A),
|
|
3368
3377
|
modelModifiers: { trim: !0 },
|
|
3369
3378
|
autocomplete: "off",
|
|
3370
3379
|
class: "target-form-input",
|
|
3371
3380
|
"data-testid": "target-form-tags",
|
|
3372
|
-
help: s(
|
|
3373
|
-
label: s(
|
|
3374
|
-
placeholder: s(
|
|
3381
|
+
help: s(l)("targets.form.fields.tags.help"),
|
|
3382
|
+
label: s(l)("targets.form.fields.tags.label"),
|
|
3383
|
+
placeholder: s(l)("targets.form.fields.tags.placeholder"),
|
|
3375
3384
|
readonly: o.isReadonly,
|
|
3376
3385
|
type: "text"
|
|
3377
3386
|
}, null, 8, ["modelValue", "help", "label", "placeholder", "readonly"])
|
|
@@ -3386,7 +3395,7 @@ const ye = (e, r) => {
|
|
|
3386
3395
|
};
|
|
3387
3396
|
}
|
|
3388
3397
|
});
|
|
3389
|
-
const
|
|
3398
|
+
const tr = /* @__PURE__ */ ve(er, [["__scopeId", "data-v-77134304"]]), ar = { class: "kong-ui-entities-targets-list" }, lr = { class: "target-address" }, sr = /* @__PURE__ */ ae({
|
|
3390
3399
|
__name: "TargetsList",
|
|
3391
3400
|
props: {
|
|
3392
3401
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -3422,85 +3431,85 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3422
3431
|
emits: ["error", "copy:success", "copy:error", "delete:success", "health-actions:healthy", "health-actions:unhealthy", "create:target", "update:target"],
|
|
3423
3432
|
setup(e, { emit: r }) {
|
|
3424
3433
|
var X;
|
|
3425
|
-
const t = e, { i18n: { t:
|
|
3434
|
+
const t = e, { i18n: { t: l } } = me.useI18n(), { axiosInstance: u } = Ae({
|
|
3426
3435
|
headers: (X = t.config) == null ? void 0 : X.requestHeaders
|
|
3427
|
-
}),
|
|
3428
|
-
target: { label:
|
|
3429
|
-
weight: { label:
|
|
3430
|
-
tags: { label:
|
|
3436
|
+
}), v = M(1), H = T(() => t.config.app !== "kongManager" || !!t.config.disableSorting), i = {
|
|
3437
|
+
target: { label: l("targets.list.table_headers.target_address"), sortable: !0 },
|
|
3438
|
+
weight: { label: l("targets.list.table_headers.weight"), sortable: !0 },
|
|
3439
|
+
tags: { label: l("targets.list.table_headers.tags"), sortable: !1 }
|
|
3431
3440
|
}, o = T(() => {
|
|
3432
|
-
var S, d,
|
|
3433
|
-
let
|
|
3434
|
-
return t.config.app === "konnect" ?
|
|
3435
|
-
}), { fetcher: k, fetcherState: h } = Ra(t.config, o.value),
|
|
3436
|
-
|
|
3437
|
-
},
|
|
3441
|
+
var S, d, y, Y;
|
|
3442
|
+
let R = `${t.config.apiBaseUrl}${Oe.list[t.config.app]}`;
|
|
3443
|
+
return t.config.app === "konnect" ? R = R.replace(/{controlPlaneId}/gi, ((S = t.config) == null ? void 0 : S.controlPlaneId) || "").replace(/{upstreamId}/gi, ((d = t.config) == null ? void 0 : d.upstreamId) || "") : t.config.app === "kongManager" && (R = R.replace(/\/{workspace}/gi, (y = t.config) != null && y.workspace ? `/${t.config.workspace}` : "").replace(/{upstreamId}/gi, ((Y = t.config) == null ? void 0 : Y.upstreamId) || "")), R;
|
|
3444
|
+
}), { fetcher: k, fetcherState: h } = Ra(t.config, o.value), a = () => {
|
|
3445
|
+
v.value++;
|
|
3446
|
+
}, O = M(""), F = () => {
|
|
3438
3447
|
Q.value = !0;
|
|
3439
|
-
}, p = (
|
|
3440
|
-
const d =
|
|
3448
|
+
}, p = (R, S) => {
|
|
3449
|
+
const d = R.id;
|
|
3441
3450
|
if (!S(d)) {
|
|
3442
3451
|
r("copy:error", {
|
|
3443
|
-
entity:
|
|
3452
|
+
entity: R,
|
|
3444
3453
|
field: "id",
|
|
3445
|
-
message:
|
|
3454
|
+
message: l("targets.errors.copy")
|
|
3446
3455
|
});
|
|
3447
3456
|
return;
|
|
3448
3457
|
}
|
|
3449
3458
|
r("copy:success", {
|
|
3450
|
-
entity:
|
|
3459
|
+
entity: R,
|
|
3451
3460
|
field: "id",
|
|
3452
|
-
message:
|
|
3461
|
+
message: l("targets.copy.success", { val: d })
|
|
3453
3462
|
});
|
|
3454
|
-
}, f = (
|
|
3455
|
-
const d = JSON.stringify(
|
|
3463
|
+
}, f = (R, S) => {
|
|
3464
|
+
const d = JSON.stringify(R);
|
|
3456
3465
|
if (!S(d)) {
|
|
3457
3466
|
r("copy:error", {
|
|
3458
|
-
entity:
|
|
3459
|
-
message:
|
|
3467
|
+
entity: R,
|
|
3468
|
+
message: l("targets.errors.copy")
|
|
3460
3469
|
});
|
|
3461
3470
|
return;
|
|
3462
3471
|
}
|
|
3463
3472
|
r("copy:success", {
|
|
3464
|
-
entity:
|
|
3465
|
-
message:
|
|
3473
|
+
entity: R,
|
|
3474
|
+
message: l("targets.copy.success_brief")
|
|
3466
3475
|
});
|
|
3467
|
-
}, U = (
|
|
3468
|
-
L.value =
|
|
3469
|
-
}, x = (
|
|
3470
|
-
D.value =
|
|
3476
|
+
}, U = (R) => {
|
|
3477
|
+
L.value = R, Q.value = !0;
|
|
3478
|
+
}, x = (R) => t.config.app === "konnect" ? !1 : t.config.canMarkHealthy(R), K = (R) => t.config.app === "konnect" ? !1 : t.config.canMarkUnhealthy(R), D = M(void 0), m = M(!1), w = M(!1), I = M(""), j = Va(t.config, o.value), A = (R) => {
|
|
3479
|
+
D.value = R, m.value = !0;
|
|
3471
3480
|
}, _ = () => {
|
|
3472
3481
|
m.value = !1;
|
|
3473
3482
|
}, B = async () => {
|
|
3474
|
-
var
|
|
3475
|
-
if ((
|
|
3476
|
-
|
|
3483
|
+
var R, S, d;
|
|
3484
|
+
if ((R = D.value) != null && R.id) {
|
|
3485
|
+
w.value = !0;
|
|
3477
3486
|
try {
|
|
3478
|
-
await u.delete(j(D.value.id)),
|
|
3479
|
-
} catch (
|
|
3480
|
-
|
|
3487
|
+
await u.delete(j(D.value.id)), w.value = !1, m.value = !1, v.value++, r("delete:success", D.value);
|
|
3488
|
+
} catch (y) {
|
|
3489
|
+
I.value = ((d = (S = y.response) == null ? void 0 : S.data) == null ? void 0 : d.message) || y.message || l("targets.errors.delete"), r("error", y);
|
|
3481
3490
|
} finally {
|
|
3482
|
-
|
|
3491
|
+
w.value = !1;
|
|
3483
3492
|
}
|
|
3484
3493
|
}
|
|
3485
3494
|
};
|
|
3486
|
-
ce(h, (
|
|
3487
|
-
if (
|
|
3488
|
-
|
|
3495
|
+
ce(h, (R) => {
|
|
3496
|
+
if (R.status === ye.Error) {
|
|
3497
|
+
O.value = l("targets.errors.general"), r("error", R.error);
|
|
3489
3498
|
return;
|
|
3490
3499
|
}
|
|
3491
|
-
|
|
3500
|
+
O.value = "";
|
|
3492
3501
|
});
|
|
3493
3502
|
const P = M({
|
|
3494
3503
|
ctaText: void 0,
|
|
3495
|
-
message:
|
|
3496
|
-
title:
|
|
3504
|
+
message: l("targets.list.empty_state.description"),
|
|
3505
|
+
title: l("targets.title"),
|
|
3497
3506
|
...t.config.createRoute && {
|
|
3498
3507
|
// If `createRoute` provided in config, add a `ctaPath` to empty state CTA button so it becomes a link
|
|
3499
3508
|
ctaPath: t.config.createRoute
|
|
3500
3509
|
}
|
|
3501
3510
|
});
|
|
3502
3511
|
Te(async () => {
|
|
3503
|
-
await t.canCreate() && (P.value.title =
|
|
3512
|
+
await t.canCreate() && (P.value.title = l("targets.list.empty_state.title"), P.value.ctaText = l("targets.actions.create"));
|
|
3504
3513
|
});
|
|
3505
3514
|
const J = T(() => ({
|
|
3506
3515
|
app: t.config.app,
|
|
@@ -3515,30 +3524,30 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3515
3524
|
workspace: t.config.workspace,
|
|
3516
3525
|
requestHeaders: t.config.requestHeaders
|
|
3517
3526
|
}
|
|
3518
|
-
})), L = M(""), Q = M(!1), Z = (
|
|
3519
|
-
L.value ? r("update:target",
|
|
3520
|
-
},
|
|
3521
|
-
z(),
|
|
3527
|
+
})), L = M(""), Q = M(!1), Z = (R) => {
|
|
3528
|
+
L.value ? r("update:target", R) : r("create:target", R), N();
|
|
3529
|
+
}, N = () => {
|
|
3530
|
+
z(), v.value++;
|
|
3522
3531
|
}, z = () => {
|
|
3523
3532
|
Q.value = !1, L.value = "";
|
|
3524
3533
|
};
|
|
3525
|
-
return (
|
|
3526
|
-
const d = $("KButton"),
|
|
3527
|
-
return b(),
|
|
3534
|
+
return (R, S) => {
|
|
3535
|
+
const d = $("KButton"), y = $("KBadge"), Y = $("KTruncate"), le = $("KDropdownItem"), ue = $("KClipboardProvider");
|
|
3536
|
+
return b(), V("div", ar, [
|
|
3528
3537
|
c(s(Ma), {
|
|
3529
3538
|
"cache-identifier": e.cacheIdentifier,
|
|
3530
3539
|
"disable-pagination-page-jump": "",
|
|
3531
3540
|
"disable-sorting": H.value,
|
|
3532
3541
|
"empty-state-options": P.value,
|
|
3533
3542
|
"enable-entity-actions": "",
|
|
3534
|
-
"error-message":
|
|
3543
|
+
"error-message": O.value,
|
|
3535
3544
|
fetcher: s(k),
|
|
3536
|
-
"fetcher-cache-key":
|
|
3545
|
+
"fetcher-cache-key": v.value,
|
|
3537
3546
|
"pagination-type": "offset",
|
|
3538
3547
|
"preferences-storage-key": "kong-ui-entities-targets-list",
|
|
3539
3548
|
"table-headers": s(i),
|
|
3540
|
-
onEmptyStateCtaClicked: S[1] || (S[1] = () => t.config.createRoute ? void 0 :
|
|
3541
|
-
onSort:
|
|
3549
|
+
onEmptyStateCtaClicked: S[1] || (S[1] = () => t.config.createRoute ? void 0 : F()),
|
|
3550
|
+
onSort: a
|
|
3542
3551
|
}, {
|
|
3543
3552
|
"toolbar-button": n(() => [
|
|
3544
3553
|
c(s(fe), {
|
|
@@ -3550,10 +3559,10 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3550
3559
|
"data-testid": "toolbar-new-target",
|
|
3551
3560
|
icon: "plus",
|
|
3552
3561
|
to: t.config.createRoute ? t.config.createRoute : void 0,
|
|
3553
|
-
onClick: S[0] || (S[0] = () => t.config.createRoute ? void 0 :
|
|
3562
|
+
onClick: S[0] || (S[0] = () => t.config.createRoute ? void 0 : F())
|
|
3554
3563
|
}, {
|
|
3555
3564
|
default: n(() => [
|
|
3556
|
-
W(g(s(
|
|
3565
|
+
W(g(s(l)("targets.list.toolbar_actions.new_target")), 1)
|
|
3557
3566
|
]),
|
|
3558
3567
|
_: 1
|
|
3559
3568
|
}, 8, ["to"])
|
|
@@ -3562,12 +3571,12 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3562
3571
|
}, 8, ["auth-function"])
|
|
3563
3572
|
]),
|
|
3564
3573
|
target: n(({ rowValue: ee }) => [
|
|
3565
|
-
C("span",
|
|
3574
|
+
C("span", lr, g(ee), 1)
|
|
3566
3575
|
]),
|
|
3567
3576
|
tags: n(({ rowValue: ee }) => [
|
|
3568
3577
|
c(Y, null, {
|
|
3569
3578
|
default: n(() => [
|
|
3570
|
-
(b(!0),
|
|
3579
|
+
(b(!0), V(ie, null, de(ee, (oe) => (b(), E(y, {
|
|
3571
3580
|
key: oe,
|
|
3572
3581
|
"max-width": "auto"
|
|
3573
3582
|
}, {
|
|
@@ -3588,7 +3597,7 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3588
3597
|
onClick: (ge) => p(ee, oe)
|
|
3589
3598
|
}, {
|
|
3590
3599
|
default: n(() => [
|
|
3591
|
-
W(g(s(
|
|
3600
|
+
W(g(s(l)("targets.actions.copy_id")), 1)
|
|
3592
3601
|
]),
|
|
3593
3602
|
_: 2
|
|
3594
3603
|
}, 1032, ["onClick"])
|
|
@@ -3602,7 +3611,7 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3602
3611
|
onClick: (ge) => f(ee, oe)
|
|
3603
3612
|
}, {
|
|
3604
3613
|
default: n(() => [
|
|
3605
|
-
W(g(s(
|
|
3614
|
+
W(g(s(l)("targets.actions.copy_json")), 1)
|
|
3606
3615
|
]),
|
|
3607
3616
|
_: 2
|
|
3608
3617
|
}, 1032, ["onClick"])
|
|
@@ -3619,7 +3628,7 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3619
3628
|
onClick: (oe) => U(ee.id)
|
|
3620
3629
|
}, {
|
|
3621
3630
|
default: n(() => [
|
|
3622
|
-
W(g(s(
|
|
3631
|
+
W(g(s(l)("targets.actions.edit")), 1)
|
|
3623
3632
|
]),
|
|
3624
3633
|
_: 2
|
|
3625
3634
|
}, 1032, ["onClick"])
|
|
@@ -3635,7 +3644,7 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3635
3644
|
onClick: (oe) => r("health-actions:healthy", ee)
|
|
3636
3645
|
}, {
|
|
3637
3646
|
default: n(() => [
|
|
3638
|
-
W(g(s(
|
|
3647
|
+
W(g(s(l)("targets.actions.mark_healthy")), 1)
|
|
3639
3648
|
]),
|
|
3640
3649
|
_: 2
|
|
3641
3650
|
}, 1032, ["onClick"])
|
|
@@ -3651,7 +3660,7 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3651
3660
|
onClick: (oe) => r("health-actions:unhealthy", ee)
|
|
3652
3661
|
}, {
|
|
3653
3662
|
default: n(() => [
|
|
3654
|
-
W(g(s(
|
|
3663
|
+
W(g(s(l)("targets.actions.mark_unhealthy")), 1)
|
|
3655
3664
|
]),
|
|
3656
3665
|
_: 2
|
|
3657
3666
|
}, 1032, ["onClick"])
|
|
@@ -3669,7 +3678,7 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3669
3678
|
onClick: (oe) => A(ee)
|
|
3670
3679
|
}, {
|
|
3671
3680
|
default: n(() => [
|
|
3672
|
-
W(g(s(
|
|
3681
|
+
W(g(s(l)("targets.actions.delete")), 1)
|
|
3673
3682
|
]),
|
|
3674
3683
|
_: 2
|
|
3675
3684
|
}, 1032, ["onClick"])
|
|
@@ -3680,27 +3689,27 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3680
3689
|
_: 1
|
|
3681
3690
|
}, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "table-headers"]),
|
|
3682
3691
|
c(s(Na), {
|
|
3683
|
-
"action-pending":
|
|
3684
|
-
description: s(
|
|
3685
|
-
"entity-type": s(
|
|
3686
|
-
error:
|
|
3692
|
+
"action-pending": w.value,
|
|
3693
|
+
description: s(l)("targets.delete.description"),
|
|
3694
|
+
"entity-type": s(Ze).Target,
|
|
3695
|
+
error: I.value,
|
|
3687
3696
|
"need-confirm": !1,
|
|
3688
|
-
title: s(
|
|
3697
|
+
title: s(l)("targets.delete.title"),
|
|
3689
3698
|
visible: m.value,
|
|
3690
3699
|
onCancel: _,
|
|
3691
3700
|
onProceed: B
|
|
3692
3701
|
}, null, 8, ["action-pending", "description", "entity-type", "error", "title", "visible"]),
|
|
3693
|
-
c(
|
|
3702
|
+
c(tr, {
|
|
3694
3703
|
config: J.value,
|
|
3695
3704
|
"is-visible": Q.value,
|
|
3696
3705
|
"target-id": L.value,
|
|
3697
3706
|
onCancel: z,
|
|
3698
3707
|
onUpdate: Z
|
|
3699
|
-
},
|
|
3700
|
-
|
|
3708
|
+
}, we({ _: 2 }, [
|
|
3709
|
+
R.$slots["form-info"] ? {
|
|
3701
3710
|
name: "info",
|
|
3702
3711
|
fn: n(() => [
|
|
3703
|
-
se(
|
|
3712
|
+
se(R.$slots, "form-info", {}, void 0, !0)
|
|
3704
3713
|
]),
|
|
3705
3714
|
key: "0"
|
|
3706
3715
|
} : void 0
|
|
@@ -3709,7 +3718,7 @@ const ar = /* @__PURE__ */ ye(tr, [["__scopeId", "data-v-77134304"]]), lr = { cl
|
|
|
3709
3718
|
};
|
|
3710
3719
|
}
|
|
3711
3720
|
});
|
|
3712
|
-
const
|
|
3721
|
+
const Qr = /* @__PURE__ */ ve(sr, [["__scopeId", "data-v-aba40390"]]), rr = { key: 1 }, or = /* @__PURE__ */ ae({
|
|
3713
3722
|
__name: "UpstreamsFormGeneralInfo",
|
|
3714
3723
|
props: {
|
|
3715
3724
|
config: {
|
|
@@ -3741,40 +3750,40 @@ const Wr = /* @__PURE__ */ ye(rr, [["__scopeId", "data-v-aba40390"]]), or = { ke
|
|
|
3741
3750
|
emits: ["update:name", "update:host-header", "update:client-certificate", "update:tags"],
|
|
3742
3751
|
setup(e, { emit: r }) {
|
|
3743
3752
|
var _, B, P, J;
|
|
3744
|
-
const t = e, { i18nT:
|
|
3745
|
-
debouncedQueryChange:
|
|
3753
|
+
const t = e, { i18nT: l, i18n: { t: u } } = me.useI18n(), {
|
|
3754
|
+
debouncedQueryChange: v,
|
|
3746
3755
|
loading: H,
|
|
3747
|
-
loadItems:
|
|
3756
|
+
loadItems: q,
|
|
3748
3757
|
results: i,
|
|
3749
3758
|
allRecords: o
|
|
3750
|
-
} = Ia(t.config, (B =
|
|
3759
|
+
} = Ia(t.config, (B = Ie.form[(_ = t.config) == null ? void 0 : _.app]) == null ? void 0 : B.getServices, "", {
|
|
3751
3760
|
fetchedItemsKey: "data",
|
|
3752
3761
|
searchKeys: ["host"]
|
|
3753
3762
|
}), {
|
|
3754
3763
|
debouncedQueryChange: k,
|
|
3755
3764
|
loading: h,
|
|
3756
|
-
loadItems:
|
|
3757
|
-
results:
|
|
3758
|
-
} = Ia(t.config, (J =
|
|
3765
|
+
loadItems: a,
|
|
3766
|
+
results: O
|
|
3767
|
+
} = Ia(t.config, (J = Ie.form[(P = t.config) == null ? void 0 : P.app]) == null ? void 0 : J.getCertificates), F = M(""), p = T(() => {
|
|
3759
3768
|
var L;
|
|
3760
3769
|
return !!t.name && !((L = o.value) != null && L.some((Q) => Q.host === t.name));
|
|
3761
3770
|
}), f = T(() => {
|
|
3762
|
-
var Q, Z,
|
|
3763
|
-
const L = p.value && t.name.includes((Q =
|
|
3764
|
-
return (
|
|
3771
|
+
var Q, Z, N;
|
|
3772
|
+
const L = p.value && t.name.includes((Q = F.value) == null ? void 0 : Q.toLowerCase());
|
|
3773
|
+
return (N = i.value) == null ? void 0 : N.map((z) => ({ label: z.host, value: z.id })).concat(
|
|
3765
3774
|
L ? [{ label: t.name, value: ((Z = K.value) == null ? void 0 : Z.value) || t.name }] : []
|
|
3766
3775
|
);
|
|
3767
3776
|
}), U = T(() => {
|
|
3768
3777
|
var L;
|
|
3769
|
-
return (L =
|
|
3778
|
+
return (L = O.value) == null ? void 0 : L.map((Q) => ({ label: Q.id, value: Q.id }));
|
|
3770
3779
|
}), x = M(""), K = M({ value: "", label: "" }), D = T(() => {
|
|
3771
3780
|
var L, Q;
|
|
3772
3781
|
return ((L = f.value.find((Z) => Z.value === x.value)) == null ? void 0 : L.label) || ((Q = K.value) == null ? void 0 : Q.label);
|
|
3773
3782
|
}), m = (L) => {
|
|
3774
|
-
|
|
3775
|
-
},
|
|
3783
|
+
F.value = L, v(L);
|
|
3784
|
+
}, w = (L) => {
|
|
3776
3785
|
K.value = L;
|
|
3777
|
-
},
|
|
3786
|
+
}, I = () => {
|
|
3778
3787
|
K.value = { value: "", label: "" };
|
|
3779
3788
|
}, j = (L) => {
|
|
3780
3789
|
x.value = L, r("update:name", D.value);
|
|
@@ -3782,23 +3791,23 @@ const Wr = /* @__PURE__ */ ye(rr, [["__scopeId", "data-v-aba40390"]]), or = { ke
|
|
|
3782
3791
|
return Te(async () => {
|
|
3783
3792
|
var L, Q;
|
|
3784
3793
|
try {
|
|
3785
|
-
A.value = !0, await
|
|
3794
|
+
A.value = !0, await q(), t.name && (x.value = ((Q = (L = f.value.find((Z) => Z.label === t.name)) == null ? void 0 : L.value) == null ? void 0 : Q.toString()) || t.name), await a();
|
|
3786
3795
|
} finally {
|
|
3787
3796
|
A.value = !1;
|
|
3788
3797
|
}
|
|
3789
3798
|
}), (L, Q) => {
|
|
3790
|
-
const Z = $("KSkeleton"),
|
|
3791
|
-
return b(),
|
|
3799
|
+
const Z = $("KSkeleton"), N = $("KSelect"), z = $("KInput");
|
|
3800
|
+
return b(), E(s(qe), {
|
|
3792
3801
|
class: "kong-ui-entities-upstreams-general-info",
|
|
3793
3802
|
description: s(u)("upstreams.form.general_info.help"),
|
|
3794
3803
|
title: s(u)("upstreams.form.general_info.title")
|
|
3795
3804
|
}, {
|
|
3796
3805
|
default: n(() => [
|
|
3797
|
-
A.value ? (b(),
|
|
3806
|
+
A.value ? (b(), E(Z, {
|
|
3798
3807
|
key: 0,
|
|
3799
3808
|
type: "form"
|
|
3800
|
-
})) : (b(),
|
|
3801
|
-
c(
|
|
3809
|
+
})) : (b(), V("div", rr, [
|
|
3810
|
+
c(N, {
|
|
3802
3811
|
appearance: "select",
|
|
3803
3812
|
autosuggest: "",
|
|
3804
3813
|
class: "name-select margin-bottom-6",
|
|
@@ -3815,13 +3824,13 @@ const Wr = /* @__PURE__ */ ye(rr, [["__scopeId", "data-v-aba40390"]]), or = { ke
|
|
|
3815
3824
|
readonly: e.readonly,
|
|
3816
3825
|
required: "",
|
|
3817
3826
|
width: "100%",
|
|
3818
|
-
"onItem:added":
|
|
3819
|
-
"onItem:removed":
|
|
3827
|
+
"onItem:added": w,
|
|
3828
|
+
"onItem:removed": I,
|
|
3820
3829
|
onQueryChange: m,
|
|
3821
3830
|
"onUpdate:modelValue": j
|
|
3822
3831
|
}, {
|
|
3823
3832
|
"label-tooltip": n(() => [
|
|
3824
|
-
c(s(
|
|
3833
|
+
c(s(l), {
|
|
3825
3834
|
keypath: "upstreams.form.fields.name.tooltip",
|
|
3826
3835
|
scope: "global"
|
|
3827
3836
|
}, {
|
|
@@ -3843,7 +3852,7 @@ const Wr = /* @__PURE__ */ ye(rr, [["__scopeId", "data-v-aba40390"]]), or = { ke
|
|
|
3843
3852
|
type: "text",
|
|
3844
3853
|
"onUpdate:modelValue": Q[0] || (Q[0] = (X) => r("update:host-header", X))
|
|
3845
3854
|
}, null, 8, ["label", "model-value", "readonly"]),
|
|
3846
|
-
c(
|
|
3855
|
+
c(N, {
|
|
3847
3856
|
appearance: "select",
|
|
3848
3857
|
autosuggest: "",
|
|
3849
3858
|
class: "certificate-select margin-bottom-6",
|
|
@@ -3880,10 +3889,10 @@ const Wr = /* @__PURE__ */ ye(rr, [["__scopeId", "data-v-aba40390"]]), or = { ke
|
|
|
3880
3889
|
};
|
|
3881
3890
|
}
|
|
3882
3891
|
});
|
|
3883
|
-
const
|
|
3892
|
+
const ir = /* @__PURE__ */ ve(or, [["__scopeId", "data-v-02065a3d"]]), Ne = {
|
|
3884
3893
|
upstreamObject: "https://docs.konghq.com/gateway/latest/admin-api/#upstream-object",
|
|
3885
3894
|
loadBalancing: "https://docs.konghq.com/gateway/latest/how-kong-works/load-balancing/#main"
|
|
3886
|
-
},
|
|
3895
|
+
}, nr = { class: "fields-group-title" }, ur = { class: "fields-group-text" }, cr = { class: "fields-group-title" }, dr = { class: "fields-group-text" }, hr = /* @__PURE__ */ ae({
|
|
3887
3896
|
__name: "UpstreamsFormLoadBalancing",
|
|
3888
3897
|
props: {
|
|
3889
3898
|
algorithm: {
|
|
@@ -3942,7 +3951,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
3942
3951
|
},
|
|
3943
3952
|
emits: ["update:algorithm", "update:slots", "update:hash-on", "update:hash-fallback", "update:hash-on-header", "update:hash-on-cookie", "update:hash-on-cookie-path", "update:hash-on-query-argument", "update:hash-on-uri-capture", "update:hash-fallback-header", "update:hash-fallback-query-argument", "update:hash-fallback-uri-capture"],
|
|
3944
3953
|
setup(e, { emit: r }) {
|
|
3945
|
-
const t = e, { i18nT:
|
|
3954
|
+
const t = e, { i18nT: l, i18n: { t: u } } = me.useI18n(), { inRange: v } = Me(), H = M([
|
|
3946
3955
|
{
|
|
3947
3956
|
label: u("upstreams.form.algorithms.round_robin_label"),
|
|
3948
3957
|
value: "round-robin",
|
|
@@ -3963,7 +3972,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
3963
3972
|
value: "latency",
|
|
3964
3973
|
selected: !1
|
|
3965
3974
|
}
|
|
3966
|
-
]),
|
|
3975
|
+
]), q = M([
|
|
3967
3976
|
{
|
|
3968
3977
|
label: u("upstreams.form.hash_labels.none"),
|
|
3969
3978
|
value: "none",
|
|
@@ -4010,19 +4019,19 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4010
4019
|
}), ce(() => t.hashFallback, (k, h) => {
|
|
4011
4020
|
h === "header" && k !== h && r("update:hash-fallback-header", ""), h === "cookie" && k !== h && (r("update:hash-on-cookie", ""), r("update:hash-on-cookie-path", "/")), h === "query_arg" && k !== h && r("update:hash-fallback-query-argument", ""), h === "uri_capture" && k !== h && r("update:hash-fallback-uri-capture", "");
|
|
4012
4021
|
});
|
|
4013
|
-
const i = T(() => t.hashOn === "cookie" || t.hashOn === "none"), o = T(() => t.slots ?
|
|
4022
|
+
const i = T(() => t.hashOn === "cookie" || t.hashOn === "none"), o = T(() => t.slots ? v(t.slots, Le, De) ? "" : u("upstreams.form.errors.in_range") : "");
|
|
4014
4023
|
return (k, h) => {
|
|
4015
|
-
const
|
|
4016
|
-
return b(),
|
|
4024
|
+
const a = $("KExternalLink"), O = $("KSelect"), F = $("KInput"), p = $("KCard");
|
|
4025
|
+
return b(), E(s(qe), {
|
|
4017
4026
|
class: "kong-ui-entities-upstreams-load-balancing",
|
|
4018
4027
|
title: s(u)("upstreams.form.load_balancing.title")
|
|
4019
4028
|
}, {
|
|
4020
4029
|
description: n(() => [
|
|
4021
4030
|
C("p", null, [
|
|
4022
4031
|
W(g(s(u)("upstreams.form.load_balancing.help")) + " ", 1),
|
|
4023
|
-
c(
|
|
4032
|
+
c(a, {
|
|
4024
4033
|
"hide-icon": "",
|
|
4025
|
-
href: s(
|
|
4034
|
+
href: s(Ne).upstreamObject
|
|
4026
4035
|
}, {
|
|
4027
4036
|
default: n(() => [
|
|
4028
4037
|
W(g(s(u)("upstreams.form.buttons.view_documentation")), 1)
|
|
@@ -4032,7 +4041,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4032
4041
|
])
|
|
4033
4042
|
]),
|
|
4034
4043
|
default: n(() => [
|
|
4035
|
-
c(
|
|
4044
|
+
c(O, {
|
|
4036
4045
|
appearance: "select",
|
|
4037
4046
|
class: "algorithm-select",
|
|
4038
4047
|
items: H.value,
|
|
@@ -4042,15 +4051,15 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4042
4051
|
width: "100%",
|
|
4043
4052
|
"onUpdate:modelValue": h[0] || (h[0] = (f) => r("update:algorithm", f))
|
|
4044
4053
|
}, null, 8, ["items", "label", "model-value", "readonly"]),
|
|
4045
|
-
c(
|
|
4054
|
+
c(F, {
|
|
4046
4055
|
autocomplete: "off",
|
|
4047
4056
|
"data-testid": "upstreams-form-slots",
|
|
4048
4057
|
"error-message": o.value,
|
|
4049
4058
|
"has-error": !!o.value,
|
|
4050
4059
|
help: s(u)("upstreams.form.fields.slots.help"),
|
|
4051
4060
|
label: s(u)("upstreams.form.fields.slots.label"),
|
|
4052
|
-
max: s(
|
|
4053
|
-
min: s(
|
|
4061
|
+
max: s(De),
|
|
4062
|
+
min: s(Le),
|
|
4054
4063
|
"model-value": e.slots,
|
|
4055
4064
|
readonly: e.readonly,
|
|
4056
4065
|
type: "number",
|
|
@@ -4058,19 +4067,19 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4058
4067
|
}, null, 8, ["error-message", "has-error", "help", "label", "max", "min", "model-value", "readonly"]),
|
|
4059
4068
|
c(p, null, {
|
|
4060
4069
|
body: n(() => [
|
|
4061
|
-
C("h5",
|
|
4062
|
-
C("p",
|
|
4063
|
-
c(
|
|
4070
|
+
C("h5", nr, g(s(u)("upstreams.form.fields.hash_on.label")), 1),
|
|
4071
|
+
C("p", ur, g(s(u)("upstreams.form.fields.hash_on.help")), 1),
|
|
4072
|
+
c(O, {
|
|
4064
4073
|
appearance: "select",
|
|
4065
4074
|
class: "hash-on-select",
|
|
4066
|
-
items:
|
|
4075
|
+
items: q.value,
|
|
4067
4076
|
label: s(u)("upstreams.form.fields.hash_on.label"),
|
|
4068
4077
|
"model-value": e.hashOn,
|
|
4069
4078
|
readonly: e.readonly,
|
|
4070
4079
|
width: "100%",
|
|
4071
4080
|
"onUpdate:modelValue": h[2] || (h[2] = (f) => r("update:hash-on", f))
|
|
4072
4081
|
}, null, 8, ["items", "label", "model-value", "readonly"]),
|
|
4073
|
-
e.hashOn === "header" ? (b(),
|
|
4082
|
+
e.hashOn === "header" ? (b(), E(F, {
|
|
4074
4083
|
key: 0,
|
|
4075
4084
|
autocomplete: "off",
|
|
4076
4085
|
class: "margin-top-6",
|
|
@@ -4082,8 +4091,8 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4082
4091
|
type: "text",
|
|
4083
4092
|
"onUpdate:modelValue": h[3] || (h[3] = (f) => r("update:hash-on-header", f))
|
|
4084
4093
|
}, null, 8, ["label", "model-value", "readonly"])) : G("", !0),
|
|
4085
|
-
e.hashOn === "cookie" ? (b(),
|
|
4086
|
-
c(
|
|
4094
|
+
e.hashOn === "cookie" ? (b(), V(ie, { key: 1 }, [
|
|
4095
|
+
c(F, {
|
|
4087
4096
|
autocomplete: "off",
|
|
4088
4097
|
class: "margin-top-6",
|
|
4089
4098
|
"data-testid": "upstreams-form-hash-on-cookie",
|
|
@@ -4094,7 +4103,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4094
4103
|
type: "text",
|
|
4095
4104
|
"onUpdate:modelValue": h[4] || (h[4] = (f) => r("update:hash-on-cookie", f))
|
|
4096
4105
|
}, null, 8, ["label", "model-value", "readonly"]),
|
|
4097
|
-
c(
|
|
4106
|
+
c(F, {
|
|
4098
4107
|
autocomplete: "off",
|
|
4099
4108
|
class: "margin-top-6",
|
|
4100
4109
|
"data-testid": "upstreams-form-hash-on-cookie-path",
|
|
@@ -4106,7 +4115,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4106
4115
|
"onUpdate:modelValue": h[5] || (h[5] = (f) => r("update:hash-on-cookie-path", f))
|
|
4107
4116
|
}, null, 8, ["label", "model-value", "readonly"])
|
|
4108
4117
|
], 64)) : G("", !0),
|
|
4109
|
-
e.hashOn === "query_arg" ? (b(),
|
|
4118
|
+
e.hashOn === "query_arg" ? (b(), E(F, {
|
|
4110
4119
|
key: 2,
|
|
4111
4120
|
autocomplete: "off",
|
|
4112
4121
|
class: "margin-top-6",
|
|
@@ -4118,7 +4127,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4118
4127
|
type: "text",
|
|
4119
4128
|
"onUpdate:modelValue": h[6] || (h[6] = (f) => r("update:hash-on-query-argument", f))
|
|
4120
4129
|
}, null, 8, ["label", "model-value", "readonly"])) : G("", !0),
|
|
4121
|
-
e.hashOn === "uri_capture" ? (b(),
|
|
4130
|
+
e.hashOn === "uri_capture" ? (b(), E(F, {
|
|
4122
4131
|
key: 3,
|
|
4123
4132
|
autocomplete: "off",
|
|
4124
4133
|
class: "margin-top-6",
|
|
@@ -4135,13 +4144,13 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4135
4144
|
}),
|
|
4136
4145
|
c(p, null, {
|
|
4137
4146
|
body: n(() => [
|
|
4138
|
-
C("h5",
|
|
4139
|
-
C("p",
|
|
4140
|
-
c(
|
|
4147
|
+
C("h5", cr, g(s(u)("upstreams.form.fields.hash_fallback.label")), 1),
|
|
4148
|
+
C("p", dr, g(s(u)("upstreams.form.fields.hash_fallback.help")), 1),
|
|
4149
|
+
c(O, {
|
|
4141
4150
|
appearance: "select",
|
|
4142
4151
|
class: "hash-fallback-select",
|
|
4143
4152
|
disabled: i.value,
|
|
4144
|
-
items:
|
|
4153
|
+
items: q.value,
|
|
4145
4154
|
label: s(u)("upstreams.form.fields.hash_fallback.label"),
|
|
4146
4155
|
"label-attributes": { tooltipAttributes: { "max-width": "250px" } },
|
|
4147
4156
|
"model-value": e.hashFallback,
|
|
@@ -4150,7 +4159,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4150
4159
|
"onUpdate:modelValue": h[8] || (h[8] = (f) => r("update:hash-fallback", f))
|
|
4151
4160
|
}, {
|
|
4152
4161
|
"label-tooltip": n(() => [
|
|
4153
|
-
c(s(
|
|
4162
|
+
c(s(l), {
|
|
4154
4163
|
keypath: "upstreams.form.fields.hash_fallback.tooltip",
|
|
4155
4164
|
scope: "global"
|
|
4156
4165
|
}, {
|
|
@@ -4165,7 +4174,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4165
4174
|
]),
|
|
4166
4175
|
_: 1
|
|
4167
4176
|
}, 8, ["disabled", "items", "label", "model-value", "readonly"]),
|
|
4168
|
-
e.hashFallback === "header" ? (b(),
|
|
4177
|
+
e.hashFallback === "header" ? (b(), E(F, {
|
|
4169
4178
|
key: 0,
|
|
4170
4179
|
autocomplete: "off",
|
|
4171
4180
|
class: "margin-top-6",
|
|
@@ -4177,8 +4186,8 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4177
4186
|
type: "text",
|
|
4178
4187
|
"onUpdate:modelValue": h[9] || (h[9] = (f) => r("update:hash-fallback-header", f))
|
|
4179
4188
|
}, null, 8, ["label", "model-value", "readonly"])) : G("", !0),
|
|
4180
|
-
e.hashFallback === "cookie" ? (b(),
|
|
4181
|
-
c(
|
|
4189
|
+
e.hashFallback === "cookie" ? (b(), V(ie, { key: 1 }, [
|
|
4190
|
+
c(F, {
|
|
4182
4191
|
autocomplete: "off",
|
|
4183
4192
|
class: "margin-top-6",
|
|
4184
4193
|
"data-testid": "upstreams-form-hash-on-cookie",
|
|
@@ -4189,7 +4198,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4189
4198
|
type: "text",
|
|
4190
4199
|
"onUpdate:modelValue": h[10] || (h[10] = (f) => r("update:hash-on-cookie", f))
|
|
4191
4200
|
}, null, 8, ["label", "model-value", "readonly"]),
|
|
4192
|
-
c(
|
|
4201
|
+
c(F, {
|
|
4193
4202
|
autocomplete: "off",
|
|
4194
4203
|
class: "margin-top-6",
|
|
4195
4204
|
"data-testid": "upstreams-form-hash-on-cookie-path",
|
|
@@ -4201,7 +4210,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4201
4210
|
"onUpdate:modelValue": h[11] || (h[11] = (f) => r("update:hash-on-cookie-path", f))
|
|
4202
4211
|
}, null, 8, ["label", "model-value", "readonly"])
|
|
4203
4212
|
], 64)) : G("", !0),
|
|
4204
|
-
e.hashFallback === "query_arg" ? (b(),
|
|
4213
|
+
e.hashFallback === "query_arg" ? (b(), E(F, {
|
|
4205
4214
|
key: 2,
|
|
4206
4215
|
autocomplete: "off",
|
|
4207
4216
|
class: "margin-top-6",
|
|
@@ -4213,7 +4222,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4213
4222
|
type: "text",
|
|
4214
4223
|
"onUpdate:modelValue": h[12] || (h[12] = (f) => r("update:hash-fallback-query-argument", f))
|
|
4215
4224
|
}, null, 8, ["label", "model-value", "readonly"])) : G("", !0),
|
|
4216
|
-
e.hashFallback === "uri_capture" ? (b(),
|
|
4225
|
+
e.hashFallback === "uri_capture" ? (b(), E(F, {
|
|
4217
4226
|
key: 3,
|
|
4218
4227
|
autocomplete: "off",
|
|
4219
4228
|
class: "margin-top-6",
|
|
@@ -4234,7 +4243,7 @@ const nr = /* @__PURE__ */ ye(ir, [["__scopeId", "data-v-02065a3d"]]), Me = {
|
|
|
4234
4243
|
};
|
|
4235
4244
|
}
|
|
4236
4245
|
});
|
|
4237
|
-
const
|
|
4246
|
+
const pr = /* @__PURE__ */ ve(hr, [["__scopeId", "data-v-522adce0"]]), fr = { class: "fields-group-title" }, mr = { class: "fields-group-text" }, vr = { class: "fields-group-title" }, yr = { class: "fields-group-text" }, gr = /* @__PURE__ */ ae({
|
|
4238
4247
|
__name: "UpstreamsFormHealthChecks",
|
|
4239
4248
|
props: {
|
|
4240
4249
|
activeHealthSwitch: {
|
|
@@ -4258,18 +4267,18 @@ const fr = /* @__PURE__ */ ye(pr, [["__scopeId", "data-v-522adce0"]]), mr = { cl
|
|
|
4258
4267
|
emits: ["update:active-health-switch", "update:passive-health-switch", "update:healthchecks-threshold"],
|
|
4259
4268
|
setup(e, { emit: r }) {
|
|
4260
4269
|
const { i18n: { t } } = me.useI18n();
|
|
4261
|
-
return (
|
|
4262
|
-
const
|
|
4263
|
-
return b(),
|
|
4270
|
+
return (l, u) => {
|
|
4271
|
+
const v = $("KExternalLink"), H = $("KInputSwitch"), q = $("KCard"), i = $("KInput");
|
|
4272
|
+
return b(), E(s(qe), {
|
|
4264
4273
|
class: "kong-ui-entities-upstreams-healthchecks",
|
|
4265
4274
|
title: s(t)("upstreams.form.health_check.title")
|
|
4266
4275
|
}, {
|
|
4267
4276
|
description: n(() => [
|
|
4268
4277
|
C("p", null, [
|
|
4269
4278
|
W(g(s(t)("upstreams.form.health_check.help")) + " ", 1),
|
|
4270
|
-
c(
|
|
4279
|
+
c(v, {
|
|
4271
4280
|
"hide-icon": "",
|
|
4272
|
-
href: s(
|
|
4281
|
+
href: s(Ne).loadBalancing
|
|
4273
4282
|
}, {
|
|
4274
4283
|
default: n(() => [
|
|
4275
4284
|
W(g(s(t)("upstreams.form.buttons.view_documentation")), 1)
|
|
@@ -4279,10 +4288,10 @@ const fr = /* @__PURE__ */ ye(pr, [["__scopeId", "data-v-522adce0"]]), mr = { cl
|
|
|
4279
4288
|
])
|
|
4280
4289
|
]),
|
|
4281
4290
|
default: n(() => [
|
|
4282
|
-
c(
|
|
4291
|
+
c(q, null, {
|
|
4283
4292
|
body: n(() => [
|
|
4284
|
-
C("h5",
|
|
4285
|
-
C("p",
|
|
4293
|
+
C("h5", fr, g(s(t)("upstreams.form.fields.active_health_checks.label")), 1),
|
|
4294
|
+
C("p", mr, g(s(t)("upstreams.form.fields.active_health_checks.help")), 1),
|
|
4286
4295
|
c(H, {
|
|
4287
4296
|
class: "active-health-switch",
|
|
4288
4297
|
"data-testid": "active-health-switch",
|
|
@@ -4293,10 +4302,10 @@ const fr = /* @__PURE__ */ ye(pr, [["__scopeId", "data-v-522adce0"]]), mr = { cl
|
|
|
4293
4302
|
]),
|
|
4294
4303
|
_: 1
|
|
4295
4304
|
}),
|
|
4296
|
-
c(
|
|
4305
|
+
c(q, null, {
|
|
4297
4306
|
body: n(() => [
|
|
4298
4307
|
C("h5", vr, g(s(t)("upstreams.form.fields.passive_health_checks.label")), 1),
|
|
4299
|
-
C("p",
|
|
4308
|
+
C("p", yr, g(s(t)("upstreams.form.fields.passive_health_checks.help")), 1),
|
|
4300
4309
|
c(H, {
|
|
4301
4310
|
class: "passive-health-switch",
|
|
4302
4311
|
"data-testid": "passive-health-switch",
|
|
@@ -4311,8 +4320,8 @@ const fr = /* @__PURE__ */ ye(pr, [["__scopeId", "data-v-522adce0"]]), mr = { cl
|
|
|
4311
4320
|
autocomplete: "off",
|
|
4312
4321
|
"data-testid": "upstreams-form-healthchecks-threshold",
|
|
4313
4322
|
label: s(t)("upstreams.form.fields.healthchecks_threshold.label"),
|
|
4314
|
-
max: s(
|
|
4315
|
-
min: s(
|
|
4323
|
+
max: s(js),
|
|
4324
|
+
min: s(Rs),
|
|
4316
4325
|
"model-value": e.healthchecksThreshold,
|
|
4317
4326
|
readonly: e.readonly,
|
|
4318
4327
|
type: "number",
|
|
@@ -4324,7 +4333,7 @@ const fr = /* @__PURE__ */ ye(pr, [["__scopeId", "data-v-522adce0"]]), mr = { cl
|
|
|
4324
4333
|
};
|
|
4325
4334
|
}
|
|
4326
4335
|
});
|
|
4327
|
-
const
|
|
4336
|
+
const br = /* @__PURE__ */ ve(gr, [["__scopeId", "data-v-7fda4841"]]), kr = { key: 2 }, _r = { class: "fields-group-title" }, Cr = { class: "fields-group-text" }, Sr = { class: "fields-group-title" }, Hr = { class: "fields-group-text" }, wr = /* @__PURE__ */ ae({
|
|
4328
4337
|
__name: "UpstreamsFormActiveHealthCheck",
|
|
4329
4338
|
props: {
|
|
4330
4339
|
config: {
|
|
@@ -4399,69 +4408,69 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4399
4408
|
},
|
|
4400
4409
|
emits: ["update:type", "update:http-path", "update:timeout", "update:concurrency", "update:https-sni", "update:verify-ssl", "update:headers", "update:interval", "update:successes", "update:http-statuses", "update:unhealthy-interval", "update:http-failures", "update:tcp-failures", "update:unhealthy-http-statuses", "update:unhealthy-timeouts"],
|
|
4401
4410
|
setup(e, { emit: r }) {
|
|
4402
|
-
const t = e, { i18n: { t:
|
|
4411
|
+
const t = e, { i18n: { t: l } } = me.useI18n(), { objectsAreEqual: u } = Me(), v = M([
|
|
4403
4412
|
{
|
|
4404
|
-
label:
|
|
4413
|
+
label: l("upstreams.form.healthcheck_type_labels.http"),
|
|
4405
4414
|
value: "http",
|
|
4406
4415
|
selected: !1
|
|
4407
4416
|
},
|
|
4408
4417
|
{
|
|
4409
|
-
label:
|
|
4418
|
+
label: l("upstreams.form.healthcheck_type_labels.https"),
|
|
4410
4419
|
value: "https",
|
|
4411
4420
|
selected: !1
|
|
4412
4421
|
},
|
|
4413
4422
|
{
|
|
4414
|
-
label:
|
|
4423
|
+
label: l("upstreams.form.healthcheck_type_labels.tcp"),
|
|
4415
4424
|
value: "tcp",
|
|
4416
4425
|
selected: !1
|
|
4417
4426
|
},
|
|
4418
4427
|
{
|
|
4419
|
-
label:
|
|
4428
|
+
label: l("upstreams.form.healthcheck_type_labels.grsp"),
|
|
4420
4429
|
value: "grpc",
|
|
4421
4430
|
selected: !1
|
|
4422
4431
|
},
|
|
4423
4432
|
{
|
|
4424
|
-
label:
|
|
4433
|
+
label: l("upstreams.form.healthcheck_type_labels.grsps"),
|
|
4425
4434
|
value: "grpcs",
|
|
4426
4435
|
selected: !1
|
|
4427
4436
|
}
|
|
4428
|
-
]), H = T(() => t.type === "https" || t.type === "grpcs"),
|
|
4437
|
+
]), H = T(() => t.type === "https" || t.type === "grpcs"), q = T(() => t.type === "tcp"), {
|
|
4429
4438
|
trackNewItems: i
|
|
4430
4439
|
} = Ue({ replaceId: !0 }), {
|
|
4431
4440
|
trackNewItems: o
|
|
4432
4441
|
} = Ue({ replaceId: !0 });
|
|
4433
|
-
ce(() => t.type, (
|
|
4434
|
-
p === "tcp" &&
|
|
4442
|
+
ce(() => t.type, (F, p) => {
|
|
4443
|
+
p === "tcp" && F !== p && r("update:tcp-failures", "5"), (p === "https" || p === "grpcs") && F !== p && (r("update:https-sni", ""), r("update:verify-ssl", !1)), p !== "tcp" && F === "tcp" && (r("update:http-path", "/"), r("update:http-statuses", Je), r("update:unhealthy-http-statuses", We));
|
|
4435
4444
|
});
|
|
4436
4445
|
const k = M([{ key: "", values: "" }]);
|
|
4437
|
-
ce(() => t.headers, (
|
|
4438
|
-
u(k.value,
|
|
4446
|
+
ce(() => t.headers, (F) => {
|
|
4447
|
+
u(k.value, F) || (k.value = [...F]);
|
|
4439
4448
|
}, {
|
|
4440
4449
|
immediate: !0,
|
|
4441
4450
|
deep: !0
|
|
4442
4451
|
});
|
|
4443
4452
|
const h = () => {
|
|
4444
4453
|
r("update:headers", k.value);
|
|
4445
|
-
},
|
|
4454
|
+
}, a = () => {
|
|
4446
4455
|
k.value.push({ key: "", values: "" }), h();
|
|
4447
|
-
},
|
|
4448
|
-
|
|
4456
|
+
}, O = (F) => {
|
|
4457
|
+
F === 0 && k.value.length === 1 ? k.value[0] = { key: "", values: "" } : k.value.splice(F, 1), h();
|
|
4449
4458
|
};
|
|
4450
|
-
return (
|
|
4451
|
-
const f = $("KExternalLink"), U = $("KSelect"), x = $("KInput"), K = $("KCheckbox"), D = $("KLabel"), m = $("KIcon"),
|
|
4452
|
-
return b(),
|
|
4459
|
+
return (F, p) => {
|
|
4460
|
+
const f = $("KExternalLink"), U = $("KSelect"), x = $("KInput"), K = $("KCheckbox"), D = $("KLabel"), m = $("KIcon"), w = $("KButton"), I = $("KMultiselect"), j = $("KCard");
|
|
4461
|
+
return b(), E(s(qe), {
|
|
4453
4462
|
class: "kong-ui-entities-upstreams-active-healthcheck",
|
|
4454
|
-
title: s(
|
|
4463
|
+
title: s(l)("upstreams.form.active_health_check.title")
|
|
4455
4464
|
}, {
|
|
4456
4465
|
description: n(() => [
|
|
4457
4466
|
C("p", null, [
|
|
4458
|
-
W(g(s(
|
|
4467
|
+
W(g(s(l)("upstreams.form.active_health_check.help")) + " ", 1),
|
|
4459
4468
|
c(f, {
|
|
4460
4469
|
"hide-icon": "",
|
|
4461
|
-
href: s(
|
|
4470
|
+
href: s(Ne).upstreamObject
|
|
4462
4471
|
}, {
|
|
4463
4472
|
default: n(() => [
|
|
4464
|
-
W(g(s(
|
|
4473
|
+
W(g(s(l)("upstreams.form.buttons.view_documentation")), 1)
|
|
4465
4474
|
]),
|
|
4466
4475
|
_: 1
|
|
4467
4476
|
}, 8, ["href"])
|
|
@@ -4473,18 +4482,18 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4473
4482
|
c(U, {
|
|
4474
4483
|
appearance: "select",
|
|
4475
4484
|
class: "active-healthcheck-type-select",
|
|
4476
|
-
items:
|
|
4477
|
-
label: s(
|
|
4485
|
+
items: v.value,
|
|
4486
|
+
label: s(l)("upstreams.form.fields.active_healthcheck_type.label"),
|
|
4478
4487
|
"model-value": e.type,
|
|
4479
4488
|
readonly: e.readonly,
|
|
4480
4489
|
width: "100%",
|
|
4481
4490
|
"onUpdate:modelValue": p[0] || (p[0] = (_) => r("update:type", _))
|
|
4482
4491
|
}, null, 8, ["items", "label", "model-value", "readonly"]),
|
|
4483
|
-
|
|
4492
|
+
q.value ? G("", !0) : (b(), E(x, {
|
|
4484
4493
|
key: 0,
|
|
4485
4494
|
autocomplete: "off",
|
|
4486
4495
|
"data-testid": "active-healthcheck-http-path",
|
|
4487
|
-
label: s(
|
|
4496
|
+
label: s(l)("upstreams.form.fields.http_path.label"),
|
|
4488
4497
|
"model-value": e.httpPath,
|
|
4489
4498
|
readonly: e.readonly,
|
|
4490
4499
|
type: "text",
|
|
@@ -4493,9 +4502,9 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4493
4502
|
c(x, {
|
|
4494
4503
|
autocomplete: "off",
|
|
4495
4504
|
"data-testid": "active-healthcheck-timeout",
|
|
4496
|
-
label: s(
|
|
4497
|
-
max: s(
|
|
4498
|
-
min: s(
|
|
4505
|
+
label: s(l)("upstreams.form.fields.timeout.label"),
|
|
4506
|
+
max: s(Ds),
|
|
4507
|
+
min: s(Ls),
|
|
4499
4508
|
"model-value": e.timeout,
|
|
4500
4509
|
readonly: e.readonly,
|
|
4501
4510
|
type: "number",
|
|
@@ -4504,20 +4513,20 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4504
4513
|
c(x, {
|
|
4505
4514
|
autocomplete: "off",
|
|
4506
4515
|
"data-testid": "active-healthcheck-concurrency",
|
|
4507
|
-
label: s(
|
|
4508
|
-
max: s(
|
|
4509
|
-
min: s(
|
|
4516
|
+
label: s(l)("upstreams.form.fields.concurrency.label"),
|
|
4517
|
+
max: s(Qs),
|
|
4518
|
+
min: s(Js),
|
|
4510
4519
|
"model-value": e.concurrency,
|
|
4511
4520
|
readonly: e.readonly,
|
|
4512
4521
|
type: "number",
|
|
4513
4522
|
"onUpdate:modelValue": p[3] || (p[3] = (_) => r("update:concurrency", _))
|
|
4514
4523
|
}, null, 8, ["label", "max", "min", "model-value", "readonly"]),
|
|
4515
|
-
H.value ? (b(),
|
|
4524
|
+
H.value ? (b(), V(ie, { key: 1 }, [
|
|
4516
4525
|
c(x, {
|
|
4517
4526
|
autocomplete: "off",
|
|
4518
4527
|
class: "margin-bottom-6",
|
|
4519
4528
|
"data-testid": "active-healthcheck-https-sni",
|
|
4520
|
-
label: s(
|
|
4529
|
+
label: s(l)("upstreams.form.fields.https_sni.label"),
|
|
4521
4530
|
"model-value": e.httpsSni,
|
|
4522
4531
|
readonly: e.readonly,
|
|
4523
4532
|
type: "text",
|
|
@@ -4526,23 +4535,23 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4526
4535
|
c(K, {
|
|
4527
4536
|
"data-testid": "active-healthcheck-verify-ssl",
|
|
4528
4537
|
disabled: e.readonly,
|
|
4529
|
-
label: s(
|
|
4538
|
+
label: s(l)("upstreams.form.fields.verify_ssl.label"),
|
|
4530
4539
|
"model-value": e.verifySsl,
|
|
4531
4540
|
"onUpdate:modelValue": p[5] || (p[5] = (_) => r("update:verify-ssl", _))
|
|
4532
4541
|
}, null, 8, ["disabled", "label", "model-value"])
|
|
4533
4542
|
], 64)) : G("", !0),
|
|
4534
|
-
((A = e.config) == null ? void 0 : A.app) === "kongManager" ? (b(),
|
|
4543
|
+
((A = e.config) == null ? void 0 : A.app) === "kongManager" ? (b(), V("div", kr, [
|
|
4535
4544
|
c(D, {
|
|
4536
|
-
info: s(
|
|
4545
|
+
info: s(l)("upstreams.form.fields.headers.tooltip_active"),
|
|
4537
4546
|
"tooltip-attributes": { maxWidth: "250px" }
|
|
4538
4547
|
}, {
|
|
4539
4548
|
default: n(() => [
|
|
4540
|
-
W(g(s(
|
|
4549
|
+
W(g(s(l)("upstreams.form.fields.headers.label")), 1)
|
|
4541
4550
|
]),
|
|
4542
4551
|
_: 1
|
|
4543
4552
|
}, 8, ["info"]),
|
|
4544
4553
|
C("div", null, [
|
|
4545
|
-
(b(!0),
|
|
4554
|
+
(b(!0), V(ie, null, de(k.value, (_, B) => (b(), V("div", {
|
|
4546
4555
|
key: `${_.header}_${B}`,
|
|
4547
4556
|
class: be(["headers-row", { "margin-top-6": B > 0 }])
|
|
4548
4557
|
}, [
|
|
@@ -4564,11 +4573,11 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4564
4573
|
type: "text",
|
|
4565
4574
|
onBlur: h
|
|
4566
4575
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "readonly"]),
|
|
4567
|
-
c(
|
|
4576
|
+
c(w, {
|
|
4568
4577
|
appearance: "btn-link",
|
|
4569
4578
|
class: "btn-remove",
|
|
4570
4579
|
"data-testid": "btn-remove-header",
|
|
4571
|
-
onClick: (P) =>
|
|
4580
|
+
onClick: (P) => O(B)
|
|
4572
4581
|
}, {
|
|
4573
4582
|
icon: n(() => [
|
|
4574
4583
|
c(m, {
|
|
@@ -4578,12 +4587,12 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4578
4587
|
]),
|
|
4579
4588
|
_: 2
|
|
4580
4589
|
}, 1032, ["onClick"]),
|
|
4581
|
-
k.value && B === k.value.length - 1 ? (b(),
|
|
4590
|
+
k.value && B === k.value.length - 1 ? (b(), E(w, {
|
|
4582
4591
|
key: 0,
|
|
4583
4592
|
appearance: "btn-link",
|
|
4584
4593
|
class: "btn-add-header",
|
|
4585
4594
|
"data-testid": "btn-add-header",
|
|
4586
|
-
onClick:
|
|
4595
|
+
onClick: a
|
|
4587
4596
|
}, {
|
|
4588
4597
|
icon: n(() => [
|
|
4589
4598
|
c(m, {
|
|
@@ -4599,16 +4608,16 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4599
4608
|
])) : G("", !0),
|
|
4600
4609
|
c(j, null, {
|
|
4601
4610
|
body: n(() => [
|
|
4602
|
-
C("h5",
|
|
4603
|
-
C("p",
|
|
4611
|
+
C("h5", _r, g(s(l)("upstreams.form.healthy.label")), 1),
|
|
4612
|
+
C("p", Cr, g(s(l)("upstreams.form.healthy.help")), 1),
|
|
4604
4613
|
c(x, {
|
|
4605
4614
|
autocomplete: "off",
|
|
4606
4615
|
class: "margin-bottom-6",
|
|
4607
4616
|
"data-testid": "active-healthcheck-interval",
|
|
4608
|
-
help: s(
|
|
4609
|
-
label: s(
|
|
4610
|
-
max: s(
|
|
4611
|
-
min: s(
|
|
4617
|
+
help: s(l)("upstreams.form.fields.interval.help"),
|
|
4618
|
+
label: s(l)("upstreams.form.fields.interval.label"),
|
|
4619
|
+
max: s(Ua),
|
|
4620
|
+
min: s(xa),
|
|
4612
4621
|
"model-value": e.interval,
|
|
4613
4622
|
readonly: e.readonly,
|
|
4614
4623
|
type: "number",
|
|
@@ -4617,7 +4626,7 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4617
4626
|
c(x, {
|
|
4618
4627
|
autocomplete: "off",
|
|
4619
4628
|
"data-testid": "active-healthcheck-successes",
|
|
4620
|
-
label: s(
|
|
4629
|
+
label: s(l)("upstreams.form.fields.successes.label"),
|
|
4621
4630
|
max: s(He),
|
|
4622
4631
|
min: s(Se),
|
|
4623
4632
|
"model-value": e.successes,
|
|
@@ -4625,13 +4634,13 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4625
4634
|
type: "number",
|
|
4626
4635
|
"onUpdate:modelValue": p[7] || (p[7] = (_) => r("update:successes", _))
|
|
4627
4636
|
}, null, 8, ["label", "max", "min", "model-value", "readonly"]),
|
|
4628
|
-
|
|
4637
|
+
q.value ? G("", !0) : (b(), E(I, {
|
|
4629
4638
|
key: 0,
|
|
4630
4639
|
autocomplete: "off",
|
|
4631
4640
|
class: "margin-top-6 active-healthcheck-http-statuses",
|
|
4632
4641
|
"enable-item-creation": "",
|
|
4633
|
-
items: s(
|
|
4634
|
-
label: s(
|
|
4642
|
+
items: s(Be),
|
|
4643
|
+
label: s(l)("upstreams.form.fields.http_statuses.label"),
|
|
4635
4644
|
"model-value": e.httpStatuses,
|
|
4636
4645
|
readonly: e.readonly,
|
|
4637
4646
|
width: "100%",
|
|
@@ -4644,39 +4653,39 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4644
4653
|
}),
|
|
4645
4654
|
c(j, null, {
|
|
4646
4655
|
body: n(() => [
|
|
4647
|
-
C("h5",
|
|
4648
|
-
C("p",
|
|
4656
|
+
C("h5", Sr, g(s(l)("upstreams.form.unhealthy.label")), 1),
|
|
4657
|
+
C("p", Hr, g(s(l)("upstreams.form.unhealthy.help")), 1),
|
|
4649
4658
|
c(x, {
|
|
4650
4659
|
autocomplete: "off",
|
|
4651
4660
|
class: "margin-bottom-6",
|
|
4652
4661
|
"data-testid": "active-healthcheck-unhealthy-interval",
|
|
4653
|
-
help: s(
|
|
4654
|
-
label: s(
|
|
4655
|
-
max: s(
|
|
4656
|
-
min: s(
|
|
4662
|
+
help: s(l)("upstreams.form.fields.interval.help"),
|
|
4663
|
+
label: s(l)("upstreams.form.fields.interval.label"),
|
|
4664
|
+
max: s(Ua),
|
|
4665
|
+
min: s(xa),
|
|
4657
4666
|
"model-value": e.unhealthyInterval,
|
|
4658
4667
|
readonly: e.readonly,
|
|
4659
4668
|
type: "number",
|
|
4660
4669
|
"onUpdate:modelValue": p[11] || (p[11] = (_) => r("update:unhealthy-interval", _))
|
|
4661
4670
|
}, null, 8, ["help", "label", "max", "min", "model-value", "readonly"]),
|
|
4662
|
-
|
|
4671
|
+
q.value ? (b(), E(x, {
|
|
4663
4672
|
key: 0,
|
|
4664
4673
|
autocomplete: "off",
|
|
4665
4674
|
class: "margin-bottom-6",
|
|
4666
4675
|
"data-testid": "active-healthcheck-tcp-failures",
|
|
4667
|
-
label: s(
|
|
4676
|
+
label: s(l)("upstreams.form.fields.tcp_failures.label"),
|
|
4668
4677
|
max: s(He),
|
|
4669
4678
|
min: s(Se),
|
|
4670
4679
|
"model-value": e.tcpFailures,
|
|
4671
4680
|
readonly: e.readonly,
|
|
4672
4681
|
type: "number",
|
|
4673
4682
|
"onUpdate:modelValue": p[12] || (p[12] = (_) => r("update:tcp-failures", _))
|
|
4674
|
-
}, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (b(),
|
|
4683
|
+
}, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (b(), V(ie, { key: 1 }, [
|
|
4675
4684
|
c(x, {
|
|
4676
4685
|
autocomplete: "off",
|
|
4677
4686
|
class: "margin-bottom-6",
|
|
4678
4687
|
"data-testid": "active-healthcheck-http-failures",
|
|
4679
|
-
label: s(
|
|
4688
|
+
label: s(l)("upstreams.form.fields.http_failures.label"),
|
|
4680
4689
|
max: s(He),
|
|
4681
4690
|
min: s(Se),
|
|
4682
4691
|
"model-value": e.httpFailures,
|
|
@@ -4684,12 +4693,12 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4684
4693
|
type: "number",
|
|
4685
4694
|
"onUpdate:modelValue": p[13] || (p[13] = (_) => r("update:http-failures", _))
|
|
4686
4695
|
}, null, 8, ["label", "max", "min", "model-value", "readonly"]),
|
|
4687
|
-
c(
|
|
4696
|
+
c(I, {
|
|
4688
4697
|
autocomplete: "off",
|
|
4689
4698
|
class: "margin-bottom-6 active-healthcheck-unhealthy-http-statuses",
|
|
4690
4699
|
"enable-item-creation": "",
|
|
4691
|
-
items: s(
|
|
4692
|
-
label: s(
|
|
4700
|
+
items: s(Be),
|
|
4701
|
+
label: s(l)("upstreams.form.fields.http_statuses.label"),
|
|
4693
4702
|
"model-value": e.unhealthyHttpStatuses,
|
|
4694
4703
|
readonly: e.readonly,
|
|
4695
4704
|
width: "100%",
|
|
@@ -4701,7 +4710,7 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4701
4710
|
c(x, {
|
|
4702
4711
|
autocomplete: "off",
|
|
4703
4712
|
"data-testid": "active-healthcheck-unhealthy-timeouts",
|
|
4704
|
-
label: s(
|
|
4713
|
+
label: s(l)("upstreams.form.fields.timeouts.label"),
|
|
4705
4714
|
max: s(La),
|
|
4706
4715
|
min: s(ja),
|
|
4707
4716
|
"model-value": e.unhealthyTimeouts,
|
|
@@ -4719,7 +4728,7 @@ const kr = /* @__PURE__ */ ye(br, [["__scopeId", "data-v-7fda4841"]]), _r = { ke
|
|
|
4719
4728
|
};
|
|
4720
4729
|
}
|
|
4721
4730
|
});
|
|
4722
|
-
const
|
|
4731
|
+
const Ir = /* @__PURE__ */ ve(wr, [["__scopeId", "data-v-18b80e62"]]), xr = { class: "fields-group-title" }, Ur = { class: "fields-group-text" }, Tr = { class: "fields-group-title" }, qr = { class: "fields-group-text" }, Fr = /* @__PURE__ */ ae({
|
|
4723
4732
|
__name: "UpstreamsFormPassiveHealthCheck",
|
|
4724
4733
|
props: {
|
|
4725
4734
|
type: {
|
|
@@ -4758,54 +4767,54 @@ const xr = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-18b80e62"]]), Ur = { cl
|
|
|
4758
4767
|
},
|
|
4759
4768
|
emits: ["update:type", "update:successes", "update:http-statuses", "update:timeouts", "update:http-failures", "update:unhealthy-http-statuses", "update:tcp-failures"],
|
|
4760
4769
|
setup(e, { emit: r }) {
|
|
4761
|
-
const t = e, { i18n: { t:
|
|
4770
|
+
const t = e, { i18n: { t: l } } = me.useI18n(), u = M([
|
|
4762
4771
|
{
|
|
4763
|
-
label:
|
|
4772
|
+
label: l("upstreams.form.healthcheck_type_labels.http"),
|
|
4764
4773
|
value: "http",
|
|
4765
4774
|
selected: !1
|
|
4766
4775
|
},
|
|
4767
4776
|
{
|
|
4768
|
-
label:
|
|
4777
|
+
label: l("upstreams.form.healthcheck_type_labels.https"),
|
|
4769
4778
|
value: "https",
|
|
4770
4779
|
selected: !1
|
|
4771
4780
|
},
|
|
4772
4781
|
{
|
|
4773
|
-
label:
|
|
4782
|
+
label: l("upstreams.form.healthcheck_type_labels.tcp"),
|
|
4774
4783
|
value: "tcp",
|
|
4775
4784
|
selected: !1
|
|
4776
4785
|
},
|
|
4777
4786
|
{
|
|
4778
|
-
label:
|
|
4787
|
+
label: l("upstreams.form.healthcheck_type_labels.grsp"),
|
|
4779
4788
|
value: "grpc",
|
|
4780
4789
|
selected: !1
|
|
4781
4790
|
},
|
|
4782
4791
|
{
|
|
4783
|
-
label:
|
|
4792
|
+
label: l("upstreams.form.healthcheck_type_labels.grsps"),
|
|
4784
4793
|
value: "grpcs",
|
|
4785
4794
|
selected: !1
|
|
4786
4795
|
}
|
|
4787
|
-
]),
|
|
4796
|
+
]), v = T(() => t.type === "tcp"), {
|
|
4788
4797
|
trackNewItems: H
|
|
4789
4798
|
} = Ue({ replaceId: !0 }), {
|
|
4790
|
-
trackNewItems:
|
|
4799
|
+
trackNewItems: q
|
|
4791
4800
|
} = Ue({ replaceId: !0 });
|
|
4792
4801
|
return ce(() => t.type, (i, o) => {
|
|
4793
|
-
o === "tcp" && i !== o && r("update:tcp-failures", "5"), o !== "tcp" && i === "tcp" && (r("update:http-statuses",
|
|
4802
|
+
o === "tcp" && i !== o && r("update:tcp-failures", "5"), o !== "tcp" && i === "tcp" && (r("update:http-statuses", Qe), r("update:unhealthy-http-statuses", ze));
|
|
4794
4803
|
}), (i, o) => {
|
|
4795
|
-
const k = $("KExternalLink"), h = $("KSelect"),
|
|
4796
|
-
return b(),
|
|
4804
|
+
const k = $("KExternalLink"), h = $("KSelect"), a = $("KInput"), O = $("KMultiselect"), F = $("KCard");
|
|
4805
|
+
return b(), E(s(qe), {
|
|
4797
4806
|
class: "kong-ui-entities-upstreams-passive-healthcheck",
|
|
4798
|
-
title: s(
|
|
4807
|
+
title: s(l)("upstreams.form.passive_health_check.title")
|
|
4799
4808
|
}, {
|
|
4800
4809
|
description: n(() => [
|
|
4801
4810
|
C("p", null, [
|
|
4802
|
-
W(g(s(
|
|
4811
|
+
W(g(s(l)("upstreams.form.passive_health_check.help")) + " ", 1),
|
|
4803
4812
|
c(k, {
|
|
4804
4813
|
"hide-icon": "",
|
|
4805
|
-
href: s(
|
|
4814
|
+
href: s(Ne).upstreamObject
|
|
4806
4815
|
}, {
|
|
4807
4816
|
default: n(() => [
|
|
4808
|
-
W(g(s(
|
|
4817
|
+
W(g(s(l)("upstreams.form.buttons.view_documentation")), 1)
|
|
4809
4818
|
]),
|
|
4810
4819
|
_: 1
|
|
4811
4820
|
}, 8, ["href"])
|
|
@@ -4816,20 +4825,20 @@ const xr = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-18b80e62"]]), Ur = { cl
|
|
|
4816
4825
|
appearance: "select",
|
|
4817
4826
|
class: "passive-healthcheck-type-select",
|
|
4818
4827
|
items: u.value,
|
|
4819
|
-
label: s(
|
|
4828
|
+
label: s(l)("upstreams.form.fields.passive_health_check_type.label"),
|
|
4820
4829
|
"model-value": e.type,
|
|
4821
4830
|
readonly: e.readonly,
|
|
4822
4831
|
width: "100%",
|
|
4823
4832
|
"onUpdate:modelValue": o[0] || (o[0] = (p) => r("update:type", p))
|
|
4824
4833
|
}, null, 8, ["items", "label", "model-value", "readonly"]),
|
|
4825
|
-
c(
|
|
4834
|
+
c(F, null, {
|
|
4826
4835
|
body: n(() => [
|
|
4827
|
-
C("h5",
|
|
4828
|
-
C("p",
|
|
4829
|
-
c(
|
|
4836
|
+
C("h5", xr, g(s(l)("upstreams.form.passive_healthy.label")), 1),
|
|
4837
|
+
C("p", Ur, g(s(l)("upstreams.form.passive_healthy.help")), 1),
|
|
4838
|
+
c(a, {
|
|
4830
4839
|
autocomplete: "off",
|
|
4831
4840
|
"data-testid": "passive-healthcheck-successes",
|
|
4832
|
-
label: s(
|
|
4841
|
+
label: s(l)("upstreams.form.fields.successes.label"),
|
|
4833
4842
|
max: s(He),
|
|
4834
4843
|
min: s(Se),
|
|
4835
4844
|
"model-value": e.successes,
|
|
@@ -4837,12 +4846,12 @@ const xr = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-18b80e62"]]), Ur = { cl
|
|
|
4837
4846
|
type: "number",
|
|
4838
4847
|
"onUpdate:modelValue": o[1] || (o[1] = (p) => r("update:successes", p))
|
|
4839
4848
|
}, null, 8, ["label", "max", "min", "model-value", "readonly"]),
|
|
4840
|
-
|
|
4849
|
+
v.value ? G("", !0) : (b(), E(O, {
|
|
4841
4850
|
key: 0,
|
|
4842
4851
|
class: "margin-top-6 passive-healthcheck-http-statuses",
|
|
4843
4852
|
"enable-item-creation": "",
|
|
4844
|
-
items: s(
|
|
4845
|
-
label: s(
|
|
4853
|
+
items: s(Be),
|
|
4854
|
+
label: s(l)("upstreams.form.fields.http_statuses.label"),
|
|
4846
4855
|
"model-value": e.httpStatuses,
|
|
4847
4856
|
readonly: e.readonly,
|
|
4848
4857
|
width: "100%",
|
|
@@ -4853,14 +4862,14 @@ const xr = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-18b80e62"]]), Ur = { cl
|
|
|
4853
4862
|
]),
|
|
4854
4863
|
_: 1
|
|
4855
4864
|
}),
|
|
4856
|
-
c(
|
|
4865
|
+
c(F, null, {
|
|
4857
4866
|
body: n(() => [
|
|
4858
|
-
C("h5",
|
|
4859
|
-
C("p",
|
|
4860
|
-
c(
|
|
4867
|
+
C("h5", Tr, g(s(l)("upstreams.form.passive_unhealthy.label")), 1),
|
|
4868
|
+
C("p", qr, g(s(l)("upstreams.form.passive_unhealthy.help")), 1),
|
|
4869
|
+
c(a, {
|
|
4861
4870
|
autocomplete: "off",
|
|
4862
4871
|
"data-testid": "passive-healthcheck-timeouts",
|
|
4863
|
-
label: s(
|
|
4872
|
+
label: s(l)("upstreams.form.fields.timeouts.label"),
|
|
4864
4873
|
max: s(La),
|
|
4865
4874
|
min: s(ja),
|
|
4866
4875
|
"model-value": e.timeouts,
|
|
@@ -4868,24 +4877,24 @@ const xr = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-18b80e62"]]), Ur = { cl
|
|
|
4868
4877
|
type: "number",
|
|
4869
4878
|
"onUpdate:modelValue": o[5] || (o[5] = (p) => r("update:timeouts", p))
|
|
4870
4879
|
}, null, 8, ["label", "max", "min", "model-value", "readonly"]),
|
|
4871
|
-
|
|
4880
|
+
v.value ? (b(), E(a, {
|
|
4872
4881
|
key: 0,
|
|
4873
4882
|
autocomplete: "off",
|
|
4874
4883
|
class: "margin-top-6",
|
|
4875
4884
|
"data-testid": "passive-healthcheck-tcp-failures",
|
|
4876
|
-
label: s(
|
|
4885
|
+
label: s(l)("upstreams.form.fields.tcp_failures.label"),
|
|
4877
4886
|
max: s(He),
|
|
4878
4887
|
min: s(Se),
|
|
4879
4888
|
"model-value": e.tcpFailures,
|
|
4880
4889
|
readonly: e.readonly,
|
|
4881
4890
|
type: "number",
|
|
4882
4891
|
"onUpdate:modelValue": o[6] || (o[6] = (p) => r("update:tcp-failures", p))
|
|
4883
|
-
}, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (b(),
|
|
4884
|
-
c(
|
|
4892
|
+
}, null, 8, ["label", "max", "min", "model-value", "readonly"])) : (b(), V(ie, { key: 1 }, [
|
|
4893
|
+
c(a, {
|
|
4885
4894
|
autocomplete: "off",
|
|
4886
4895
|
class: "margin-top-6",
|
|
4887
4896
|
"data-testid": "passive-healthcheck-http-failures",
|
|
4888
|
-
label: s(
|
|
4897
|
+
label: s(l)("upstreams.form.fields.http_failures.label"),
|
|
4889
4898
|
max: s(He),
|
|
4890
4899
|
min: s(Se),
|
|
4891
4900
|
"model-value": e.httpFailures,
|
|
@@ -4893,17 +4902,17 @@ const xr = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-18b80e62"]]), Ur = { cl
|
|
|
4893
4902
|
type: "number",
|
|
4894
4903
|
"onUpdate:modelValue": o[7] || (o[7] = (p) => r("update:http-failures", p))
|
|
4895
4904
|
}, null, 8, ["label", "max", "min", "model-value", "readonly"]),
|
|
4896
|
-
c(
|
|
4905
|
+
c(O, {
|
|
4897
4906
|
autocomplete: "off",
|
|
4898
4907
|
class: "margin-top-6 passive-healthcheck-unhealthy-http-statuses",
|
|
4899
4908
|
"enable-item-creation": "",
|
|
4900
|
-
items: s(
|
|
4901
|
-
label: s(
|
|
4909
|
+
items: s(Be),
|
|
4910
|
+
label: s(l)("upstreams.form.fields.http_statuses.label"),
|
|
4902
4911
|
"model-value": e.unhealthyHttpStatuses,
|
|
4903
4912
|
readonly: e.readonly,
|
|
4904
4913
|
width: "100%",
|
|
4905
|
-
"onItem:added": o[8] || (o[8] = (p) => s(
|
|
4906
|
-
"onItem:removed": o[9] || (o[9] = (p) => s(
|
|
4914
|
+
"onItem:added": o[8] || (o[8] = (p) => s(q)(p, !0)),
|
|
4915
|
+
"onItem:removed": o[9] || (o[9] = (p) => s(q)(p, !1)),
|
|
4907
4916
|
"onUpdate:modelValue": o[10] || (o[10] = (p) => r("update:unhealthy-http-statuses", p))
|
|
4908
4917
|
}, null, 8, ["items", "label", "model-value", "readonly"])
|
|
4909
4918
|
], 64))
|
|
@@ -4916,7 +4925,7 @@ const xr = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-18b80e62"]]), Ur = { cl
|
|
|
4916
4925
|
};
|
|
4917
4926
|
}
|
|
4918
4927
|
});
|
|
4919
|
-
const
|
|
4928
|
+
const $r = /* @__PURE__ */ ve(Fr, [["__scopeId", "data-v-6d6854e3"]]), Or = { class: "kong-ui-entities-upstreams-form" }, Kr = /* @__PURE__ */ ae({
|
|
4920
4929
|
__name: "UpstreamsForm",
|
|
4921
4930
|
props: {
|
|
4922
4931
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -4934,22 +4943,22 @@ const Or = /* @__PURE__ */ ye(Fr, [["__scopeId", "data-v-6d6854e3"]]), Kr = { cl
|
|
|
4934
4943
|
},
|
|
4935
4944
|
emits: ["update", "error", "loading"],
|
|
4936
4945
|
setup(e, { emit: r }) {
|
|
4937
|
-
var
|
|
4938
|
-
const t = e, { inRange:
|
|
4939
|
-
headers: (
|
|
4940
|
-
}), { getMessageFromError: k } = Ea(), h =
|
|
4946
|
+
var R;
|
|
4947
|
+
const t = e, { inRange: l, stringToNumberArray: u, upstreamsResponseToFields: v, getDefaultUpstreamFields: H, objectsAreEqual: q, cloneDeep: i } = Me(), { axiosInstance: o } = Ae({
|
|
4948
|
+
headers: (R = t.config) == null ? void 0 : R.requestHeaders
|
|
4949
|
+
}), { getMessageFromError: k } = Ea(), h = Ye(), a = Pe({
|
|
4941
4950
|
fields: H(),
|
|
4942
4951
|
readonly: !1,
|
|
4943
4952
|
errorMessage: ""
|
|
4944
|
-
}),
|
|
4945
|
-
|
|
4953
|
+
}), O = Pe(H()), F = T(() => !q(a.fields, O)), p = (S) => {
|
|
4954
|
+
a.fields.activeHealthCheck.interval = S ? "5" : "0", a.fields.activeHealthCheck.successes = S ? "5" : "0", a.fields.activeHealthCheck.httpFailures = S ? "5" : "0", a.fields.activeHealthCheck.unhealthyInterval = S ? "5" : "0";
|
|
4946
4955
|
}, f = (S) => {
|
|
4947
|
-
|
|
4948
|
-
}, U = T(() =>
|
|
4956
|
+
a.fields.passiveHealthCheck.timeouts = S ? "5" : "0", a.fields.passiveHealthCheck.successes = S ? "80" : "0";
|
|
4957
|
+
}, U = T(() => a.fields.slots ? l(a.fields.slots, Le, De) : !0), x = T(() => a.fields.hashOn === "header" ? !!a.fields.hashOnHeader : !0), K = T(() => a.fields.hashOn === "cookie" || a.fields.hashFallback === "cookie" ? !!a.fields.hashOnCookie : !0), D = T(() => a.fields.hashOn === "cookie" || a.fields.hashFallback === "cookie" ? !!a.fields.hashOnCookiePath : !0), m = T(() => a.fields.hashOn === "query_arg" ? !!a.fields.hashOnQueryArgument : !0), w = T(() => a.fields.hashOn === "uri_capture" ? !!a.fields.hashOnUriCapture : !0), I = T(() => a.fields.hashFallback === "header" ? !!a.fields.hashFallbackHeader : !0), j = T(() => a.fields.hashFallback === "query_arg" ? !!a.fields.hashFallbackQueryArgument : !0), A = T(() => a.fields.hashFallback === "uri_capture" ? !!a.fields.hashFallbackUriCapture : !0), _ = T(() => !!a.fields.name && U.value && x.value && K.value && D.value && m.value && w.value && I.value && j.value && A.value), B = T(() => t.upstreamId ? he.Edit : he.Create), P = T(() => {
|
|
4949
4958
|
var S, d;
|
|
4950
|
-
return (d =
|
|
4959
|
+
return (d = Ie.form[(S = t.config) == null ? void 0 : S.app]) == null ? void 0 : d.edit;
|
|
4951
4960
|
}), J = (S) => {
|
|
4952
|
-
Object.assign(
|
|
4961
|
+
Object.assign(a.fields, v(S)), Object.assign(O, i(a.fields));
|
|
4953
4962
|
}, L = () => {
|
|
4954
4963
|
var S;
|
|
4955
4964
|
h.push(((S = t.config) == null ? void 0 : S.cancelRoute) || { name: "upstreams-list" });
|
|
@@ -4957,21 +4966,21 @@ const Or = /* @__PURE__ */ ye(Fr, [["__scopeId", "data-v-6d6854e3"]]), Kr = { cl
|
|
|
4957
4966
|
r("loading", S);
|
|
4958
4967
|
}, Z = (S) => {
|
|
4959
4968
|
r("error", S);
|
|
4960
|
-
},
|
|
4961
|
-
var d,
|
|
4969
|
+
}, N = () => {
|
|
4970
|
+
var d, y, Y, le, ue;
|
|
4962
4971
|
const S = {
|
|
4963
|
-
name:
|
|
4964
|
-
slots: Number(
|
|
4965
|
-
algorithm:
|
|
4966
|
-
hash_on:
|
|
4967
|
-
hash_fallback:
|
|
4972
|
+
name: a.fields.name,
|
|
4973
|
+
slots: Number(a.fields.slots),
|
|
4974
|
+
algorithm: a.fields.algorithm,
|
|
4975
|
+
hash_on: a.fields.hashOn,
|
|
4976
|
+
hash_fallback: a.fields.hashFallback,
|
|
4968
4977
|
healthchecks: {}
|
|
4969
4978
|
};
|
|
4970
|
-
return
|
|
4971
|
-
type:
|
|
4979
|
+
return a.fields.hostHeader && (S.host_header = a.fields.hostHeader), a.fields.clientCertificate && (S.client_certificate = { id: a.fields.clientCertificate }), a.fields.healthchecksThreshold && (S.healthchecks.threshold = Number(a.fields.healthchecksThreshold)), a.fields.tags && (S.tags = (y = (d = a.fields.tags.split(",")) == null ? void 0 : d.map((ee) => String(ee || "").trim())) == null ? void 0 : y.filter((ee) => ee !== "")), a.fields.hashOn === "header" && (S.hash_on_header = a.fields.hashOnHeader), (a.fields.hashOn === "cookie" || a.fields.hashFallback === "cookie") && (S.hash_on_cookie = a.fields.hashOnCookie, S.hash_on_cookie_path = a.fields.hashOnCookiePath), a.fields.hashOn === "query_arg" && (S.hash_on_query_arg = a.fields.hashOnQueryArgument), a.fields.hashOn === "uri_capture" && (S.hash_on_uri_capture = a.fields.hashOnUriCapture), a.fields.hashFallback === "header" && (S.hash_fallback_header = a.fields.hashFallbackHeader), a.fields.hashFallback === "query_arg" && (S.hash_fallback_query_arg = a.fields.hashFallbackQueryArgument), a.fields.hashFallback === "uri_capture" && (S.hash_fallback_uri_capture = a.fields.hashFallbackUriCapture), a.fields.activeHealthSwitch ? (S.healthchecks.active = {
|
|
4980
|
+
type: a.fields.activeHealthCheck.type,
|
|
4972
4981
|
healthy: {},
|
|
4973
4982
|
unhealthy: {}
|
|
4974
|
-
},
|
|
4983
|
+
}, a.fields.activeHealthCheck.timeout && (S.healthchecks.active.timeout = Number(a.fields.activeHealthCheck.timeout)), a.fields.activeHealthCheck.concurrency && (S.healthchecks.active.concurrency = Number(a.fields.activeHealthCheck.concurrency)), a.fields.activeHealthCheck.type !== "tcp" && a.fields.activeHealthCheck.httpPath && (S.healthchecks.active.http_path = a.fields.activeHealthCheck.httpPath), ((Y = t.config) == null ? void 0 : Y.app) === "kongManager" && (a.fields.activeHealthCheck.headers.length === 0 ? S.healthchecks.active.headers = [] : S.healthchecks.active.headers = a.fields.activeHealthCheck.headers.reduce((ee, oe) => {
|
|
4975
4984
|
var ge, xe;
|
|
4976
4985
|
return oe.key ? {
|
|
4977
4986
|
...ee,
|
|
@@ -4979,8 +4988,8 @@ const Or = /* @__PURE__ */ ye(Fr, [["__scopeId", "data-v-6d6854e3"]]), Kr = { cl
|
|
|
4979
4988
|
} : {
|
|
4980
4989
|
...ee
|
|
4981
4990
|
};
|
|
4982
|
-
}, {})), (
|
|
4983
|
-
type:
|
|
4991
|
+
}, {})), (a.fields.activeHealthCheck.type === "https" || a.fields.activeHealthCheck.type === "grpcs") && a.fields.activeHealthCheck.httpsSni && (S.healthchecks.active.https_sni = a.fields.activeHealthCheck.httpsSni), (a.fields.activeHealthCheck.type === "https" || a.fields.activeHealthCheck.type === "grpcs") && (S.healthchecks.active.https_verify_certificate = a.fields.activeHealthCheck.verifySsl), a.fields.activeHealthCheck.interval && (S.healthchecks.active.healthy.interval = Number(a.fields.activeHealthCheck.interval)), a.fields.activeHealthCheck.successes && (S.healthchecks.active.healthy.successes = Number(a.fields.activeHealthCheck.successes)), a.fields.activeHealthCheck.type !== "tcp" && a.fields.activeHealthCheck.httpStatuses && (S.healthchecks.active.healthy.http_statuses = u(a.fields.activeHealthCheck.httpStatuses)), a.fields.activeHealthCheck.unhealthyInterval && (S.healthchecks.active.unhealthy.interval = Number(a.fields.activeHealthCheck.unhealthyInterval)), a.fields.activeHealthCheck.unhealthyTimeouts && (S.healthchecks.active.unhealthy.timeouts = Number(a.fields.activeHealthCheck.unhealthyTimeouts)), a.fields.activeHealthCheck.type !== "tcp" && a.fields.activeHealthCheck.unhealthyHttpStatuses && (S.healthchecks.active.unhealthy.http_statuses = u(a.fields.activeHealthCheck.unhealthyHttpStatuses)), a.fields.activeHealthCheck.type !== "tcp" && a.fields.activeHealthCheck.httpFailures && (S.healthchecks.active.unhealthy.http_failures = Number(a.fields.activeHealthCheck.httpFailures)), a.fields.activeHealthCheck.type === "tcp" && a.fields.activeHealthCheck.tcpFailures && (S.healthchecks.active.unhealthy.tcp_failures = Number(a.fields.activeHealthCheck.tcpFailures))) : ((le = t.config) == null ? void 0 : le.app) === "kongManager" && B.value === he.Edit && (S.healthchecks.active = {
|
|
4992
|
+
type: a.fields.activeHealthCheck.type,
|
|
4984
4993
|
headers: {},
|
|
4985
4994
|
healthy: {
|
|
4986
4995
|
interval: 0
|
|
@@ -4988,12 +4997,12 @@ const Or = /* @__PURE__ */ ye(Fr, [["__scopeId", "data-v-6d6854e3"]]), Kr = { cl
|
|
|
4988
4997
|
unhealthy: {
|
|
4989
4998
|
interval: 0
|
|
4990
4999
|
}
|
|
4991
|
-
}),
|
|
4992
|
-
type:
|
|
5000
|
+
}), a.fields.passiveHealthSwitch ? (S.healthchecks.passive = {
|
|
5001
|
+
type: a.fields.passiveHealthCheck.type,
|
|
4993
5002
|
healthy: {},
|
|
4994
5003
|
unhealthy: {}
|
|
4995
|
-
},
|
|
4996
|
-
type:
|
|
5004
|
+
}, a.fields.passiveHealthCheck.successes && (S.healthchecks.passive.healthy.successes = Number(a.fields.passiveHealthCheck.successes)), a.fields.passiveHealthCheck.type !== "tcp" && a.fields.passiveHealthCheck.httpStatuses && (S.healthchecks.passive.healthy.http_statuses = u(a.fields.passiveHealthCheck.httpStatuses)), a.fields.passiveHealthCheck.timeouts && (S.healthchecks.passive.unhealthy.timeouts = Number(a.fields.passiveHealthCheck.timeouts)), a.fields.passiveHealthCheck.type !== "tcp" && a.fields.passiveHealthCheck.unhealthyHttpStatuses && (S.healthchecks.passive.unhealthy.http_statuses = u(a.fields.passiveHealthCheck.unhealthyHttpStatuses)), a.fields.passiveHealthCheck.type !== "tcp" && a.fields.passiveHealthCheck.httpFailures && (S.healthchecks.passive.unhealthy.http_failures = Number(a.fields.passiveHealthCheck.httpFailures)), a.fields.passiveHealthCheck.type === "tcp" && a.fields.passiveHealthCheck.tcpFailures && (S.healthchecks.passive.unhealthy.tcp_failures = Number(a.fields.passiveHealthCheck.tcpFailures))) : ((ue = t.config) == null ? void 0 : ue.app) === "kongManager" && B.value === he.Edit && (S.healthchecks.passive = {
|
|
5005
|
+
type: a.fields.passiveHealthCheck.type,
|
|
4997
5006
|
healthy: {
|
|
4998
5007
|
successes: 0
|
|
4999
5008
|
},
|
|
@@ -5004,29 +5013,29 @@ const Or = /* @__PURE__ */ ye(Fr, [["__scopeId", "data-v-6d6854e3"]]), Kr = { cl
|
|
|
5004
5013
|
}
|
|
5005
5014
|
}), S;
|
|
5006
5015
|
}, z = (S) => {
|
|
5007
|
-
var
|
|
5008
|
-
let d = `${(
|
|
5016
|
+
var y, Y, le, ue, ee, oe;
|
|
5017
|
+
let d = `${(y = t.config) == null ? void 0 : y.apiBaseUrl}${Ie.form[(Y = t.config) == null ? void 0 : Y.app][S]}`;
|
|
5009
5018
|
return ((le = t.config) == null ? void 0 : le.app) === "konnect" ? d = d.replace(/{controlPlaneId}/gi, ((ue = t.config) == null ? void 0 : ue.controlPlaneId) || "") : ((ee = t.config) == null ? void 0 : ee.app) === "kongManager" && (d = d.replace(/\/{workspace}/gi, (oe = t.config) != null && oe.workspace ? `/${t.config.workspace}` : "")), d = d.replace(/{id}/gi, t.upstreamId), d;
|
|
5010
5019
|
}, X = async () => {
|
|
5011
5020
|
var S;
|
|
5012
5021
|
try {
|
|
5013
|
-
|
|
5022
|
+
a.readonly = !0, await o.post(z("validate"), N());
|
|
5014
5023
|
let d;
|
|
5015
|
-
B.value === he.Create ? d = await o.post(z("create"),
|
|
5024
|
+
B.value === he.Create ? d = await o.post(z("create"), N()) : B.value === he.Edit && (d = ((S = t.config) == null ? void 0 : S.app) === "konnect" ? await o.put(z("edit"), N()) : await o.patch(z("edit"), N())), r("update", d == null ? void 0 : d.data);
|
|
5016
5025
|
} catch (d) {
|
|
5017
|
-
|
|
5026
|
+
a.errorMessage = k(d), r("error", d);
|
|
5018
5027
|
} finally {
|
|
5019
|
-
|
|
5028
|
+
a.readonly = !1;
|
|
5020
5029
|
}
|
|
5021
5030
|
};
|
|
5022
|
-
return (S, d) => (b(),
|
|
5031
|
+
return (S, d) => (b(), V("div", Or, [
|
|
5023
5032
|
c(s(Aa), {
|
|
5024
|
-
"can-submit": _.value &&
|
|
5033
|
+
"can-submit": _.value && F.value,
|
|
5025
5034
|
config: e.config,
|
|
5026
5035
|
"edit-id": e.upstreamId,
|
|
5027
|
-
"error-message":
|
|
5036
|
+
"error-message": a.errorMessage,
|
|
5028
5037
|
"fetch-url": P.value,
|
|
5029
|
-
"is-readonly":
|
|
5038
|
+
"is-readonly": a.readonly,
|
|
5030
5039
|
onCancel: L,
|
|
5031
5040
|
"onFetch:error": Z,
|
|
5032
5041
|
"onFetch:success": J,
|
|
@@ -5034,112 +5043,112 @@ const Or = /* @__PURE__ */ ye(Fr, [["__scopeId", "data-v-6d6854e3"]]), Kr = { cl
|
|
|
5034
5043
|
onSubmit: X
|
|
5035
5044
|
}, {
|
|
5036
5045
|
default: n(() => [
|
|
5037
|
-
c(
|
|
5038
|
-
"client-certificate":
|
|
5039
|
-
"onUpdate:clientCertificate": d[0] || (d[0] = (
|
|
5040
|
-
"host-header":
|
|
5041
|
-
"onUpdate:hostHeader": d[1] || (d[1] = (
|
|
5042
|
-
name:
|
|
5043
|
-
"onUpdate:name": d[2] || (d[2] = (
|
|
5044
|
-
tags:
|
|
5045
|
-
"onUpdate:tags": d[3] || (d[3] = (
|
|
5046
|
+
c(ir, {
|
|
5047
|
+
"client-certificate": a.fields.clientCertificate,
|
|
5048
|
+
"onUpdate:clientCertificate": d[0] || (d[0] = (y) => a.fields.clientCertificate = y),
|
|
5049
|
+
"host-header": a.fields.hostHeader,
|
|
5050
|
+
"onUpdate:hostHeader": d[1] || (d[1] = (y) => a.fields.hostHeader = y),
|
|
5051
|
+
name: a.fields.name,
|
|
5052
|
+
"onUpdate:name": d[2] || (d[2] = (y) => a.fields.name = y),
|
|
5053
|
+
tags: a.fields.tags,
|
|
5054
|
+
"onUpdate:tags": d[3] || (d[3] = (y) => a.fields.tags = y),
|
|
5046
5055
|
config: e.config,
|
|
5047
|
-
readonly:
|
|
5056
|
+
readonly: a.readonly
|
|
5048
5057
|
}, null, 8, ["client-certificate", "host-header", "name", "tags", "config", "readonly"]),
|
|
5049
|
-
c(
|
|
5050
|
-
algorithm:
|
|
5051
|
-
"onUpdate:algorithm": d[4] || (d[4] = (
|
|
5052
|
-
"hash-fallback":
|
|
5053
|
-
"onUpdate:hashFallback": d[5] || (d[5] = (
|
|
5054
|
-
"hash-fallback-header":
|
|
5055
|
-
"onUpdate:hashFallbackHeader": d[6] || (d[6] = (
|
|
5056
|
-
"hash-fallback-query-argument":
|
|
5057
|
-
"onUpdate:hashFallbackQueryArgument": d[7] || (d[7] = (
|
|
5058
|
-
"hash-fallback-uri-capture":
|
|
5059
|
-
"onUpdate:hashFallbackUriCapture": d[8] || (d[8] = (
|
|
5060
|
-
"hash-on":
|
|
5061
|
-
"onUpdate:hashOn": d[9] || (d[9] = (
|
|
5062
|
-
"hash-on-cookie":
|
|
5063
|
-
"onUpdate:hashOnCookie": d[10] || (d[10] = (
|
|
5064
|
-
"hash-on-cookie-path":
|
|
5065
|
-
"onUpdate:hashOnCookiePath": d[11] || (d[11] = (
|
|
5066
|
-
"hash-on-header":
|
|
5067
|
-
"onUpdate:hashOnHeader": d[12] || (d[12] = (
|
|
5068
|
-
"hash-on-query-argument":
|
|
5069
|
-
"onUpdate:hashOnQueryArgument": d[13] || (d[13] = (
|
|
5070
|
-
"hash-on-uri-capture":
|
|
5071
|
-
"onUpdate:hashOnUriCapture": d[14] || (d[14] = (
|
|
5072
|
-
slots:
|
|
5073
|
-
"onUpdate:slots": d[15] || (d[15] = (
|
|
5074
|
-
readonly:
|
|
5058
|
+
c(pr, {
|
|
5059
|
+
algorithm: a.fields.algorithm,
|
|
5060
|
+
"onUpdate:algorithm": d[4] || (d[4] = (y) => a.fields.algorithm = y),
|
|
5061
|
+
"hash-fallback": a.fields.hashFallback,
|
|
5062
|
+
"onUpdate:hashFallback": d[5] || (d[5] = (y) => a.fields.hashFallback = y),
|
|
5063
|
+
"hash-fallback-header": a.fields.hashFallbackHeader,
|
|
5064
|
+
"onUpdate:hashFallbackHeader": d[6] || (d[6] = (y) => a.fields.hashFallbackHeader = y),
|
|
5065
|
+
"hash-fallback-query-argument": a.fields.hashFallbackQueryArgument,
|
|
5066
|
+
"onUpdate:hashFallbackQueryArgument": d[7] || (d[7] = (y) => a.fields.hashFallbackQueryArgument = y),
|
|
5067
|
+
"hash-fallback-uri-capture": a.fields.hashFallbackUriCapture,
|
|
5068
|
+
"onUpdate:hashFallbackUriCapture": d[8] || (d[8] = (y) => a.fields.hashFallbackUriCapture = y),
|
|
5069
|
+
"hash-on": a.fields.hashOn,
|
|
5070
|
+
"onUpdate:hashOn": d[9] || (d[9] = (y) => a.fields.hashOn = y),
|
|
5071
|
+
"hash-on-cookie": a.fields.hashOnCookie,
|
|
5072
|
+
"onUpdate:hashOnCookie": d[10] || (d[10] = (y) => a.fields.hashOnCookie = y),
|
|
5073
|
+
"hash-on-cookie-path": a.fields.hashOnCookiePath,
|
|
5074
|
+
"onUpdate:hashOnCookiePath": d[11] || (d[11] = (y) => a.fields.hashOnCookiePath = y),
|
|
5075
|
+
"hash-on-header": a.fields.hashOnHeader,
|
|
5076
|
+
"onUpdate:hashOnHeader": d[12] || (d[12] = (y) => a.fields.hashOnHeader = y),
|
|
5077
|
+
"hash-on-query-argument": a.fields.hashOnQueryArgument,
|
|
5078
|
+
"onUpdate:hashOnQueryArgument": d[13] || (d[13] = (y) => a.fields.hashOnQueryArgument = y),
|
|
5079
|
+
"hash-on-uri-capture": a.fields.hashOnUriCapture,
|
|
5080
|
+
"onUpdate:hashOnUriCapture": d[14] || (d[14] = (y) => a.fields.hashOnUriCapture = y),
|
|
5081
|
+
slots: a.fields.slots,
|
|
5082
|
+
"onUpdate:slots": d[15] || (d[15] = (y) => a.fields.slots = y),
|
|
5083
|
+
readonly: a.readonly
|
|
5075
5084
|
}, null, 8, ["algorithm", "hash-fallback", "hash-fallback-header", "hash-fallback-query-argument", "hash-fallback-uri-capture", "hash-on", "hash-on-cookie", "hash-on-cookie-path", "hash-on-header", "hash-on-query-argument", "hash-on-uri-capture", "slots", "readonly"]),
|
|
5076
|
-
c(
|
|
5077
|
-
"active-health-switch":
|
|
5085
|
+
c(br, {
|
|
5086
|
+
"active-health-switch": a.fields.activeHealthSwitch,
|
|
5078
5087
|
"onUpdate:activeHealthSwitch": [
|
|
5079
|
-
d[16] || (d[16] = (
|
|
5088
|
+
d[16] || (d[16] = (y) => a.fields.activeHealthSwitch = y),
|
|
5080
5089
|
p
|
|
5081
5090
|
],
|
|
5082
|
-
"healthchecks-threshold":
|
|
5083
|
-
"onUpdate:healthchecksThreshold": d[17] || (d[17] = (
|
|
5084
|
-
"passive-health-switch":
|
|
5091
|
+
"healthchecks-threshold": a.fields.healthchecksThreshold,
|
|
5092
|
+
"onUpdate:healthchecksThreshold": d[17] || (d[17] = (y) => a.fields.healthchecksThreshold = y),
|
|
5093
|
+
"passive-health-switch": a.fields.passiveHealthSwitch,
|
|
5085
5094
|
"onUpdate:passiveHealthSwitch": [
|
|
5086
|
-
d[18] || (d[18] = (
|
|
5095
|
+
d[18] || (d[18] = (y) => a.fields.passiveHealthSwitch = y),
|
|
5087
5096
|
f
|
|
5088
5097
|
],
|
|
5089
|
-
readonly:
|
|
5098
|
+
readonly: a.readonly
|
|
5090
5099
|
}, null, 8, ["active-health-switch", "healthchecks-threshold", "passive-health-switch", "readonly"]),
|
|
5091
|
-
|
|
5100
|
+
a.fields.activeHealthSwitch ? (b(), E(Ir, {
|
|
5092
5101
|
key: 0,
|
|
5093
|
-
concurrency:
|
|
5094
|
-
"onUpdate:concurrency": d[19] || (d[19] = (
|
|
5095
|
-
headers:
|
|
5096
|
-
"onUpdate:headers": d[20] || (d[20] = (
|
|
5097
|
-
"http-failures":
|
|
5098
|
-
"onUpdate:httpFailures": d[21] || (d[21] = (
|
|
5099
|
-
"http-path":
|
|
5100
|
-
"onUpdate:httpPath": d[22] || (d[22] = (
|
|
5101
|
-
"http-statuses":
|
|
5102
|
-
"onUpdate:httpStatuses": d[23] || (d[23] = (
|
|
5103
|
-
"https-sni":
|
|
5104
|
-
"onUpdate:httpsSni": d[24] || (d[24] = (
|
|
5105
|
-
interval:
|
|
5106
|
-
"onUpdate:interval": d[25] || (d[25] = (
|
|
5107
|
-
successes:
|
|
5108
|
-
"onUpdate:successes": d[26] || (d[26] = (
|
|
5109
|
-
"tcp-failures":
|
|
5110
|
-
"onUpdate:tcpFailures": d[27] || (d[27] = (
|
|
5111
|
-
timeout:
|
|
5112
|
-
"onUpdate:timeout": d[28] || (d[28] = (
|
|
5113
|
-
type:
|
|
5114
|
-
"onUpdate:type": d[29] || (d[29] = (
|
|
5115
|
-
"unhealthy-http-statuses":
|
|
5116
|
-
"onUpdate:unhealthyHttpStatuses": d[30] || (d[30] = (
|
|
5117
|
-
"unhealthy-interval":
|
|
5118
|
-
"onUpdate:unhealthyInterval": d[31] || (d[31] = (
|
|
5119
|
-
"unhealthy-timeouts":
|
|
5120
|
-
"onUpdate:unhealthyTimeouts": d[32] || (d[32] = (
|
|
5121
|
-
"verify-ssl":
|
|
5122
|
-
"onUpdate:verifySsl": d[33] || (d[33] = (
|
|
5102
|
+
concurrency: a.fields.activeHealthCheck.concurrency,
|
|
5103
|
+
"onUpdate:concurrency": d[19] || (d[19] = (y) => a.fields.activeHealthCheck.concurrency = y),
|
|
5104
|
+
headers: a.fields.activeHealthCheck.headers,
|
|
5105
|
+
"onUpdate:headers": d[20] || (d[20] = (y) => a.fields.activeHealthCheck.headers = y),
|
|
5106
|
+
"http-failures": a.fields.activeHealthCheck.httpFailures,
|
|
5107
|
+
"onUpdate:httpFailures": d[21] || (d[21] = (y) => a.fields.activeHealthCheck.httpFailures = y),
|
|
5108
|
+
"http-path": a.fields.activeHealthCheck.httpPath,
|
|
5109
|
+
"onUpdate:httpPath": d[22] || (d[22] = (y) => a.fields.activeHealthCheck.httpPath = y),
|
|
5110
|
+
"http-statuses": a.fields.activeHealthCheck.httpStatuses,
|
|
5111
|
+
"onUpdate:httpStatuses": d[23] || (d[23] = (y) => a.fields.activeHealthCheck.httpStatuses = y),
|
|
5112
|
+
"https-sni": a.fields.activeHealthCheck.httpsSni,
|
|
5113
|
+
"onUpdate:httpsSni": d[24] || (d[24] = (y) => a.fields.activeHealthCheck.httpsSni = y),
|
|
5114
|
+
interval: a.fields.activeHealthCheck.interval,
|
|
5115
|
+
"onUpdate:interval": d[25] || (d[25] = (y) => a.fields.activeHealthCheck.interval = y),
|
|
5116
|
+
successes: a.fields.activeHealthCheck.successes,
|
|
5117
|
+
"onUpdate:successes": d[26] || (d[26] = (y) => a.fields.activeHealthCheck.successes = y),
|
|
5118
|
+
"tcp-failures": a.fields.activeHealthCheck.tcpFailures,
|
|
5119
|
+
"onUpdate:tcpFailures": d[27] || (d[27] = (y) => a.fields.activeHealthCheck.tcpFailures = y),
|
|
5120
|
+
timeout: a.fields.activeHealthCheck.timeout,
|
|
5121
|
+
"onUpdate:timeout": d[28] || (d[28] = (y) => a.fields.activeHealthCheck.timeout = y),
|
|
5122
|
+
type: a.fields.activeHealthCheck.type,
|
|
5123
|
+
"onUpdate:type": d[29] || (d[29] = (y) => a.fields.activeHealthCheck.type = y),
|
|
5124
|
+
"unhealthy-http-statuses": a.fields.activeHealthCheck.unhealthyHttpStatuses,
|
|
5125
|
+
"onUpdate:unhealthyHttpStatuses": d[30] || (d[30] = (y) => a.fields.activeHealthCheck.unhealthyHttpStatuses = y),
|
|
5126
|
+
"unhealthy-interval": a.fields.activeHealthCheck.unhealthyInterval,
|
|
5127
|
+
"onUpdate:unhealthyInterval": d[31] || (d[31] = (y) => a.fields.activeHealthCheck.unhealthyInterval = y),
|
|
5128
|
+
"unhealthy-timeouts": a.fields.activeHealthCheck.unhealthyTimeouts,
|
|
5129
|
+
"onUpdate:unhealthyTimeouts": d[32] || (d[32] = (y) => a.fields.activeHealthCheck.unhealthyTimeouts = y),
|
|
5130
|
+
"verify-ssl": a.fields.activeHealthCheck.verifySsl,
|
|
5131
|
+
"onUpdate:verifySsl": d[33] || (d[33] = (y) => a.fields.activeHealthCheck.verifySsl = y),
|
|
5123
5132
|
config: e.config,
|
|
5124
|
-
readonly:
|
|
5133
|
+
readonly: a.readonly
|
|
5125
5134
|
}, null, 8, ["concurrency", "headers", "http-failures", "http-path", "http-statuses", "https-sni", "interval", "successes", "tcp-failures", "timeout", "type", "unhealthy-http-statuses", "unhealthy-interval", "unhealthy-timeouts", "verify-ssl", "config", "readonly"])) : G("", !0),
|
|
5126
|
-
|
|
5135
|
+
a.fields.passiveHealthSwitch ? (b(), E($r, {
|
|
5127
5136
|
key: 1,
|
|
5128
|
-
"http-failures":
|
|
5129
|
-
"onUpdate:httpFailures": d[34] || (d[34] = (
|
|
5130
|
-
"http-statuses":
|
|
5131
|
-
"onUpdate:httpStatuses": d[35] || (d[35] = (
|
|
5132
|
-
successes:
|
|
5133
|
-
"onUpdate:successes": d[36] || (d[36] = (
|
|
5134
|
-
"tcp-failures":
|
|
5135
|
-
"onUpdate:tcpFailures": d[37] || (d[37] = (
|
|
5136
|
-
timeouts:
|
|
5137
|
-
"onUpdate:timeouts": d[38] || (d[38] = (
|
|
5138
|
-
type:
|
|
5139
|
-
"onUpdate:type": d[39] || (d[39] = (
|
|
5140
|
-
"unhealthy-http-statuses":
|
|
5141
|
-
"onUpdate:unhealthyHttpStatuses": d[40] || (d[40] = (
|
|
5142
|
-
readonly:
|
|
5137
|
+
"http-failures": a.fields.passiveHealthCheck.httpFailures,
|
|
5138
|
+
"onUpdate:httpFailures": d[34] || (d[34] = (y) => a.fields.passiveHealthCheck.httpFailures = y),
|
|
5139
|
+
"http-statuses": a.fields.passiveHealthCheck.httpStatuses,
|
|
5140
|
+
"onUpdate:httpStatuses": d[35] || (d[35] = (y) => a.fields.passiveHealthCheck.httpStatuses = y),
|
|
5141
|
+
successes: a.fields.passiveHealthCheck.successes,
|
|
5142
|
+
"onUpdate:successes": d[36] || (d[36] = (y) => a.fields.passiveHealthCheck.successes = y),
|
|
5143
|
+
"tcp-failures": a.fields.passiveHealthCheck.tcpFailures,
|
|
5144
|
+
"onUpdate:tcpFailures": d[37] || (d[37] = (y) => a.fields.passiveHealthCheck.tcpFailures = y),
|
|
5145
|
+
timeouts: a.fields.passiveHealthCheck.timeouts,
|
|
5146
|
+
"onUpdate:timeouts": d[38] || (d[38] = (y) => a.fields.passiveHealthCheck.timeouts = y),
|
|
5147
|
+
type: a.fields.passiveHealthCheck.type,
|
|
5148
|
+
"onUpdate:type": d[39] || (d[39] = (y) => a.fields.passiveHealthCheck.type = y),
|
|
5149
|
+
"unhealthy-http-statuses": a.fields.passiveHealthCheck.unhealthyHttpStatuses,
|
|
5150
|
+
"onUpdate:unhealthyHttpStatuses": d[40] || (d[40] = (y) => a.fields.passiveHealthCheck.unhealthyHttpStatuses = y),
|
|
5151
|
+
readonly: a.readonly
|
|
5143
5152
|
}, null, 8, ["http-failures", "http-statuses", "successes", "tcp-failures", "timeouts", "type", "unhealthy-http-statuses", "readonly"])) : G("", !0)
|
|
5144
5153
|
]),
|
|
5145
5154
|
_: 1
|
|
@@ -5147,7 +5156,7 @@ const Or = /* @__PURE__ */ ye(Fr, [["__scopeId", "data-v-6d6854e3"]]), Kr = { cl
|
|
|
5147
5156
|
]));
|
|
5148
5157
|
}
|
|
5149
5158
|
});
|
|
5150
|
-
const
|
|
5159
|
+
const Wr = /* @__PURE__ */ ve(Kr, [["__scopeId", "data-v-810fb7b7"]]), Pr = /* @__PURE__ */ C("code", null, "10", -1), Br = /* @__PURE__ */ C("code", null, "65536", -1), Ar = { "data-testid": "client_certificate-plain-text" }, zr = /* @__PURE__ */ ae({
|
|
5151
5160
|
__name: "UpstreamsConfigCard",
|
|
5152
5161
|
props: {
|
|
5153
5162
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
@@ -5166,7 +5175,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5166
5175
|
},
|
|
5167
5176
|
emits: ["loading", "fetch:error", "fetch:success", "copy:success"],
|
|
5168
5177
|
setup(e) {
|
|
5169
|
-
const r = e, { i18n: { t }, i18nT:
|
|
5178
|
+
const r = e, { i18n: { t }, i18nT: l } = me.useI18n(), u = T(() => Ie.form[r.config.app].edit), v = M({
|
|
5170
5179
|
id: {},
|
|
5171
5180
|
name: {},
|
|
5172
5181
|
created_at: {},
|
|
@@ -5240,19 +5249,19 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5240
5249
|
tooltip: t("upstreams.form.hash_tooltips.client_certificate")
|
|
5241
5250
|
}
|
|
5242
5251
|
});
|
|
5243
|
-
return (H,
|
|
5244
|
-
c(s(
|
|
5252
|
+
return (H, q) => (b(), V("div", null, [
|
|
5253
|
+
c(s(ss), {
|
|
5245
5254
|
config: e.config,
|
|
5246
|
-
"config-schema":
|
|
5255
|
+
"config-schema": v.value,
|
|
5247
5256
|
"fetch-url": u.value,
|
|
5248
5257
|
"hide-title": e.hideTitle,
|
|
5249
|
-
"onCopy:success":
|
|
5250
|
-
"onFetch:error":
|
|
5251
|
-
"onFetch:success":
|
|
5252
|
-
onLoading:
|
|
5258
|
+
"onCopy:success": q[0] || (q[0] = (i) => H.$emit("copy:success", i)),
|
|
5259
|
+
"onFetch:error": q[1] || (q[1] = (i) => H.$emit("fetch:error", i)),
|
|
5260
|
+
"onFetch:success": q[2] || (q[2] = (i) => H.$emit("fetch:success", i)),
|
|
5261
|
+
onLoading: q[3] || (q[3] = (i) => H.$emit("loading", i))
|
|
5253
5262
|
}, {
|
|
5254
5263
|
"name-label-tooltip": n(() => [
|
|
5255
|
-
c(s(
|
|
5264
|
+
c(s(l), {
|
|
5256
5265
|
keypath: "upstreams.form.fields.name.tooltip",
|
|
5257
5266
|
scope: "global"
|
|
5258
5267
|
}, {
|
|
@@ -5263,7 +5272,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5263
5272
|
})
|
|
5264
5273
|
]),
|
|
5265
5274
|
"hash_on-label-tooltip": n(({ row: i }) => [
|
|
5266
|
-
c(s(
|
|
5275
|
+
c(s(l), {
|
|
5267
5276
|
keypath: "upstreams.form.fields.hash_on.tooltip",
|
|
5268
5277
|
scope: "global"
|
|
5269
5278
|
}, {
|
|
@@ -5274,7 +5283,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5274
5283
|
}, 1024)
|
|
5275
5284
|
]),
|
|
5276
5285
|
"hash_on_header-label-tooltip": n(() => [
|
|
5277
|
-
c(s(
|
|
5286
|
+
c(s(l), {
|
|
5278
5287
|
keypath: "upstreams.form.hash_tooltips.hash_on_header.text",
|
|
5279
5288
|
scope: "global"
|
|
5280
5289
|
}, {
|
|
@@ -5288,7 +5297,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5288
5297
|
})
|
|
5289
5298
|
]),
|
|
5290
5299
|
"hash_on_uri_capture-label-tooltip": n(() => [
|
|
5291
|
-
c(s(
|
|
5300
|
+
c(s(l), {
|
|
5292
5301
|
keypath: "upstreams.form.hash_tooltips.hash_on_uri_capture.text",
|
|
5293
5302
|
scope: "global"
|
|
5294
5303
|
}, {
|
|
@@ -5302,7 +5311,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5302
5311
|
})
|
|
5303
5312
|
]),
|
|
5304
5313
|
"hash_on_query_arg-label-tooltip": n(() => [
|
|
5305
|
-
c(s(
|
|
5314
|
+
c(s(l), {
|
|
5306
5315
|
keypath: "upstreams.form.hash_tooltips.hash_on_query_arg.text",
|
|
5307
5316
|
scope: "global"
|
|
5308
5317
|
}, {
|
|
@@ -5316,7 +5325,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5316
5325
|
})
|
|
5317
5326
|
]),
|
|
5318
5327
|
"hash_on_cookie-label-tooltip": n(() => [
|
|
5319
|
-
c(s(
|
|
5328
|
+
c(s(l), {
|
|
5320
5329
|
keypath: "upstreams.form.hash_tooltips.hash_on_cookie.text",
|
|
5321
5330
|
scope: "global"
|
|
5322
5331
|
}, {
|
|
@@ -5333,7 +5342,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5333
5342
|
})
|
|
5334
5343
|
]),
|
|
5335
5344
|
"hash_on_cookie_path-label-tooltip": n(() => [
|
|
5336
|
-
c(s(
|
|
5345
|
+
c(s(l), {
|
|
5337
5346
|
keypath: "upstreams.form.hash_tooltips.hash_on_cookie_path.text",
|
|
5338
5347
|
scope: "global"
|
|
5339
5348
|
}, {
|
|
@@ -5350,7 +5359,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5350
5359
|
})
|
|
5351
5360
|
]),
|
|
5352
5361
|
"slots-label-tooltip": n(() => [
|
|
5353
|
-
c(s(
|
|
5362
|
+
c(s(l), {
|
|
5354
5363
|
keypath: "upstreams.form.hash_tooltips.slots.text",
|
|
5355
5364
|
scope: "global"
|
|
5356
5365
|
}, {
|
|
@@ -5364,16 +5373,16 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5364
5373
|
C("code", null, g(s(t)("upstreams.form.hash_tooltips.slots.consistent_hashing")), 1)
|
|
5365
5374
|
]),
|
|
5366
5375
|
min: n(() => [
|
|
5367
|
-
|
|
5376
|
+
Pr
|
|
5368
5377
|
]),
|
|
5369
5378
|
max: n(() => [
|
|
5370
|
-
|
|
5379
|
+
Br
|
|
5371
5380
|
]),
|
|
5372
5381
|
_: 1
|
|
5373
5382
|
})
|
|
5374
5383
|
]),
|
|
5375
5384
|
"hash_fallback-label-tooltip": n(() => [
|
|
5376
|
-
c(s(
|
|
5385
|
+
c(s(l), {
|
|
5377
5386
|
keypath: "upstreams.form.hash_tooltips.hash_fallback.text",
|
|
5378
5387
|
scope: "global"
|
|
5379
5388
|
}, {
|
|
@@ -5387,7 +5396,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5387
5396
|
})
|
|
5388
5397
|
]),
|
|
5389
5398
|
"hash_fallback_header-label-tooltip": n(() => [
|
|
5390
|
-
c(s(
|
|
5399
|
+
c(s(l), {
|
|
5391
5400
|
keypath: "upstreams.form.hash_tooltips.hash_fallback_header.text",
|
|
5392
5401
|
scope: "global"
|
|
5393
5402
|
}, {
|
|
@@ -5401,7 +5410,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5401
5410
|
})
|
|
5402
5411
|
]),
|
|
5403
5412
|
"hash_fallback_query_arg-label-tooltip": n(() => [
|
|
5404
|
-
c(s(
|
|
5413
|
+
c(s(l), {
|
|
5405
5414
|
keypath: "upstreams.form.hash_tooltips.hash_fallback_query_arg.text",
|
|
5406
5415
|
scope: "global"
|
|
5407
5416
|
}, {
|
|
@@ -5415,7 +5424,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5415
5424
|
})
|
|
5416
5425
|
]),
|
|
5417
5426
|
"hash_fallback_uri_capture-label-tooltip": n(() => [
|
|
5418
|
-
c(s(
|
|
5427
|
+
c(s(l), {
|
|
5419
5428
|
keypath: "upstreams.form.hash_tooltips.hash_fallback_uri_capture.text",
|
|
5420
5429
|
scope: "global"
|
|
5421
5430
|
}, {
|
|
@@ -5429,7 +5438,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5429
5438
|
})
|
|
5430
5439
|
]),
|
|
5431
5440
|
"host_header-label-tooltip": n(() => [
|
|
5432
|
-
c(s(
|
|
5441
|
+
c(s(l), {
|
|
5433
5442
|
keypath: "upstreams.form.hash_tooltips.host_header.text",
|
|
5434
5443
|
scope: "global"
|
|
5435
5444
|
}, {
|
|
@@ -5441,7 +5450,7 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5441
5450
|
]),
|
|
5442
5451
|
client_certificate: n(({ rowValue: i }) => [
|
|
5443
5452
|
C("div", null, [
|
|
5444
|
-
C("div",
|
|
5453
|
+
C("div", Ar, [
|
|
5445
5454
|
C("span", null, g(i == null ? void 0 : i.id), 1)
|
|
5446
5455
|
])
|
|
5447
5456
|
])
|
|
@@ -5452,9 +5461,9 @@ const zr = /* @__PURE__ */ ye(Pr, [["__scopeId", "data-v-810fb7b7"]]), Br = /* @
|
|
|
5452
5461
|
}
|
|
5453
5462
|
});
|
|
5454
5463
|
export {
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5464
|
+
tr as TargetForm,
|
|
5465
|
+
Qr as TargetsList,
|
|
5466
|
+
zr as UpstreamsConfigCard,
|
|
5467
|
+
Wr as UpstreamsForm,
|
|
5468
|
+
Jr as UpstreamsList
|
|
5460
5469
|
};
|