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