@kong-ui-public/entities-gateway-services 3.10.5-pr.1990.afc0f1375.0 → 3.10.5-pr.2005.c6962ae14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/entities-gateway-services.es.js +410 -398
- package/dist/entities-gateway-services.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/GatewayServiceConfigCard.vue.d.ts.map +1 -1
- package/dist/types/components/GatewayServiceForm.vue.d.ts.map +1 -1
- package/dist/types/components/GatewayServiceList.vue.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useRouter as
|
|
3
|
-
import { BookIcon as
|
|
4
|
-
import { createI18n as
|
|
5
|
-
import {
|
|
6
|
-
const
|
|
1
|
+
import { defineComponent as Te, computed as b, ref as E, watch as Ie, onBeforeMount as Le, resolveComponent as F, openBlock as S, createElementBlock as U, createVNode as d, unref as o, createSlots as Ee, withCtx as f, createBlock as ue, Teleport as Pe, createElementVNode as k, createCommentVNode as L, createTextVNode as R, toDisplayString as y, withModifiers as Se, reactive as Ue, onMounted as De, renderSlot as Ge } from "vue";
|
|
2
|
+
import { useRouter as xe } from "vue-router";
|
|
3
|
+
import { BookIcon as Re, AddIcon as Ke, ServicesIcon as qe } from "@kong/icons";
|
|
4
|
+
import { createI18n as Oe, i18nTComponent as Ne } from "@kong-ui-public/i18n";
|
|
5
|
+
import { useAxios as Ae, useTableState as We, useFetcher as je, useDeleteUrlBuilder as He, FetcherStatus as Je, EntityBaseTable as ze, EntityFilter as Qe, PermissionsWrapper as ie, TableTags as Xe, EntityEmptyState as Ze, EntityToggleModal as Ye, EntityDeleteModal as et, EntityTypes as tt, useErrors as ot, useValidators as lt, EntityBaseFormType as Me, useGatewayFeatureSupported as it, EntityBaseForm as st, SupportedEntityType as Fe, EntityFormSection as $e, useHelpers as rt, ConfigurationSchemaSection as fe, ConfigurationSchemaType as at, EntityBaseConfigCard as nt } from "@kong-ui-public/entities-shared";
|
|
6
|
+
const ct = {
|
|
7
7
|
create: "New gateway service",
|
|
8
8
|
serverless_create: "Add a Service",
|
|
9
9
|
copy_id: "Copy ID",
|
|
@@ -16,12 +16,12 @@ const dt = {
|
|
|
16
16
|
description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
|
|
17
17
|
menu_label: "Delete"
|
|
18
18
|
}
|
|
19
|
-
},
|
|
19
|
+
}, dt = {
|
|
20
20
|
placeholder: {
|
|
21
21
|
konnect: "Filter by name",
|
|
22
22
|
kongManager: "Filter by exact name or ID"
|
|
23
23
|
}
|
|
24
|
-
},
|
|
24
|
+
}, ut = {
|
|
25
25
|
title: "Gateway Services",
|
|
26
26
|
list: {
|
|
27
27
|
toolbar_actions: {
|
|
@@ -49,7 +49,8 @@ const dt = {
|
|
|
49
49
|
empty_state_v2: {
|
|
50
50
|
create: "New gateway service",
|
|
51
51
|
title: "Configure your first gateway service",
|
|
52
|
-
|
|
52
|
+
group: "Services created in gateways within this group will automatically appear here.",
|
|
53
|
+
description: "Gateway services represent backend APIs or microservices that receive traffic routed through the gateway."
|
|
53
54
|
},
|
|
54
55
|
form: {
|
|
55
56
|
sections: {
|
|
@@ -169,33 +170,33 @@ const dt = {
|
|
|
169
170
|
}
|
|
170
171
|
}
|
|
171
172
|
}
|
|
172
|
-
},
|
|
173
|
+
}, ft = {
|
|
173
174
|
general: "Gateway Services could not be retrieved",
|
|
174
175
|
delete: "The gateway service could not be deleted at this time.",
|
|
175
176
|
copy: "Failed to copy to clipboard",
|
|
176
177
|
urlErrorMessage: "Error: invalid URL"
|
|
177
|
-
},
|
|
178
|
+
}, pt = {
|
|
178
179
|
success: "Copied {val} to clipboard",
|
|
179
180
|
success_brief: "Successfully copied to clipboard"
|
|
180
|
-
},
|
|
181
|
+
}, mt = {
|
|
181
182
|
gateway_services: "gateway services"
|
|
182
|
-
},
|
|
183
|
-
actions:
|
|
184
|
-
search:
|
|
185
|
-
gateway_services:
|
|
186
|
-
errors:
|
|
187
|
-
copy:
|
|
188
|
-
glossary:
|
|
183
|
+
}, vt = {
|
|
184
|
+
actions: ct,
|
|
185
|
+
search: dt,
|
|
186
|
+
gateway_services: ut,
|
|
187
|
+
errors: ft,
|
|
188
|
+
copy: pt,
|
|
189
|
+
glossary: mt
|
|
189
190
|
};
|
|
190
191
|
function gt() {
|
|
191
|
-
const n =
|
|
192
|
+
const n = Oe("en-us", vt);
|
|
192
193
|
return {
|
|
193
194
|
i18n: n,
|
|
194
|
-
i18nT:
|
|
195
|
+
i18nT: Ne(n)
|
|
195
196
|
// Translation component <i18n-t>
|
|
196
197
|
};
|
|
197
198
|
}
|
|
198
|
-
function
|
|
199
|
+
function yt() {
|
|
199
200
|
return {
|
|
200
201
|
getPortFromProtocol: (D, p) => {
|
|
201
202
|
const c = [80, 443], r = Number(p);
|
|
@@ -217,38 +218,38 @@ function _t() {
|
|
|
217
218
|
}
|
|
218
219
|
};
|
|
219
220
|
}
|
|
220
|
-
const
|
|
221
|
+
const ve = {
|
|
221
222
|
useI18n: gt,
|
|
222
|
-
usePortFromProtocol:
|
|
223
|
-
},
|
|
223
|
+
usePortFromProtocol: yt
|
|
224
|
+
}, pe = "/v2/control-planes/{controlPlaneId}/core-entities", me = "/{workspace}", se = {
|
|
224
225
|
list: {
|
|
225
226
|
konnect: {
|
|
226
|
-
all: `${
|
|
227
|
+
all: `${pe}/services`
|
|
227
228
|
},
|
|
228
229
|
kongManager: {
|
|
229
|
-
all: `${
|
|
230
|
+
all: `${me}/services`
|
|
230
231
|
}
|
|
231
232
|
},
|
|
232
233
|
form: {
|
|
233
234
|
konnect: {
|
|
234
|
-
create: `${
|
|
235
|
-
validate: `${
|
|
236
|
-
edit: `${
|
|
235
|
+
create: `${pe}/services`,
|
|
236
|
+
validate: `${pe}/v1/schemas/json/service/validate`,
|
|
237
|
+
edit: `${pe}/services/{id}`
|
|
237
238
|
},
|
|
238
239
|
kongManager: {
|
|
239
|
-
create: `${
|
|
240
|
-
validate: `${
|
|
241
|
-
edit: `${
|
|
240
|
+
create: `${me}/services`,
|
|
241
|
+
validate: `${me}/schemas/services/validate`,
|
|
242
|
+
edit: `${me}/services/{id}`
|
|
242
243
|
}
|
|
243
244
|
}
|
|
244
|
-
},
|
|
245
|
+
}, _t = "#00abd2", bt = "24px", ht = { class: "kong-ui-entities-gateway-services-list" }, wt = { class: "button-row" }, kt = { class: "empty-state-icon-gateway" }, Ct = { key: 1 }, Vt = /* @__PURE__ */ Te({
|
|
245
246
|
__name: "GatewayServiceList",
|
|
246
247
|
props: {
|
|
247
248
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
248
249
|
config: {
|
|
249
250
|
type: Object,
|
|
250
251
|
required: !0,
|
|
251
|
-
validator: (n) => !(!n || ![
|
|
252
|
+
validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || !n.createRoute || !n.getViewRoute || !n.getEditRoute || n.app === "kongManager" && !n.isExactMatch && !n.filterSchema)
|
|
252
253
|
},
|
|
253
254
|
// used to override the default identifier for the cache entry
|
|
254
255
|
cacheIdentifier: {
|
|
@@ -300,8 +301,8 @@ const ye = {
|
|
|
300
301
|
},
|
|
301
302
|
emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
|
|
302
303
|
setup(n, { emit: D }) {
|
|
303
|
-
var
|
|
304
|
-
const p = D, c = n, { i18n: { t: r, formatUnixTimeStamp:
|
|
304
|
+
var l;
|
|
305
|
+
const p = D, c = n, { i18n: { t: r, formatUnixTimeStamp: x } } = ve.useI18n(), N = xe(), { axiosInstance: q } = Ae((l = c.config) == null ? void 0 : l.axiosRequestConfig), { hasRecords: a, handleStateChange: P } = We(() => G.value), C = b(() => a.value && c.config.app === "konnect"), ge = b(() => !c.enableV2EmptyStates && c.config.app === "konnect"), ye = b(() => c.config.app !== "kongManager" || !!c.config.disableSorting), O = {
|
|
305
306
|
// the Name column is non-hidable
|
|
306
307
|
name: { label: r("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
|
|
307
308
|
...c.config.showControlPlaneColumn ? { control_plane: { label: r("gateway_services.list.table_headers.control_plane") } } : {},
|
|
@@ -313,71 +314,71 @@ const ye = {
|
|
|
313
314
|
tags: { label: r("gateway_services.list.table_headers.tags"), sortable: !1 },
|
|
314
315
|
updated_at: { label: r("gateway_services.list.table_headers.updated_at"), sortable: !0 },
|
|
315
316
|
created_at: { label: r("gateway_services.list.table_headers.created_at"), sortable: !0 }
|
|
316
|
-
},
|
|
317
|
+
}, _e = {
|
|
317
318
|
columnVisibility: {
|
|
318
319
|
created_at: !1
|
|
319
320
|
}
|
|
320
|
-
},
|
|
321
|
-
var s,
|
|
322
|
-
let u = `${c.config.apiBaseUrl}${
|
|
323
|
-
return c.config.app ===
|
|
324
|
-
}),
|
|
325
|
-
const u = c.config.app ===
|
|
321
|
+
}, H = O, _ = b(() => {
|
|
322
|
+
var s, g;
|
|
323
|
+
let u = `${c.config.apiBaseUrl}${se.list[c.config.app].all}`;
|
|
324
|
+
return c.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((s = c.config) == null ? void 0 : s.controlPlaneId) || "") : c.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (g = c.config) != null && g.workspace ? `/${c.config.workspace}` : "")), u;
|
|
325
|
+
}), Y = b(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${_.value}`) : new URL(_.value)), G = E(""), be = b(() => {
|
|
326
|
+
const u = c.config.app === "konnect" || c.config.isExactMatch;
|
|
326
327
|
if (u)
|
|
327
328
|
return {
|
|
328
329
|
isExactMatch: u,
|
|
329
330
|
placeholder: r(`search.placeholder.${c.config.app}`)
|
|
330
331
|
};
|
|
331
|
-
const { name: s, enabled:
|
|
332
|
+
const { name: s, enabled: g, protocol: I, host: Z, port: A, path: de } = O;
|
|
332
333
|
return {
|
|
333
334
|
isExactMatch: u,
|
|
334
|
-
fields: { name: s, enabled:
|
|
335
|
+
fields: { name: s, enabled: g, protocol: I, host: Z, port: A, path: de },
|
|
335
336
|
schema: c.config.filterSchema
|
|
336
337
|
};
|
|
337
338
|
}), {
|
|
338
339
|
fetcher: e,
|
|
339
|
-
fetcherState:
|
|
340
|
-
fetcherCacheKey:
|
|
341
|
-
} =
|
|
340
|
+
fetcherState: w,
|
|
341
|
+
fetcherCacheKey: ee
|
|
342
|
+
} = je({ ...c.config, cacheIdentifier: c.cacheIdentifier }, _.value), he = () => {
|
|
342
343
|
G.value = "";
|
|
343
|
-
},
|
|
344
|
-
|
|
345
|
-
}, J =
|
|
344
|
+
}, re = () => {
|
|
345
|
+
ee.value++;
|
|
346
|
+
}, J = E(null), W = b(() => ({
|
|
346
347
|
ctaPath: c.config.createRoute,
|
|
347
|
-
ctaText:
|
|
348
|
+
ctaText: h.value ? c.isServerless ? r("actions.serverless_create") : r("actions.create") : void 0,
|
|
348
349
|
message: `${r("gateway_services.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
|
|
349
|
-
title:
|
|
350
|
-
})),
|
|
350
|
+
title: h.value ? c.isServerless ? r("gateway_services.list.empty_state.serverless_title") : r("gateway_services.list.empty_state.title") : r("gateway_services.title")
|
|
351
|
+
})), z = E(!1), T = E(null), Q = b(() => {
|
|
351
352
|
const u = {
|
|
352
353
|
action: "disable",
|
|
353
354
|
id: "",
|
|
354
355
|
name: ""
|
|
355
356
|
};
|
|
356
|
-
if (
|
|
357
|
-
const { enabled: s, id:
|
|
358
|
-
u.action = s ? "disable" : "enable", u.id =
|
|
357
|
+
if (T.value) {
|
|
358
|
+
const { enabled: s, id: g, name: I } = T.value;
|
|
359
|
+
u.action = s ? "disable" : "enable", u.id = g, u.name = I || g;
|
|
359
360
|
}
|
|
360
361
|
return u;
|
|
361
|
-
}),
|
|
362
|
-
|
|
363
|
-
},
|
|
364
|
-
|
|
365
|
-
},
|
|
366
|
-
var
|
|
367
|
-
if (!await ((
|
|
362
|
+
}), we = (u) => {
|
|
363
|
+
z.value = !0, T.value = u;
|
|
364
|
+
}, ae = () => {
|
|
365
|
+
z.value = !1, T.value = null;
|
|
366
|
+
}, ke = async () => {
|
|
367
|
+
var I, Z;
|
|
368
|
+
if (!await ((I = c.canEdit) == null ? void 0 : I.call(c, T.value)) || !T.value)
|
|
368
369
|
return;
|
|
369
|
-
const s = `${
|
|
370
|
+
const s = `${Y.value.href}/${T.value.id}`, g = !T.value.enabled;
|
|
370
371
|
try {
|
|
371
|
-
const { data:
|
|
372
|
-
p("toggle:success",
|
|
373
|
-
} catch (
|
|
374
|
-
p("error",
|
|
372
|
+
const { data: A } = ((Z = c.config) == null ? void 0 : Z.app) === "konnect" ? await q.put(s, { ...T.value, enabled: g }) : await q.patch(s, { ...T.value, enabled: g });
|
|
373
|
+
p("toggle:success", A), T.value.enabled = g;
|
|
374
|
+
} catch (A) {
|
|
375
|
+
p("error", A);
|
|
375
376
|
}
|
|
376
|
-
},
|
|
377
|
-
c.config.getControlPlaneRoute &&
|
|
378
|
-
},
|
|
379
|
-
const
|
|
380
|
-
if (!s(
|
|
377
|
+
}, Ce = (u) => {
|
|
378
|
+
c.config.getControlPlaneRoute && N.push(c.config.getControlPlaneRoute(u));
|
|
379
|
+
}, te = (u, s) => {
|
|
380
|
+
const g = u.id;
|
|
381
|
+
if (!s(g)) {
|
|
381
382
|
p("copy:error", {
|
|
382
383
|
entity: u,
|
|
383
384
|
field: "id",
|
|
@@ -388,11 +389,11 @@ const ye = {
|
|
|
388
389
|
p("copy:success", {
|
|
389
390
|
entity: u,
|
|
390
391
|
field: "id",
|
|
391
|
-
message: r("copy.success", { val:
|
|
392
|
+
message: r("copy.success", { val: g })
|
|
392
393
|
});
|
|
393
|
-
},
|
|
394
|
-
const
|
|
395
|
-
if (!s(
|
|
394
|
+
}, ne = (u, s) => {
|
|
395
|
+
const g = JSON.stringify(u);
|
|
396
|
+
if (!s(g)) {
|
|
396
397
|
p("copy:error", {
|
|
397
398
|
entity: u,
|
|
398
399
|
message: r("errors.copy")
|
|
@@ -403,82 +404,82 @@ const ye = {
|
|
|
403
404
|
entity: u,
|
|
404
405
|
message: r("copy.success_brief")
|
|
405
406
|
});
|
|
406
|
-
},
|
|
407
|
-
var
|
|
408
|
-
await ((
|
|
409
|
-
},
|
|
407
|
+
}, ce = async (u) => {
|
|
408
|
+
var g;
|
|
409
|
+
await ((g = c.canRetrieve) == null ? void 0 : g.call(c, u)) && N.push(c.config.getViewRoute(u.id));
|
|
410
|
+
}, Ve = (u) => ({
|
|
410
411
|
label: r("actions.view"),
|
|
411
412
|
to: c.config.getViewRoute(u)
|
|
412
413
|
}), oe = (u) => ({
|
|
413
414
|
label: r("actions.edit"),
|
|
414
415
|
to: c.config.getEditRoute(u)
|
|
415
|
-
}), B =
|
|
416
|
-
B.value = u,
|
|
416
|
+
}), B = E(void 0), K = E(!1), j = E(!1), X = E(""), t = He(c.config, _.value), i = (u) => {
|
|
417
|
+
B.value = u, K.value = !0, X.value = "";
|
|
417
418
|
}, v = () => {
|
|
418
|
-
|
|
419
|
-
},
|
|
420
|
-
var u, s,
|
|
419
|
+
K.value = !1, B.value = void 0;
|
|
420
|
+
}, M = async () => {
|
|
421
|
+
var u, s, g;
|
|
421
422
|
if ((u = B.value) != null && u.id) {
|
|
422
|
-
|
|
423
|
+
j.value = !0;
|
|
423
424
|
try {
|
|
424
|
-
await
|
|
425
|
-
} catch (
|
|
426
|
-
|
|
425
|
+
await q.delete(t(B.value.id)), p("delete:success", B.value), v(), ee.value++;
|
|
426
|
+
} catch (I) {
|
|
427
|
+
X.value = ((g = (s = I.response) == null ? void 0 : s.data) == null ? void 0 : g.message) || I.message || r("errors.delete"), p("error", I);
|
|
427
428
|
} finally {
|
|
428
|
-
|
|
429
|
+
j.value = !1;
|
|
429
430
|
}
|
|
430
431
|
}
|
|
431
|
-
},
|
|
432
|
-
|
|
432
|
+
}, V = () => {
|
|
433
|
+
N.push(c.config.createRoute);
|
|
433
434
|
};
|
|
434
|
-
|
|
435
|
-
var s,
|
|
435
|
+
Ie(w, (u) => {
|
|
436
|
+
var s, g, I;
|
|
436
437
|
if (u.status === Je.Error) {
|
|
437
438
|
J.value = {
|
|
438
439
|
title: r("errors.general")
|
|
439
|
-
}, (
|
|
440
|
+
}, (I = (g = (s = u.error) == null ? void 0 : s.response) == null ? void 0 : g.data) != null && I.message && (J.value.message = u.error.response.data.message), p("error", u.error);
|
|
440
441
|
return;
|
|
441
442
|
}
|
|
442
443
|
J.value = null;
|
|
443
444
|
});
|
|
444
|
-
const
|
|
445
|
-
return
|
|
446
|
-
|
|
445
|
+
const h = E(!1);
|
|
446
|
+
return Le(async () => {
|
|
447
|
+
h.value = await c.canCreate();
|
|
447
448
|
}), (u, s) => {
|
|
448
|
-
const
|
|
449
|
-
return
|
|
450
|
-
d(
|
|
449
|
+
const g = F("KButton"), I = F("KBadge"), Z = F("KInputSwitch"), A = F("KDropdownItem"), de = F("KClipboardProvider");
|
|
450
|
+
return S(), U("div", ht, [
|
|
451
|
+
d(o(ze), {
|
|
451
452
|
"cache-identifier": n.cacheIdentifier,
|
|
452
|
-
"default-table-preferences":
|
|
453
|
-
"disable-sorting":
|
|
454
|
-
"empty-state-options":
|
|
453
|
+
"default-table-preferences": _e,
|
|
454
|
+
"disable-sorting": ye.value,
|
|
455
|
+
"empty-state-options": W.value,
|
|
455
456
|
"enable-entity-actions": "",
|
|
456
457
|
"error-message": J.value,
|
|
457
|
-
fetcher:
|
|
458
|
-
"fetcher-cache-key":
|
|
458
|
+
fetcher: o(e),
|
|
459
|
+
"fetcher-cache-key": o(ee),
|
|
459
460
|
"pagination-type": "offset",
|
|
460
461
|
"preferences-storage-key": "kong-ui-entities-gateway-services-list",
|
|
461
462
|
query: G.value,
|
|
462
|
-
"table-headers":
|
|
463
|
-
onClearSearchInput:
|
|
464
|
-
"onClick:row": s[5] || (s[5] = (m) =>
|
|
465
|
-
onSort:
|
|
466
|
-
onState:
|
|
467
|
-
},
|
|
463
|
+
"table-headers": o(H),
|
|
464
|
+
onClearSearchInput: he,
|
|
465
|
+
"onClick:row": s[5] || (s[5] = (m) => ce(m)),
|
|
466
|
+
onSort: re,
|
|
467
|
+
onState: o(P)
|
|
468
|
+
}, Ee({
|
|
468
469
|
"toolbar-filter": f(() => [
|
|
469
|
-
d(
|
|
470
|
+
d(o(Qe), {
|
|
470
471
|
modelValue: G.value,
|
|
471
472
|
"onUpdate:modelValue": s[0] || (s[0] = (m) => G.value = m),
|
|
472
|
-
config:
|
|
473
|
+
config: be.value
|
|
473
474
|
}, null, 8, ["modelValue", "config"])
|
|
474
475
|
]),
|
|
475
476
|
"toolbar-button": f(() => [
|
|
476
|
-
(
|
|
477
|
+
(S(), ue(Pe, {
|
|
477
478
|
disabled: !n.useActionOutside,
|
|
478
479
|
to: "#kong-ui-app-page-header-action-button"
|
|
479
480
|
}, [
|
|
480
|
-
|
|
481
|
-
|
|
481
|
+
k("div", wt, [
|
|
482
|
+
C.value ? (S(), ue(g, {
|
|
482
483
|
key: 0,
|
|
483
484
|
appearance: "secondary",
|
|
484
485
|
class: "open-learning-hub",
|
|
@@ -487,23 +488,23 @@ const ye = {
|
|
|
487
488
|
onClick: s[1] || (s[1] = (m) => u.$emit("click:learn-more"))
|
|
488
489
|
}, {
|
|
489
490
|
default: f(() => [
|
|
490
|
-
d(
|
|
491
|
+
d(o(Re), { decorative: "" })
|
|
491
492
|
]),
|
|
492
493
|
_: 1
|
|
493
494
|
})) : L("", !0),
|
|
494
|
-
d(
|
|
495
|
+
d(o(ie), {
|
|
495
496
|
"auth-function": () => n.canCreate()
|
|
496
497
|
}, {
|
|
497
498
|
default: f(() => [
|
|
498
|
-
d(
|
|
499
|
+
d(g, {
|
|
499
500
|
appearance: "primary",
|
|
500
501
|
"data-testid": "toolbar-add-gateway-service",
|
|
501
502
|
size: n.useActionOutside ? "medium" : "large",
|
|
502
503
|
to: n.config.createRoute
|
|
503
504
|
}, {
|
|
504
505
|
default: f(() => [
|
|
505
|
-
d(
|
|
506
|
-
|
|
506
|
+
d(o(Ke)),
|
|
507
|
+
R(" " + y(o(r)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
|
|
507
508
|
]),
|
|
508
509
|
_: 1
|
|
509
510
|
}, 8, ["size", "to"])
|
|
@@ -514,40 +515,40 @@ const ye = {
|
|
|
514
515
|
], 8, ["disabled"]))
|
|
515
516
|
]),
|
|
516
517
|
name: f(({ rowValue: m }) => [
|
|
517
|
-
|
|
518
|
+
k("b", null, y(m ?? "-"), 1)
|
|
518
519
|
]),
|
|
519
520
|
control_plane: f(({ row: m }) => {
|
|
520
|
-
var
|
|
521
|
+
var $;
|
|
521
522
|
return [
|
|
522
|
-
(
|
|
523
|
+
($ = m.x_meta) != null && $.cluster_id ? (S(), ue(I, {
|
|
523
524
|
key: 0,
|
|
524
525
|
tooltip: m.x_meta.cluster_id,
|
|
525
526
|
"truncation-tooltip": "",
|
|
526
|
-
onClick:
|
|
527
|
+
onClick: Se((le) => Ce(m.x_meta.cluster_id), ["stop"])
|
|
527
528
|
}, {
|
|
528
529
|
default: f(() => [
|
|
529
|
-
|
|
530
|
+
R(y(m.x_meta.cluster_id), 1)
|
|
530
531
|
]),
|
|
531
532
|
_: 2
|
|
532
|
-
}, 1032, ["tooltip", "onClick"])) : (
|
|
533
|
+
}, 1032, ["tooltip", "onClick"])) : (S(), U("b", Ct, "-"))
|
|
533
534
|
];
|
|
534
535
|
}),
|
|
535
536
|
enabled: f(({ row: m }) => [
|
|
536
|
-
d(
|
|
537
|
+
d(o(ie), {
|
|
537
538
|
"auth-function": () => n.canEdit(m),
|
|
538
539
|
"force-show": ""
|
|
539
540
|
}, {
|
|
540
|
-
default: f(({ isAllowed:
|
|
541
|
-
|
|
542
|
-
onClick: s[4] || (s[4] =
|
|
541
|
+
default: f(({ isAllowed: $ }) => [
|
|
542
|
+
k("div", {
|
|
543
|
+
onClick: s[4] || (s[4] = Se(() => {
|
|
543
544
|
}, ["stop"]))
|
|
544
545
|
}, [
|
|
545
|
-
d(
|
|
546
|
+
d(Z, {
|
|
546
547
|
modelValue: m.enabled,
|
|
547
|
-
"onUpdate:modelValue": (
|
|
548
|
+
"onUpdate:modelValue": (le) => m.enabled = le,
|
|
548
549
|
"data-testid": `row-${m.id}-toggle-input`,
|
|
549
|
-
disabled:
|
|
550
|
-
onClick:
|
|
550
|
+
disabled: !$,
|
|
551
|
+
onClick: Se((le) => we(m), ["prevent"])
|
|
551
552
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
|
|
552
553
|
])
|
|
553
554
|
]),
|
|
@@ -555,78 +556,78 @@ const ye = {
|
|
|
555
556
|
}, 1032, ["auth-function"])
|
|
556
557
|
]),
|
|
557
558
|
tags: f(({ rowValue: m }) => [
|
|
558
|
-
d(
|
|
559
|
+
d(o(Xe), { tags: m }, null, 8, ["tags"])
|
|
559
560
|
]),
|
|
560
561
|
created_at: f(({ rowValue: m }) => [
|
|
561
|
-
|
|
562
|
+
R(y(o(x)(m)), 1)
|
|
562
563
|
]),
|
|
563
|
-
updated_at: f(({ row: m, rowValue:
|
|
564
|
-
|
|
564
|
+
updated_at: f(({ row: m, rowValue: $ }) => [
|
|
565
|
+
R(y(o(x)($ ?? m.created_at)), 1)
|
|
565
566
|
]),
|
|
566
567
|
actions: f(({ row: m }) => [
|
|
567
|
-
d(
|
|
568
|
-
default: f(({ copyToClipboard:
|
|
569
|
-
d(
|
|
568
|
+
d(de, null, {
|
|
569
|
+
default: f(({ copyToClipboard: $ }) => [
|
|
570
|
+
d(A, {
|
|
570
571
|
"data-testid": "action-entity-copy-id",
|
|
571
|
-
onClick: (
|
|
572
|
+
onClick: (le) => te(m, $)
|
|
572
573
|
}, {
|
|
573
574
|
default: f(() => [
|
|
574
|
-
|
|
575
|
+
R(y(o(r)("actions.copy_id")), 1)
|
|
575
576
|
]),
|
|
576
577
|
_: 2
|
|
577
578
|
}, 1032, ["onClick"])
|
|
578
579
|
]),
|
|
579
580
|
_: 2
|
|
580
581
|
}, 1024),
|
|
581
|
-
d(
|
|
582
|
-
default: f(({ copyToClipboard:
|
|
583
|
-
d(
|
|
582
|
+
d(de, null, {
|
|
583
|
+
default: f(({ copyToClipboard: $ }) => [
|
|
584
|
+
d(A, {
|
|
584
585
|
"data-testid": "action-entity-copy-json",
|
|
585
|
-
onClick: (
|
|
586
|
+
onClick: (le) => ne(m, $)
|
|
586
587
|
}, {
|
|
587
588
|
default: f(() => [
|
|
588
|
-
|
|
589
|
+
R(y(o(r)("actions.copy_json")), 1)
|
|
589
590
|
]),
|
|
590
591
|
_: 2
|
|
591
592
|
}, 1032, ["onClick"])
|
|
592
593
|
]),
|
|
593
594
|
_: 2
|
|
594
595
|
}, 1024),
|
|
595
|
-
d(
|
|
596
|
+
d(o(ie), {
|
|
596
597
|
"auth-function": () => n.canRetrieve(m)
|
|
597
598
|
}, {
|
|
598
599
|
default: f(() => [
|
|
599
|
-
d(
|
|
600
|
+
d(A, {
|
|
600
601
|
"data-testid": "action-entity-view",
|
|
601
602
|
"has-divider": "",
|
|
602
|
-
item:
|
|
603
|
+
item: Ve(m.id)
|
|
603
604
|
}, null, 8, ["item"])
|
|
604
605
|
]),
|
|
605
606
|
_: 2
|
|
606
607
|
}, 1032, ["auth-function"]),
|
|
607
|
-
d(
|
|
608
|
+
d(o(ie), {
|
|
608
609
|
"auth-function": () => n.canEdit(m)
|
|
609
610
|
}, {
|
|
610
611
|
default: f(() => [
|
|
611
|
-
d(
|
|
612
|
+
d(A, {
|
|
612
613
|
"data-testid": "action-entity-edit",
|
|
613
614
|
item: oe(m.id)
|
|
614
615
|
}, null, 8, ["item"])
|
|
615
616
|
]),
|
|
616
617
|
_: 2
|
|
617
618
|
}, 1032, ["auth-function"]),
|
|
618
|
-
d(
|
|
619
|
+
d(o(ie), {
|
|
619
620
|
"auth-function": () => n.canDelete(m)
|
|
620
621
|
}, {
|
|
621
622
|
default: f(() => [
|
|
622
|
-
d(
|
|
623
|
+
d(A, {
|
|
623
624
|
danger: "",
|
|
624
625
|
"data-testid": "action-entity-delete",
|
|
625
626
|
"has-divider": "",
|
|
626
|
-
onClick: (
|
|
627
|
+
onClick: ($) => i(m)
|
|
627
628
|
}, {
|
|
628
629
|
default: f(() => [
|
|
629
|
-
|
|
630
|
+
R(y(o(r)("actions.delete.menu_label")), 1)
|
|
630
631
|
]),
|
|
631
632
|
_: 2
|
|
632
633
|
}, 1032, ["onClick"])
|
|
@@ -636,14 +637,14 @@ const ye = {
|
|
|
636
637
|
]),
|
|
637
638
|
_: 2
|
|
638
639
|
}, [
|
|
639
|
-
!
|
|
640
|
+
!o(a) && ge.value ? {
|
|
640
641
|
name: "outside-actions",
|
|
641
642
|
fn: f(() => [
|
|
642
|
-
(
|
|
643
|
+
(S(), ue(Pe, {
|
|
643
644
|
disabled: !n.useActionOutside,
|
|
644
645
|
to: "#kong-ui-app-page-header-action-button"
|
|
645
646
|
}, [
|
|
646
|
-
d(
|
|
647
|
+
d(g, {
|
|
647
648
|
appearance: "secondary",
|
|
648
649
|
class: "open-learning-hub",
|
|
649
650
|
"data-testid": "gateway-services-more-button",
|
|
@@ -651,7 +652,7 @@ const ye = {
|
|
|
651
652
|
onClick: s[2] || (s[2] = (m) => u.$emit("click:learn-more"))
|
|
652
653
|
}, {
|
|
653
654
|
default: f(() => [
|
|
654
|
-
d(
|
|
655
|
+
d(o(Re), { decorative: "" })
|
|
655
656
|
]),
|
|
656
657
|
_: 1
|
|
657
658
|
})
|
|
@@ -659,67 +660,78 @@ const ye = {
|
|
|
659
660
|
]),
|
|
660
661
|
key: "0"
|
|
661
662
|
} : void 0,
|
|
662
|
-
n.enableV2EmptyStates && n.config.app ===
|
|
663
|
+
n.enableV2EmptyStates && n.config.app === "konnect" ? {
|
|
663
664
|
name: "empty-state",
|
|
664
|
-
fn: f(() =>
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
665
|
+
fn: f(() => {
|
|
666
|
+
var m;
|
|
667
|
+
return [
|
|
668
|
+
d(o(Ze), {
|
|
669
|
+
"action-button-text": o(r)("gateway_services.empty_state_v2.create"),
|
|
670
|
+
appearance: "secondary",
|
|
671
|
+
"can-create": () => n.canCreate(),
|
|
672
|
+
"data-testid": "gateway-services-entity-empty-state",
|
|
673
|
+
description: o(r)("gateway_services.empty_state_v2.description"),
|
|
674
|
+
"learn-more": n.config.app === "konnect",
|
|
675
|
+
title: o(r)("gateway_services.empty_state_v2.title"),
|
|
676
|
+
"onClick:create": V,
|
|
677
|
+
"onClick:learnMore": s[3] || (s[3] = ($) => u.$emit("click:learn-more"))
|
|
678
|
+
}, Ee({
|
|
679
|
+
image: f(() => [
|
|
680
|
+
k("div", kt, [
|
|
681
|
+
d(o(qe), {
|
|
682
|
+
color: o(_t),
|
|
683
|
+
size: o(bt)
|
|
684
|
+
}, null, 8, ["color", "size"])
|
|
685
|
+
])
|
|
686
|
+
]),
|
|
687
|
+
_: 2
|
|
688
|
+
}, [
|
|
689
|
+
(m = n.config) != null && m.isControlPlaneGroup ? {
|
|
690
|
+
name: "message",
|
|
691
|
+
fn: f(() => [
|
|
692
|
+
R(y(o(r)("gateway_services.empty_state_v2.group")), 1)
|
|
693
|
+
]),
|
|
694
|
+
key: "0"
|
|
695
|
+
} : void 0
|
|
696
|
+
]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
|
|
697
|
+
];
|
|
698
|
+
}),
|
|
687
699
|
key: "1"
|
|
688
700
|
} : void 0
|
|
689
701
|
]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
|
|
690
|
-
d(
|
|
691
|
-
action:
|
|
692
|
-
"entity-id":
|
|
693
|
-
"entity-name":
|
|
694
|
-
"entity-type":
|
|
695
|
-
"on-confirm":
|
|
696
|
-
visible:
|
|
697
|
-
onCancel:
|
|
698
|
-
onProceed:
|
|
702
|
+
d(o(Ye), {
|
|
703
|
+
action: Q.value.action,
|
|
704
|
+
"entity-id": Q.value.id,
|
|
705
|
+
"entity-name": Q.value.name,
|
|
706
|
+
"entity-type": o(r)("glossary.gateway_services"),
|
|
707
|
+
"on-confirm": ke,
|
|
708
|
+
visible: z.value,
|
|
709
|
+
onCancel: ae,
|
|
710
|
+
onProceed: ae
|
|
699
711
|
}, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
|
|
700
|
-
d(
|
|
701
|
-
"action-pending":
|
|
702
|
-
description:
|
|
712
|
+
d(o(et), {
|
|
713
|
+
"action-pending": j.value,
|
|
714
|
+
description: o(r)("actions.delete.description"),
|
|
703
715
|
"entity-name": B.value && (B.value.name || B.value.id),
|
|
704
|
-
"entity-type":
|
|
705
|
-
error:
|
|
706
|
-
title:
|
|
707
|
-
visible:
|
|
716
|
+
"entity-type": o(tt).GatewayService,
|
|
717
|
+
error: X.value,
|
|
718
|
+
title: o(r)("actions.delete.title"),
|
|
719
|
+
visible: K.value,
|
|
708
720
|
onCancel: v,
|
|
709
|
-
onProceed:
|
|
721
|
+
onProceed: M
|
|
710
722
|
}, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
|
|
711
723
|
]);
|
|
712
724
|
};
|
|
713
725
|
}
|
|
714
|
-
}),
|
|
726
|
+
}), Be = (n, D) => {
|
|
715
727
|
const p = n.__vccOpts || n;
|
|
716
728
|
for (const [c, r] of D)
|
|
717
729
|
p[c] = r;
|
|
718
730
|
return p;
|
|
719
|
-
},
|
|
731
|
+
}, zt = /* @__PURE__ */ Be(Vt, [["__scopeId", "data-v-ee4f8a6d"]]), St = { class: "kong-ui-entities-gateway-service-form" }, It = { key: 0 }, Tt = { class: "gateway-service-form-traffic-label" }, Et = { class: "gateway-service-form-margin-bottom" }, Pt = {
|
|
720
732
|
key: 0,
|
|
721
733
|
class: "gateway-service-form-group-fields"
|
|
722
|
-
},
|
|
734
|
+
}, Ut = {
|
|
723
735
|
key: 1,
|
|
724
736
|
class: "gateway-service-form-group-fields"
|
|
725
737
|
}, Rt = { key: 0 }, Mt = { class: "gateway-service-form-margin-top" }, $t = { class: "gateway-service-form-margin-bottom" }, xt = { class: "gateway-service-form-margin-bottom" }, At = { class: "gateway-service-form-margin-bottom" }, Ft = { class: "gateway-service-form-margin-bottom" }, Bt = {
|
|
@@ -734,17 +746,17 @@ const ye = {
|
|
|
734
746
|
}, Gt = {
|
|
735
747
|
key: 0,
|
|
736
748
|
class: "checkbox-aligned-radio"
|
|
737
|
-
},
|
|
749
|
+
}, Kt = {
|
|
738
750
|
key: 1,
|
|
739
751
|
class: "checkbox-aligned-radio"
|
|
740
|
-
},
|
|
752
|
+
}, qt = /* @__PURE__ */ Te({
|
|
741
753
|
__name: "GatewayServiceForm",
|
|
742
754
|
props: {
|
|
743
755
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
744
756
|
config: {
|
|
745
757
|
type: Object,
|
|
746
758
|
required: !0,
|
|
747
|
-
validator: (n) => !(!n || ![
|
|
759
|
+
validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.cancelRoute)
|
|
748
760
|
},
|
|
749
761
|
/** If a valid Gateway Service ID is provided, it will put the form in Edit mode instead of Create */
|
|
750
762
|
gatewayServiceId: {
|
|
@@ -761,8 +773,8 @@ const ye = {
|
|
|
761
773
|
},
|
|
762
774
|
emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
|
|
763
775
|
setup(n, { expose: D, emit: p }) {
|
|
764
|
-
var
|
|
765
|
-
const c = p, r = n,
|
|
776
|
+
var X;
|
|
777
|
+
const c = p, r = n, x = E(!0), N = xe(), { i18nT: q, i18n: { t: a } } = ve.useI18n(), { getMessageFromError: P } = ot(), { axiosInstance: C } = Ae((X = r.config) == null ? void 0 : X.axiosRequestConfig), ge = lt(), ye = b(() => se.form[r.config.app].edit), O = b(() => r.gatewayServiceId ? Me.Edit : Me.Create), _e = E(!1), H = b(() => !!r.gatewayServiceId), _ = E(H.value ? "protocol" : "url"), Y = ve.usePortFromProtocol(), G = E(""), be = b(() => !!G.value), e = Ue({
|
|
766
778
|
fields: {
|
|
767
779
|
name: "",
|
|
768
780
|
protocol: "http",
|
|
@@ -782,7 +794,7 @@ const ye = {
|
|
|
782
794
|
},
|
|
783
795
|
isReadonly: !1,
|
|
784
796
|
errorMessage: ""
|
|
785
|
-
}),
|
|
797
|
+
}), w = Ue({
|
|
786
798
|
name: "",
|
|
787
799
|
protocol: "http",
|
|
788
800
|
host: "",
|
|
@@ -798,13 +810,13 @@ const ye = {
|
|
|
798
810
|
tls_verify_enabled: !1,
|
|
799
811
|
tls_verify_value: !1,
|
|
800
812
|
tags: ""
|
|
801
|
-
}),
|
|
813
|
+
}), ee = r.config.app === "konnect" || it({
|
|
802
814
|
gatewayInfo: r.config.gatewayInfo,
|
|
803
815
|
// 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
|
|
804
816
|
supportedRange: {
|
|
805
817
|
enterprise: ["3.0"]
|
|
806
818
|
}
|
|
807
|
-
}),
|
|
819
|
+
}), he = [
|
|
808
820
|
{
|
|
809
821
|
label: a("gateway_services.form.fields.protocol.options.http"),
|
|
810
822
|
value: "http",
|
|
@@ -840,7 +852,7 @@ const ye = {
|
|
|
840
852
|
value: "grpcs",
|
|
841
853
|
group: "grpc"
|
|
842
854
|
},
|
|
843
|
-
...
|
|
855
|
+
...ee ? [
|
|
844
856
|
{
|
|
845
857
|
label: a("gateway_services.form.fields.protocol.options.ws"),
|
|
846
858
|
value: "ws",
|
|
@@ -857,60 +869,60 @@ const ye = {
|
|
|
857
869
|
value: "udp",
|
|
858
870
|
group: "udp"
|
|
859
871
|
}
|
|
860
|
-
],
|
|
872
|
+
], re = { url: "url", protocol: "protocol" }, J = (t, i) => {
|
|
861
873
|
i.value;
|
|
862
|
-
},
|
|
863
|
-
|
|
864
|
-
},
|
|
874
|
+
}, W = (t) => t ? parseFloat(t) : 0, z = () => {
|
|
875
|
+
x.value = !0, e.errorMessage = "", e.fields.host = w.host, e.fields.path = w.path, e.fields.port = w.port, e.fields.protocol = w.protocol, e.fields.url = w.url, e.fields.retries = w.retries, e.fields.connect_timeout = w.connect_timeout, e.fields.write_timeout = w.write_timeout, e.fields.read_timeout = w.read_timeout, e.fields.client_certificate = w.client_certificate, e.fields.ca_certificates = w.ca_certificates, e.fields.tls_verify_enabled = w.tls_verify_enabled, e.fields.tls_verify_value = w.tls_verify_value;
|
|
876
|
+
}, T = () => {
|
|
865
877
|
if (e.fields.url && _.value === "url")
|
|
866
878
|
try {
|
|
867
879
|
const t = new URL(e.fields.url);
|
|
868
880
|
e.errorMessage = "", e.fields.protocol = t.protocol.slice(0, -1), e.fields.host = t.hostname, e.fields.path = t.pathname;
|
|
869
881
|
const i = Number(t.port);
|
|
870
|
-
|
|
882
|
+
_e.value = !!i, e.fields.port = i || Y.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", c("url-valid:success");
|
|
871
883
|
} catch (t) {
|
|
872
|
-
e.errorMessage = a("errors.urlErrorMessage"), c("url-valid:error",
|
|
884
|
+
e.errorMessage = a("errors.urlErrorMessage"), c("url-valid:error", P(t));
|
|
873
885
|
}
|
|
874
886
|
else
|
|
875
887
|
c("url-valid:success"), e.errorMessage = "";
|
|
876
|
-
},
|
|
888
|
+
}, Q = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), we = b(() => {
|
|
877
889
|
if (_.value === "url")
|
|
878
890
|
return !0;
|
|
879
891
|
const t = ["https", "wss", "tls"].includes(e.fields.protocol);
|
|
880
892
|
return _.value === "protocol" && t;
|
|
881
|
-
}),
|
|
893
|
+
}), ae = b(() => {
|
|
882
894
|
if (_.value === "url")
|
|
883
895
|
return !0;
|
|
884
896
|
const t = ["https", "tls"].includes(e.fields.protocol);
|
|
885
897
|
return _.value === "protocol" && t;
|
|
886
|
-
}),
|
|
898
|
+
}), ke = b(() => {
|
|
887
899
|
if (_.value === "url")
|
|
888
900
|
return !0;
|
|
889
901
|
const t = ["https", "wss", "tls"].includes(e.fields.protocol);
|
|
890
902
|
return _.value === "protocol" && t;
|
|
891
|
-
}),
|
|
903
|
+
}), Ce = (t) => {
|
|
892
904
|
G.value = ge.utf8Name(t);
|
|
893
|
-
},
|
|
894
|
-
var i, v,
|
|
895
|
-
e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((v = t == null ? void 0 : t.ca_certificates) == null ? void 0 : v.join(",")) || "", e.fields.client_certificate = ((
|
|
896
|
-
},
|
|
897
|
-
|
|
898
|
-
},
|
|
905
|
+
}, te = b(() => H.value && JSON.stringify(e.fields) !== JSON.stringify(w) || _.value === "url" && !!e.fields.url || _.value === "protocol" && !!e.fields.host), ne = (t) => {
|
|
906
|
+
var i, v, M;
|
|
907
|
+
e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((v = t == null ? void 0 : t.ca_certificates) == null ? void 0 : v.join(",")) || "", e.fields.client_certificate = ((M = t == null ? void 0 : t.client_certificate) == null ? void 0 : M.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, Object.assign(w, e.fields);
|
|
908
|
+
}, ce = () => {
|
|
909
|
+
N.push(r.config.cancelRoute);
|
|
910
|
+
}, Ve = b(() => {
|
|
899
911
|
var i, v;
|
|
900
|
-
let t = `${r.config.apiBaseUrl}${
|
|
901
|
-
return r.config.app ===
|
|
912
|
+
let t = `${r.config.apiBaseUrl}${se.form[r.config.app].validate}`;
|
|
913
|
+
return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
|
|
902
914
|
}), oe = b(() => {
|
|
903
915
|
var i, v;
|
|
904
|
-
let t = `${r.config.apiBaseUrl}${
|
|
905
|
-
return r.config.app ===
|
|
916
|
+
let t = `${r.config.apiBaseUrl}${se.form[r.config.app][O.value]}`;
|
|
917
|
+
return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
|
|
906
918
|
}), B = (t) => {
|
|
907
919
|
let i = "";
|
|
908
920
|
t.url && (i = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(i)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
|
|
909
|
-
},
|
|
910
|
-
var i, v,
|
|
921
|
+
}, K = b(() => {
|
|
922
|
+
var i, v, M, V;
|
|
911
923
|
const t = {
|
|
912
924
|
name: e.fields.name || null,
|
|
913
|
-
tags: e.fields.tags ? (
|
|
925
|
+
tags: e.fields.tags ? (M = (v = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : v.map((h) => String(h || "").trim())) == null ? void 0 : M.filter((h) => h !== "") : null,
|
|
914
926
|
protocol: e.fields.protocol,
|
|
915
927
|
path: e.fields.path || null,
|
|
916
928
|
read_timeout: e.fields.read_timeout,
|
|
@@ -919,73 +931,73 @@ const ye = {
|
|
|
919
931
|
connect_timeout: e.fields.connect_timeout,
|
|
920
932
|
tls_verify_value: e.fields.tls_verify_value,
|
|
921
933
|
tls_verify_enabled: e.fields.tls_verify_enabled,
|
|
922
|
-
ca_certificates: e.fields.ca_certificates ? (
|
|
934
|
+
ca_certificates: e.fields.ca_certificates ? (V = e.fields.ca_certificates) == null ? void 0 : V.split(",").filter((h) => h !== "") : null,
|
|
923
935
|
client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
|
|
924
936
|
write_timeout: e.fields.write_timeout,
|
|
925
937
|
port: e.fields.port,
|
|
926
938
|
url: e.fields.url
|
|
927
939
|
};
|
|
928
|
-
return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value),
|
|
929
|
-
}),
|
|
930
|
-
var t, i, v,
|
|
940
|
+
return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), Q.value || (t.path = null), O.value === "create" ? _.value === "url" ? (delete t.protocol, delete t.host, delete t.path, r.config.app === "konnect" && delete t.port) : delete t.url : O.value === "edit" && delete t.url, t;
|
|
941
|
+
}), j = async () => {
|
|
942
|
+
var t, i, v, M;
|
|
931
943
|
try {
|
|
932
|
-
e.isReadonly = !0,
|
|
933
|
-
const
|
|
934
|
-
B(
|
|
935
|
-
let
|
|
936
|
-
if (await
|
|
937
|
-
const { data:
|
|
938
|
-
e.fields.name = (
|
|
944
|
+
e.isReadonly = !0, T();
|
|
945
|
+
const V = K.value;
|
|
946
|
+
B(V);
|
|
947
|
+
let h;
|
|
948
|
+
if (await C.post(Ve.value, V), O.value === "create" ? h = await C.post(oe.value, V) : O.value === "edit" && (h = ((t = r.config) == null ? void 0 : t.app) === "konnect" ? await C.put(oe.value, V) : await C.patch(oe.value, V)), h) {
|
|
949
|
+
const { data: l } = h;
|
|
950
|
+
e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || Y.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (v = l == null ? void 0 : l.ca_certificates) != null && v.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (M = l == null ? void 0 : l.tags) != null && M.length ? l.tags.join(", ") : "", Object.assign(w, e.fields), c("update", h == null ? void 0 : h.data);
|
|
939
951
|
}
|
|
940
|
-
return
|
|
941
|
-
} catch (
|
|
942
|
-
e.errorMessage =
|
|
952
|
+
return h;
|
|
953
|
+
} catch (V) {
|
|
954
|
+
e.errorMessage = P(V), c("error", V);
|
|
943
955
|
} finally {
|
|
944
956
|
e.isReadonly = !1;
|
|
945
957
|
}
|
|
946
958
|
};
|
|
947
|
-
return
|
|
948
|
-
Object.assign(e.fields,
|
|
949
|
-
}),
|
|
950
|
-
e.fields.port =
|
|
959
|
+
return Ie(() => r.gatewayServiceId, () => {
|
|
960
|
+
Object.assign(e.fields, w);
|
|
961
|
+
}), Ie(e.fields, (t) => {
|
|
962
|
+
e.fields.port = Y.getPortFromProtocol(t.protocol, String(t.port)), c("model-updated", K.value);
|
|
951
963
|
}), De(() => {
|
|
952
|
-
c("model-updated",
|
|
964
|
+
c("model-updated", K.value);
|
|
953
965
|
}), D({
|
|
954
|
-
validateUrl:
|
|
955
|
-
getPayload:
|
|
956
|
-
saveFormData:
|
|
957
|
-
canSubmit:
|
|
958
|
-
initForm:
|
|
966
|
+
validateUrl: T,
|
|
967
|
+
getPayload: K,
|
|
968
|
+
saveFormData: j,
|
|
969
|
+
canSubmit: te,
|
|
970
|
+
initForm: ne
|
|
959
971
|
}), (t, i) => {
|
|
960
|
-
const v = F("KInput"),
|
|
961
|
-
return
|
|
962
|
-
d(
|
|
963
|
-
"can-submit":
|
|
972
|
+
const v = F("KInput"), M = F("KLabel"), V = F("KRadio"), h = F("KSelect"), l = F("KCheckbox"), u = F("KCollapse");
|
|
973
|
+
return S(), U("div", St, [
|
|
974
|
+
d(o(st), {
|
|
975
|
+
"can-submit": te.value,
|
|
964
976
|
config: n.config,
|
|
965
977
|
"edit-id": n.gatewayServiceId,
|
|
966
|
-
"entity-type":
|
|
978
|
+
"entity-type": o(Fe).GatewayService,
|
|
967
979
|
"error-message": e.errorMessage,
|
|
968
|
-
"fetch-url":
|
|
969
|
-
"form-fields":
|
|
980
|
+
"fetch-url": ye.value,
|
|
981
|
+
"form-fields": K.value,
|
|
970
982
|
"is-readonly": e.isReadonly,
|
|
971
|
-
onCancel:
|
|
983
|
+
onCancel: ce,
|
|
972
984
|
"onFetch:error": i[25] || (i[25] = (s) => t.$emit("error", s)),
|
|
973
|
-
"onFetch:success":
|
|
985
|
+
"onFetch:success": ne,
|
|
974
986
|
onLoading: i[26] || (i[26] = (s) => t.$emit("loading", s)),
|
|
975
|
-
onSubmit:
|
|
987
|
+
onSubmit: j
|
|
976
988
|
}, {
|
|
977
989
|
"form-actions": f(() => [
|
|
978
990
|
Ge(t.$slots, "form-actions", {
|
|
979
|
-
canSubmit:
|
|
980
|
-
cancel:
|
|
981
|
-
submit:
|
|
991
|
+
canSubmit: te.value,
|
|
992
|
+
cancel: ce,
|
|
993
|
+
submit: j
|
|
982
994
|
}, void 0, !0)
|
|
983
995
|
]),
|
|
984
996
|
default: f(() => [
|
|
985
|
-
d(
|
|
986
|
-
description:
|
|
997
|
+
d(o($e), {
|
|
998
|
+
description: o(a)("gateway_services.form.sections.general.description"),
|
|
987
999
|
"hide-info-header": n.hideSectionsInfo,
|
|
988
|
-
title:
|
|
1000
|
+
title: o(a)("gateway_services.form.sections.general.title")
|
|
989
1001
|
}, {
|
|
990
1002
|
default: f(() => [
|
|
991
1003
|
d(v, {
|
|
@@ -994,18 +1006,18 @@ const ye = {
|
|
|
994
1006
|
modelModifiers: { trim: !0 },
|
|
995
1007
|
autocomplete: "off",
|
|
996
1008
|
"data-testid": "gateway-service-name-input",
|
|
997
|
-
error:
|
|
1009
|
+
error: be.value,
|
|
998
1010
|
"error-message": G.value,
|
|
999
|
-
label:
|
|
1011
|
+
label: o(a)("gateway_services.form.fields.name.label"),
|
|
1000
1012
|
"label-attributes": {
|
|
1001
|
-
info:
|
|
1013
|
+
info: o(a)("gateway_services.form.fields.name.tooltip"),
|
|
1002
1014
|
tooltipAttributes: { maxWidth: "400" }
|
|
1003
1015
|
},
|
|
1004
1016
|
name: "name",
|
|
1005
|
-
placeholder:
|
|
1017
|
+
placeholder: o(a)("gateway_services.form.fields.name.placeholder"),
|
|
1006
1018
|
readonly: e.isReadonly,
|
|
1007
1019
|
type: "text",
|
|
1008
|
-
onInput:
|
|
1020
|
+
onInput: Ce
|
|
1009
1021
|
}, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
|
|
1010
1022
|
d(v, {
|
|
1011
1023
|
modelValue: e.fields.tags,
|
|
@@ -1013,89 +1025,89 @@ const ye = {
|
|
|
1013
1025
|
modelModifiers: { trim: !0 },
|
|
1014
1026
|
autocomplete: "off",
|
|
1015
1027
|
"data-testid": "gateway-service-tags-input",
|
|
1016
|
-
help:
|
|
1017
|
-
label:
|
|
1028
|
+
help: o(a)("gateway_services.form.fields.tags.help"),
|
|
1029
|
+
label: o(a)("gateway_services.form.fields.tags.label"),
|
|
1018
1030
|
"label-attributes": {
|
|
1019
|
-
info:
|
|
1031
|
+
info: o(a)("gateway_services.form.fields.tags.tooltip"),
|
|
1020
1032
|
tooltipAttributes: { maxWidth: "400" }
|
|
1021
1033
|
},
|
|
1022
1034
|
name: "tags",
|
|
1023
|
-
placeholder:
|
|
1035
|
+
placeholder: o(a)("gateway_services.form.fields.tags.placeholder"),
|
|
1024
1036
|
readonly: e.isReadonly,
|
|
1025
1037
|
type: "text"
|
|
1026
1038
|
}, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
|
|
1027
1039
|
]),
|
|
1028
1040
|
_: 1
|
|
1029
1041
|
}, 8, ["description", "hide-info-header", "title"]),
|
|
1030
|
-
d(
|
|
1031
|
-
description:
|
|
1042
|
+
d(o($e), {
|
|
1043
|
+
description: o(a)("gateway_services.form.sections.keys.description"),
|
|
1032
1044
|
"hide-info-header": n.hideSectionsInfo,
|
|
1033
|
-
title:
|
|
1045
|
+
title: o(a)("gateway_services.form.sections.keys.title")
|
|
1034
1046
|
}, {
|
|
1035
1047
|
default: f(() => [
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
d(
|
|
1048
|
+
H.value ? L("", !0) : (S(), U("div", It, [
|
|
1049
|
+
k("div", Tt, [
|
|
1050
|
+
d(M, { required: "" }, {
|
|
1039
1051
|
default: f(() => [
|
|
1040
|
-
|
|
1052
|
+
R(y(o(a)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
|
|
1041
1053
|
]),
|
|
1042
1054
|
_: 1
|
|
1043
1055
|
})
|
|
1044
1056
|
]),
|
|
1045
|
-
|
|
1046
|
-
d(
|
|
1057
|
+
k("div", Et, [
|
|
1058
|
+
d(V, {
|
|
1047
1059
|
modelValue: _.value,
|
|
1048
1060
|
"onUpdate:modelValue": i[2] || (i[2] = (s) => _.value = s),
|
|
1049
1061
|
"data-testid": "gateway-service-url-radio",
|
|
1050
|
-
"selected-value":
|
|
1051
|
-
onChange:
|
|
1062
|
+
"selected-value": re.url,
|
|
1063
|
+
onChange: z
|
|
1052
1064
|
}, {
|
|
1053
1065
|
default: f(() => [
|
|
1054
|
-
|
|
1066
|
+
R(y(o(a)("gateway_services.form.sections.keys.urlLabel")), 1)
|
|
1055
1067
|
]),
|
|
1056
1068
|
_: 1
|
|
1057
1069
|
}, 8, ["modelValue", "selected-value"])
|
|
1058
1070
|
]),
|
|
1059
|
-
_.value === "url" ? (
|
|
1071
|
+
_.value === "url" ? (S(), U("div", Pt, [
|
|
1060
1072
|
d(v, {
|
|
1061
1073
|
modelValue: e.fields.url,
|
|
1062
1074
|
"onUpdate:modelValue": i[3] || (i[3] = (s) => e.fields.url = s),
|
|
1063
1075
|
modelModifiers: { trim: !0 },
|
|
1064
1076
|
class: "gateway-service-url-input gateway-service-form-margin-bottom",
|
|
1065
1077
|
"data-testid": "gateway-service-url-input",
|
|
1066
|
-
label:
|
|
1078
|
+
label: o(a)("gateway_services.form.fields.upstream_url.label"),
|
|
1067
1079
|
"label-attributes": {
|
|
1068
|
-
info: n.config.app ===
|
|
1080
|
+
info: n.config.app === "konnect" ? o(a)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(a)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
|
|
1069
1081
|
tooltipAttributes: { maxWidth: "400" }
|
|
1070
1082
|
},
|
|
1071
1083
|
name: "url",
|
|
1072
|
-
placeholder:
|
|
1084
|
+
placeholder: o(a)("gateway_services.form.fields.upstream_url.placeholder"),
|
|
1073
1085
|
required: ""
|
|
1074
1086
|
}, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
|
|
1075
1087
|
])) : L("", !0),
|
|
1076
|
-
d(
|
|
1088
|
+
d(V, {
|
|
1077
1089
|
modelValue: _.value,
|
|
1078
1090
|
"onUpdate:modelValue": i[4] || (i[4] = (s) => _.value = s),
|
|
1079
1091
|
"checked-group": "protocol",
|
|
1080
1092
|
"data-testid": "gateway-service-protocol-radio",
|
|
1081
|
-
"selected-value":
|
|
1082
|
-
onChange:
|
|
1093
|
+
"selected-value": re.protocol,
|
|
1094
|
+
onChange: z
|
|
1083
1095
|
}, {
|
|
1084
1096
|
default: f(() => [
|
|
1085
|
-
|
|
1097
|
+
R(y(o(a)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
|
|
1086
1098
|
]),
|
|
1087
1099
|
_: 1
|
|
1088
1100
|
}, 8, ["modelValue", "selected-value"])
|
|
1089
1101
|
])),
|
|
1090
|
-
_.value === "protocol" ||
|
|
1091
|
-
d(
|
|
1102
|
+
_.value === "protocol" || H.value ? (S(), U("div", Ut, [
|
|
1103
|
+
d(h, {
|
|
1092
1104
|
modelValue: e.fields.protocol,
|
|
1093
1105
|
"onUpdate:modelValue": i[5] || (i[5] = (s) => e.fields.protocol = s),
|
|
1094
1106
|
"data-testid": "gateway-service-protocol-select",
|
|
1095
|
-
items:
|
|
1096
|
-
label:
|
|
1107
|
+
items: he,
|
|
1108
|
+
label: o(a)("gateway_services.form.fields.protocol.label"),
|
|
1097
1109
|
"label-attributes": {
|
|
1098
|
-
info:
|
|
1110
|
+
info: o(a)("gateway_services.form.fields.protocol.tooltip"),
|
|
1099
1111
|
tooltipAttributes: { maxWidth: "400" }
|
|
1100
1112
|
},
|
|
1101
1113
|
readonly: e.isReadonly,
|
|
@@ -1109,29 +1121,29 @@ const ye = {
|
|
|
1109
1121
|
modelModifiers: { trim: !0 },
|
|
1110
1122
|
class: "gateway-service-form-margin-top",
|
|
1111
1123
|
"data-testid": "gateway-service-host-input",
|
|
1112
|
-
label:
|
|
1124
|
+
label: o(a)("gateway_services.form.fields.host.label"),
|
|
1113
1125
|
"label-attributes": {
|
|
1114
|
-
info:
|
|
1126
|
+
info: o(a)("gateway_services.form.fields.host.tooltip"),
|
|
1115
1127
|
tooltipAttributes: { maxWidth: "400" }
|
|
1116
1128
|
},
|
|
1117
1129
|
name: "host",
|
|
1118
|
-
placeholder:
|
|
1130
|
+
placeholder: o(a)("gateway_services.form.fields.host.placeholder"),
|
|
1119
1131
|
required: ""
|
|
1120
1132
|
}, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
|
|
1121
|
-
|
|
1133
|
+
Q.value ? (S(), U("div", Rt, [
|
|
1122
1134
|
d(v, {
|
|
1123
1135
|
modelValue: e.fields.path,
|
|
1124
1136
|
"onUpdate:modelValue": i[8] || (i[8] = (s) => e.fields.path = s),
|
|
1125
1137
|
modelModifiers: { trim: !0 },
|
|
1126
1138
|
class: "gateway-service-form-margin-top",
|
|
1127
1139
|
"data-testid": "gateway-service-path-input",
|
|
1128
|
-
label:
|
|
1140
|
+
label: o(a)("gateway_services.form.fields.path.label"),
|
|
1129
1141
|
"label-attributes": {
|
|
1130
|
-
info:
|
|
1142
|
+
info: o(a)("gateway_services.form.fields.path.tooltip"),
|
|
1131
1143
|
tooltipAttributes: { maxWidth: "400" }
|
|
1132
1144
|
},
|
|
1133
1145
|
name: "path",
|
|
1134
|
-
placeholder:
|
|
1146
|
+
placeholder: o(a)("gateway_services.form.fields.path.placeholder")
|
|
1135
1147
|
}, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
|
|
1136
1148
|
])) : L("", !0),
|
|
1137
1149
|
d(v, {
|
|
@@ -1139,14 +1151,14 @@ const ye = {
|
|
|
1139
1151
|
"onUpdate:modelValue": [
|
|
1140
1152
|
i[9] || (i[9] = (s) => e.fields.port = s),
|
|
1141
1153
|
i[10] || (i[10] = () => {
|
|
1142
|
-
e.fields.port =
|
|
1154
|
+
e.fields.port = W(e.fields.port + "");
|
|
1143
1155
|
})
|
|
1144
1156
|
],
|
|
1145
1157
|
class: "gateway-service-form-margin-top",
|
|
1146
1158
|
"data-testid": "gateway-service-port-input",
|
|
1147
|
-
label:
|
|
1159
|
+
label: o(a)("gateway_services.form.fields.port.label"),
|
|
1148
1160
|
"label-attributes": {
|
|
1149
|
-
info:
|
|
1161
|
+
info: o(a)("gateway_services.form.fields.port.tooltip"),
|
|
1150
1162
|
tooltipAttributes: { maxWidth: "400" }
|
|
1151
1163
|
},
|
|
1152
1164
|
name: "port",
|
|
@@ -1154,28 +1166,28 @@ const ye = {
|
|
|
1154
1166
|
}, null, 8, ["modelValue", "label", "label-attributes"])
|
|
1155
1167
|
])) : L("", !0),
|
|
1156
1168
|
d(u, {
|
|
1157
|
-
modelValue:
|
|
1158
|
-
"onUpdate:modelValue": i[24] || (i[24] = (s) =>
|
|
1169
|
+
modelValue: x.value,
|
|
1170
|
+
"onUpdate:modelValue": i[24] || (i[24] = (s) => x.value = s),
|
|
1159
1171
|
"data-testid": "advanced-fields-collapse",
|
|
1160
1172
|
"trigger-alignment": "leading",
|
|
1161
|
-
"trigger-label":
|
|
1173
|
+
"trigger-label": o(a)("gateway_services.form.sections.keys.viewAdvancedFields")
|
|
1162
1174
|
}, {
|
|
1163
1175
|
default: f(() => [
|
|
1164
|
-
|
|
1165
|
-
|
|
1176
|
+
k("div", Mt, [
|
|
1177
|
+
k("div", $t, [
|
|
1166
1178
|
d(v, {
|
|
1167
1179
|
modelValue: e.fields.retries,
|
|
1168
1180
|
"onUpdate:modelValue": [
|
|
1169
1181
|
i[11] || (i[11] = (s) => e.fields.retries = s),
|
|
1170
1182
|
i[12] || (i[12] = () => {
|
|
1171
|
-
e.fields.retries =
|
|
1183
|
+
e.fields.retries = W(e.fields.retries + "");
|
|
1172
1184
|
})
|
|
1173
1185
|
],
|
|
1174
1186
|
autocomplete: "off",
|
|
1175
1187
|
"data-testid": "gateway-service-retries-input",
|
|
1176
|
-
label:
|
|
1188
|
+
label: o(a)("gateway_services.form.fields.retries.label"),
|
|
1177
1189
|
"label-attributes": {
|
|
1178
|
-
info:
|
|
1190
|
+
info: o(a)("gateway_services.form.fields.retries.tooltip"),
|
|
1179
1191
|
tooltipAttributes: { maxWidth: "400" }
|
|
1180
1192
|
},
|
|
1181
1193
|
name: "retries",
|
|
@@ -1183,20 +1195,20 @@ const ye = {
|
|
|
1183
1195
|
type: "number"
|
|
1184
1196
|
}, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
|
|
1185
1197
|
]),
|
|
1186
|
-
|
|
1198
|
+
k("div", xt, [
|
|
1187
1199
|
d(v, {
|
|
1188
1200
|
modelValue: e.fields.connect_timeout,
|
|
1189
1201
|
"onUpdate:modelValue": [
|
|
1190
1202
|
i[13] || (i[13] = (s) => e.fields.connect_timeout = s),
|
|
1191
1203
|
i[14] || (i[14] = () => {
|
|
1192
|
-
e.fields.connect_timeout =
|
|
1204
|
+
e.fields.connect_timeout = W(e.fields.connect_timeout + "");
|
|
1193
1205
|
})
|
|
1194
1206
|
],
|
|
1195
1207
|
autocomplete: "off",
|
|
1196
1208
|
"data-testid": "gateway-service-connTimeout-input",
|
|
1197
|
-
label:
|
|
1209
|
+
label: o(a)("gateway_services.form.fields.connect_timeout.label"),
|
|
1198
1210
|
"label-attributes": {
|
|
1199
|
-
info:
|
|
1211
|
+
info: o(a)("gateway_services.form.fields.connect_timeout.tooltip"),
|
|
1200
1212
|
tooltipAttributes: { maxWidth: "400" }
|
|
1201
1213
|
},
|
|
1202
1214
|
name: "connTimeout",
|
|
@@ -1204,20 +1216,20 @@ const ye = {
|
|
|
1204
1216
|
type: "number"
|
|
1205
1217
|
}, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
|
|
1206
1218
|
]),
|
|
1207
|
-
|
|
1219
|
+
k("div", At, [
|
|
1208
1220
|
d(v, {
|
|
1209
1221
|
modelValue: e.fields.write_timeout,
|
|
1210
1222
|
"onUpdate:modelValue": [
|
|
1211
1223
|
i[15] || (i[15] = (s) => e.fields.write_timeout = s),
|
|
1212
1224
|
i[16] || (i[16] = () => {
|
|
1213
|
-
e.fields.write_timeout =
|
|
1225
|
+
e.fields.write_timeout = W(e.fields.write_timeout + "");
|
|
1214
1226
|
})
|
|
1215
1227
|
],
|
|
1216
1228
|
autocomplete: "off",
|
|
1217
1229
|
"data-testid": "gateway-service-writeTimeout-input",
|
|
1218
|
-
label:
|
|
1230
|
+
label: o(a)("gateway_services.form.fields.write_timeout.label"),
|
|
1219
1231
|
"label-attributes": {
|
|
1220
|
-
info:
|
|
1232
|
+
info: o(a)("gateway_services.form.fields.write_timeout.tooltip"),
|
|
1221
1233
|
tooltipAttributes: { maxWidth: "400" }
|
|
1222
1234
|
},
|
|
1223
1235
|
name: "writeTimeout",
|
|
@@ -1225,20 +1237,20 @@ const ye = {
|
|
|
1225
1237
|
type: "number"
|
|
1226
1238
|
}, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
|
|
1227
1239
|
]),
|
|
1228
|
-
|
|
1240
|
+
k("div", Ft, [
|
|
1229
1241
|
d(v, {
|
|
1230
1242
|
modelValue: e.fields.read_timeout,
|
|
1231
1243
|
"onUpdate:modelValue": [
|
|
1232
1244
|
i[17] || (i[17] = (s) => e.fields.read_timeout = s),
|
|
1233
1245
|
i[18] || (i[18] = () => {
|
|
1234
|
-
e.fields.read_timeout =
|
|
1246
|
+
e.fields.read_timeout = W(e.fields.read_timeout + "");
|
|
1235
1247
|
})
|
|
1236
1248
|
],
|
|
1237
1249
|
autocomplete: "off",
|
|
1238
1250
|
"data-testid": "gateway-service-readTimeout-input",
|
|
1239
|
-
label:
|
|
1251
|
+
label: o(a)("gateway_services.form.fields.read_timeout.label"),
|
|
1240
1252
|
"label-attributes": {
|
|
1241
|
-
info:
|
|
1253
|
+
info: o(a)("gateway_services.form.fields.read_timeout.tooltip"),
|
|
1242
1254
|
tooltipAttributes: { maxWidth: "400" }
|
|
1243
1255
|
},
|
|
1244
1256
|
name: "readTimeout",
|
|
@@ -1246,47 +1258,47 @@ const ye = {
|
|
|
1246
1258
|
type: "number"
|
|
1247
1259
|
}, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
|
|
1248
1260
|
]),
|
|
1249
|
-
|
|
1261
|
+
we.value ? (S(), U("div", Bt, [
|
|
1250
1262
|
d(v, {
|
|
1251
1263
|
modelValue: e.fields.client_certificate,
|
|
1252
1264
|
"onUpdate:modelValue": i[19] || (i[19] = (s) => e.fields.client_certificate = s),
|
|
1253
1265
|
modelModifiers: { trim: !0 },
|
|
1254
1266
|
autocomplete: "off",
|
|
1255
1267
|
"data-testid": "gateway-service-clientCert-input",
|
|
1256
|
-
label:
|
|
1268
|
+
label: o(a)("gateway_services.form.fields.client_certificate.label"),
|
|
1257
1269
|
"label-attributes": {
|
|
1258
|
-
info:
|
|
1270
|
+
info: o(a)("gateway_services.form.fields.client_certificate.tooltip"),
|
|
1259
1271
|
tooltipAttributes: { maxWidth: "400" }
|
|
1260
1272
|
},
|
|
1261
1273
|
name: "clientCert",
|
|
1262
|
-
placeholder:
|
|
1274
|
+
placeholder: o(a)("gateway_services.form.fields.client_certificate.placeholder"),
|
|
1263
1275
|
readonly: e.isReadonly,
|
|
1264
1276
|
type: "text"
|
|
1265
1277
|
}, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
|
|
1266
1278
|
])) : L("", !0),
|
|
1267
|
-
|
|
1279
|
+
ae.value ? (S(), U("div", Lt, [
|
|
1268
1280
|
d(v, {
|
|
1269
1281
|
modelValue: e.fields.ca_certificates,
|
|
1270
1282
|
"onUpdate:modelValue": i[20] || (i[20] = (s) => e.fields.ca_certificates = s),
|
|
1271
1283
|
modelModifiers: { trim: !0 },
|
|
1272
1284
|
autocomplete: "off",
|
|
1273
1285
|
"data-testid": "gateway-service-ca-certs-input",
|
|
1274
|
-
label:
|
|
1286
|
+
label: o(a)("gateway_services.form.fields.ca_certificates.label"),
|
|
1275
1287
|
"label-attributes": { tooltipAttributes: { maxWidth: "400" } },
|
|
1276
|
-
placeholder:
|
|
1288
|
+
placeholder: o(a)("gateway_services.form.fields.ca_certificates.placeholder"),
|
|
1277
1289
|
readonly: e.isReadonly,
|
|
1278
1290
|
type: "text"
|
|
1279
1291
|
}, {
|
|
1280
1292
|
"label-tooltip": f(() => [
|
|
1281
|
-
d(
|
|
1293
|
+
d(o(q), {
|
|
1282
1294
|
keypath: "gateway_services.form.fields.ca_certificates.tooltip",
|
|
1283
1295
|
scope: "global"
|
|
1284
1296
|
}, {
|
|
1285
1297
|
code1: f(() => [
|
|
1286
|
-
|
|
1298
|
+
k("code", null, y(o(a)("gateway_services.form.fields.ca_certificates.code1")), 1)
|
|
1287
1299
|
]),
|
|
1288
1300
|
code2: f(() => [
|
|
1289
|
-
|
|
1301
|
+
k("code", null, y(o(a)("gateway_services.form.fields.ca_certificates.code2")), 1)
|
|
1290
1302
|
]),
|
|
1291
1303
|
_: 1
|
|
1292
1304
|
})
|
|
@@ -1294,43 +1306,43 @@ const ye = {
|
|
|
1294
1306
|
_: 1
|
|
1295
1307
|
}, 8, ["modelValue", "label", "placeholder", "readonly"])
|
|
1296
1308
|
])) : L("", !0),
|
|
1297
|
-
|
|
1298
|
-
d(
|
|
1309
|
+
ke.value ? (S(), U("div", Dt, [
|
|
1310
|
+
d(l, {
|
|
1299
1311
|
modelValue: e.fields.tls_verify_enabled,
|
|
1300
1312
|
"onUpdate:modelValue": i[21] || (i[21] = (s) => e.fields.tls_verify_enabled = s),
|
|
1301
1313
|
"data-testid": "gateway-service-tls-verify-checkbox",
|
|
1302
|
-
description:
|
|
1303
|
-
label:
|
|
1314
|
+
description: o(a)("gateway_services.form.fields.tls_verify_enabled.help"),
|
|
1315
|
+
label: o(a)("gateway_services.form.fields.tls_verify_enabled.label"),
|
|
1304
1316
|
"label-attributes": { tooltipAttributes: { maxWidth: "400" } }
|
|
1305
1317
|
}, {
|
|
1306
1318
|
tooltip: f(() => [
|
|
1307
|
-
d(
|
|
1319
|
+
d(o(q), {
|
|
1308
1320
|
keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
|
|
1309
1321
|
scope: "global"
|
|
1310
1322
|
}, {
|
|
1311
1323
|
code1: f(() => [
|
|
1312
|
-
|
|
1324
|
+
k("code", null, y(o(a)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
|
|
1313
1325
|
]),
|
|
1314
1326
|
_: 1
|
|
1315
1327
|
})
|
|
1316
1328
|
]),
|
|
1317
1329
|
_: 1
|
|
1318
1330
|
}, 8, ["modelValue", "description", "label"]),
|
|
1319
|
-
e.fields.tls_verify_enabled ? (
|
|
1320
|
-
d(
|
|
1331
|
+
e.fields.tls_verify_enabled ? (S(), U("div", Gt, [
|
|
1332
|
+
d(V, {
|
|
1321
1333
|
modelValue: e.fields.tls_verify_value,
|
|
1322
1334
|
"onUpdate:modelValue": i[22] || (i[22] = (s) => e.fields.tls_verify_value = s),
|
|
1323
1335
|
"data-testid": "gateway-service-tls-verify-true-option",
|
|
1324
|
-
label:
|
|
1336
|
+
label: o(a)("gateway_services.form.fields.tls_verify_option.true.label"),
|
|
1325
1337
|
"selected-value": !0
|
|
1326
1338
|
}, null, 8, ["modelValue", "label"])
|
|
1327
1339
|
])) : L("", !0),
|
|
1328
|
-
e.fields.tls_verify_enabled ? (
|
|
1329
|
-
d(
|
|
1340
|
+
e.fields.tls_verify_enabled ? (S(), U("div", Kt, [
|
|
1341
|
+
d(V, {
|
|
1330
1342
|
modelValue: e.fields.tls_verify_value,
|
|
1331
1343
|
"onUpdate:modelValue": i[23] || (i[23] = (s) => e.fields.tls_verify_value = s),
|
|
1332
1344
|
"data-testid": "gateway-service-tls-verify-false-option",
|
|
1333
|
-
label:
|
|
1345
|
+
label: o(a)("gateway_services.form.fields.tls_verify_option.false.label"),
|
|
1334
1346
|
"selected-value": !1
|
|
1335
1347
|
}, null, 8, ["modelValue", "label"])
|
|
1336
1348
|
])) : L("", !0)
|
|
@@ -1348,14 +1360,14 @@ const ye = {
|
|
|
1348
1360
|
]);
|
|
1349
1361
|
};
|
|
1350
1362
|
}
|
|
1351
|
-
}),
|
|
1363
|
+
}), Qt = /* @__PURE__ */ Be(qt, [["__scopeId", "data-v-35e0db56"]]), Ot = { class: "kong-ui-gateway-service-entity-config-card" }, Xt = /* @__PURE__ */ Te({
|
|
1352
1364
|
__name: "GatewayServiceConfigCard",
|
|
1353
1365
|
props: {
|
|
1354
1366
|
/** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
|
|
1355
1367
|
config: {
|
|
1356
1368
|
type: Object,
|
|
1357
1369
|
required: !0,
|
|
1358
|
-
validator: (n) => !(!n || ![
|
|
1370
|
+
validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.entityId)
|
|
1359
1371
|
},
|
|
1360
1372
|
/**
|
|
1361
1373
|
* External link for documentation that determines visibility of Documentation button
|
|
@@ -1375,7 +1387,7 @@ const ye = {
|
|
|
1375
1387
|
},
|
|
1376
1388
|
emits: ["loading", "fetch:error", "fetch:success"],
|
|
1377
1389
|
setup(n) {
|
|
1378
|
-
const D = n, { i18n: { t: p }, i18nT: c } =
|
|
1390
|
+
const D = n, { i18n: { t: p }, i18nT: c } = ve.useI18n(), r = b(() => se.form[D.config.app].edit), { getPropValue: x } = rt(), N = (a, P) => x(a, P) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), q = E({
|
|
1379
1391
|
id: {},
|
|
1380
1392
|
name: {
|
|
1381
1393
|
tooltip: p("gateway_services.form.fields.name.tooltip")
|
|
@@ -1384,19 +1396,19 @@ const ye = {
|
|
|
1384
1396
|
updated_at: {},
|
|
1385
1397
|
created_at: {},
|
|
1386
1398
|
protocol: {
|
|
1387
|
-
section:
|
|
1399
|
+
section: fe.Basic,
|
|
1388
1400
|
tooltip: p("gateway_services.form.fields.protocol.tooltip")
|
|
1389
1401
|
},
|
|
1390
1402
|
host: {
|
|
1391
|
-
section:
|
|
1403
|
+
section: fe.Basic,
|
|
1392
1404
|
tooltip: p("gateway_services.form.fields.host.tooltip")
|
|
1393
1405
|
},
|
|
1394
1406
|
path: {
|
|
1395
|
-
section:
|
|
1407
|
+
section: fe.Basic,
|
|
1396
1408
|
tooltip: p("gateway_services.form.fields.path.tooltip")
|
|
1397
1409
|
},
|
|
1398
1410
|
port: {
|
|
1399
|
-
section:
|
|
1411
|
+
section: fe.Basic,
|
|
1400
1412
|
tooltip: p("gateway_services.form.fields.port.tooltip")
|
|
1401
1413
|
},
|
|
1402
1414
|
tags: {
|
|
@@ -1424,7 +1436,7 @@ const ye = {
|
|
|
1424
1436
|
tooltip: p("gateway_services.form.fields.client_certificate.tooltip")
|
|
1425
1437
|
},
|
|
1426
1438
|
ca_certificates: {
|
|
1427
|
-
type:
|
|
1439
|
+
type: at.BadgeTag,
|
|
1428
1440
|
label: p("gateway_services.form.fields.ca_certificates.label"),
|
|
1429
1441
|
order: 6
|
|
1430
1442
|
},
|
|
@@ -1435,62 +1447,62 @@ const ye = {
|
|
|
1435
1447
|
hidden: !0
|
|
1436
1448
|
}
|
|
1437
1449
|
});
|
|
1438
|
-
return (a,
|
|
1439
|
-
d(
|
|
1450
|
+
return (a, P) => (S(), U("div", Ot, [
|
|
1451
|
+
d(o(nt), {
|
|
1440
1452
|
config: n.config,
|
|
1441
1453
|
"config-card-doc": n.configCardDoc,
|
|
1442
|
-
"config-schema":
|
|
1443
|
-
"entity-type":
|
|
1454
|
+
"config-schema": q.value,
|
|
1455
|
+
"entity-type": o(Fe).GatewayService,
|
|
1444
1456
|
"fetch-url": r.value,
|
|
1445
1457
|
"hide-title": n.hideTitle,
|
|
1446
|
-
"onFetch:error":
|
|
1447
|
-
"onFetch:success":
|
|
1448
|
-
onLoading:
|
|
1458
|
+
"onFetch:error": P[0] || (P[0] = (C) => a.$emit("fetch:error", C)),
|
|
1459
|
+
"onFetch:success": P[1] || (P[1] = (C) => a.$emit("fetch:success", C)),
|
|
1460
|
+
onLoading: P[2] || (P[2] = (C) => a.$emit("loading", C))
|
|
1449
1461
|
}, {
|
|
1450
1462
|
"enabled-label-tooltip": f(() => [
|
|
1451
|
-
d(
|
|
1463
|
+
d(o(c), {
|
|
1452
1464
|
keypath: "gateway_services.form.fields.enabled.tooltip",
|
|
1453
1465
|
scope: "global"
|
|
1454
1466
|
}, {
|
|
1455
1467
|
false: f(() => [
|
|
1456
|
-
|
|
1468
|
+
k("code", null, y(o(p)("gateway_services.form.fields.enabled.false")), 1)
|
|
1457
1469
|
]),
|
|
1458
1470
|
true: f(() => [
|
|
1459
|
-
|
|
1471
|
+
k("code", null, y(o(p)("gateway_services.form.fields.enabled.true")), 1)
|
|
1460
1472
|
]),
|
|
1461
1473
|
_: 1
|
|
1462
1474
|
})
|
|
1463
1475
|
]),
|
|
1464
1476
|
"ca_certificates-label-tooltip": f(() => [
|
|
1465
|
-
d(
|
|
1477
|
+
d(o(c), {
|
|
1466
1478
|
keypath: "gateway_services.form.fields.ca_certificates.tooltip",
|
|
1467
1479
|
scope: "global"
|
|
1468
1480
|
}, {
|
|
1469
1481
|
code1: f(() => [
|
|
1470
|
-
|
|
1482
|
+
k("code", null, y(o(p)("gateway_services.form.fields.ca_certificates.code1")), 1)
|
|
1471
1483
|
]),
|
|
1472
1484
|
code2: f(() => [
|
|
1473
|
-
|
|
1485
|
+
k("code", null, y(o(p)("gateway_services.form.fields.ca_certificates.code2")), 1)
|
|
1474
1486
|
]),
|
|
1475
1487
|
_: 1
|
|
1476
1488
|
})
|
|
1477
1489
|
]),
|
|
1478
1490
|
"tls_verify-label-tooltip": f(() => [
|
|
1479
|
-
d(
|
|
1491
|
+
d(o(c), {
|
|
1480
1492
|
keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
|
|
1481
1493
|
scope: "global"
|
|
1482
1494
|
}, {
|
|
1483
1495
|
code1: f(() => [
|
|
1484
|
-
|
|
1496
|
+
k("code", null, y(o(p)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
|
|
1485
1497
|
]),
|
|
1486
1498
|
_: 1
|
|
1487
1499
|
})
|
|
1488
1500
|
]),
|
|
1489
|
-
tls_verify: f((
|
|
1490
|
-
|
|
1501
|
+
tls_verify: f((C) => [
|
|
1502
|
+
R(y(typeof o(x)("rowValue", C) == "boolean" ? N("rowValue", C) : o(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
|
|
1491
1503
|
]),
|
|
1492
|
-
client_certificate: f((
|
|
1493
|
-
|
|
1504
|
+
client_certificate: f((C) => [
|
|
1505
|
+
R(y(o(x)("rowValue", C) ? o(x)("rowValue", C).id : "–"), 1)
|
|
1494
1506
|
]),
|
|
1495
1507
|
_: 1
|
|
1496
1508
|
}, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
|
|
@@ -1498,7 +1510,7 @@ const ye = {
|
|
|
1498
1510
|
}
|
|
1499
1511
|
});
|
|
1500
1512
|
export {
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1513
|
+
Xt as GatewayServiceConfigCard,
|
|
1514
|
+
Qt as GatewayServiceForm,
|
|
1515
|
+
zt as GatewayServiceList
|
|
1504
1516
|
};
|