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