@cobaltcore-dev/aurora 0.23.1 → 1.1.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/client/App.d.ts +3 -2
- package/dist/client/AuroraApp.d.ts +25 -0
- package/dist/client/{AuthProvider-CQ6Yppoh.mjs → AuthProvider-BS5OVv8n.mjs} +4 -4
- package/dist/client/AuthProvider-BS5OVv8n.mjs.map +1 -0
- package/dist/client/{ContentHeader-9KZdhOoA.mjs → ContentHeader-BHMUzd9H.mjs} +27 -26
- package/dist/client/ContentHeader-BHMUzd9H.mjs.map +1 -0
- package/dist/client/DeleteFlavorModal-BP83t9zX.mjs +721 -0
- package/dist/client/DeleteFlavorModal-BP83t9zX.mjs.map +1 -0
- package/dist/client/FiltersInput-B8CNBg1L.mjs +82 -0
- package/dist/client/FiltersInput-B8CNBg1L.mjs.map +1 -0
- package/dist/client/{FloatingIpActionModals-BcceUHcg.mjs → FloatingIpActionModals-BraiJWBi.mjs} +66 -66
- package/dist/client/{FloatingIpActionModals-BcceUHcg.mjs.map → FloatingIpActionModals-BraiJWBi.mjs.map} +1 -1
- package/dist/client/ImageToastNotifications-BXMHJaIH.mjs +1131 -0
- package/dist/client/ImageToastNotifications-BXMHJaIH.mjs.map +1 -0
- package/dist/client/{RouteError-Rm08PcxN.mjs → RouteError-hAF8_jbe.mjs} +2 -2
- package/dist/client/{RouteError-Rm08PcxN.mjs.map → RouteError-hAF8_jbe.mjs.map} +1 -1
- package/dist/client/Slot-CWb612-_.mjs.map +1 -1
- package/dist/client/{SortInput-D_q_jDfe.mjs → SortInput-Cqs2poV3.mjs} +9 -9
- package/dist/client/{SortInput-D_q_jDfe.mjs.map → SortInput-Cqs2poV3.mjs.map} +1 -1
- package/dist/client/{StatusError-2ZU1gFpu.mjs → StatusError-C5KodQOq.mjs} +7 -7
- package/dist/client/{StatusError-2ZU1gFpu.mjs.map → StatusError-C5KodQOq.mjs.map} +1 -1
- package/dist/client/TwoColumnDescriptionList-DiDx3PnH.mjs +22 -0
- package/dist/client/TwoColumnDescriptionList-DiDx3PnH.mjs.map +1 -0
- package/dist/client/{_auth-D5_QNUos.mjs → _auth-DJ9wHZaj.mjs} +2 -2
- package/dist/client/_auth-DJ9wHZaj.mjs.map +1 -0
- package/dist/client/{_flavorId-CFmkmg2Y.mjs → _flavorId-BN_qessZ.mjs} +4 -4
- package/dist/client/{_flavorId-CFmkmg2Y.mjs.map → _flavorId-BN_qessZ.mjs.map} +1 -1
- package/dist/client/_flavorId-CJjEB_Ao.mjs +210 -0
- package/dist/client/_flavorId-CJjEB_Ao.mjs.map +1 -0
- package/dist/client/{_floatingIpId-Dzh6_JCI.mjs → _floatingIpId-CwDGHkWm.mjs} +4 -4
- package/dist/client/{_floatingIpId-Dzh6_JCI.mjs.map → _floatingIpId-CwDGHkWm.mjs.map} +1 -1
- package/dist/client/_floatingIpId-foMIwbE4.mjs +215 -0
- package/dist/client/_floatingIpId-foMIwbE4.mjs.map +1 -0
- package/dist/client/_imageId-BtJ7GmYB.mjs +558 -0
- package/dist/client/_imageId-BtJ7GmYB.mjs.map +1 -0
- package/dist/client/{_projectId-D-b7paXE.mjs → _projectId-BmtCuzJu.mjs} +4 -4
- package/dist/client/{_projectId-D-b7paXE.mjs.map → _projectId-BmtCuzJu.mjs.map} +1 -1
- package/dist/client/_projectId-Byt3GQDW.mjs +99 -0
- package/dist/client/_projectId-Byt3GQDW.mjs.map +1 -0
- package/dist/client/_projectId-NYk1IN_a.mjs +291 -0
- package/dist/client/_projectId-NYk1IN_a.mjs.map +1 -0
- package/dist/client/{_projectId-CAQkJHZ4.mjs → _projectId-QueiFczy.mjs} +3 -3
- package/dist/client/{_projectId-CAQkJHZ4.mjs.map → _projectId-QueiFczy.mjs.map} +1 -1
- package/dist/client/{_securityGroupId-DRkY3Gt6.mjs → _securityGroupId-BcbkRhsN.mjs} +4 -4
- package/dist/client/{_securityGroupId-DRkY3Gt6.mjs.map → _securityGroupId-BcbkRhsN.mjs.map} +1 -1
- package/dist/client/{_securityGroupId-DFdNKa2l.mjs → _securityGroupId-pPtJsCoe.mjs} +541 -527
- package/dist/client/_securityGroupId-pPtJsCoe.mjs.map +1 -0
- package/dist/client/_storageType-BmqrU06i.mjs +2202 -0
- package/dist/client/_storageType-BmqrU06i.mjs.map +1 -0
- package/dist/client/_storageType-zeSZe--V.mjs.map +1 -1
- package/dist/client/{about-C8tTrQaW.mjs → about-_73VmpTB.mjs} +8 -8
- package/dist/client/about-_73VmpTB.mjs.map +1 -0
- package/dist/client/assets/objectDownload.worker-CWWLPDyb.js.map +1 -0
- package/dist/client/assets/objectDownload.worker-kZlQuo3F.js.map +1 -0
- package/dist/client/{aurora-jyvXcI4T.mjs → aurora-EbwGRLLf.mjs} +2 -2
- package/dist/client/aurora-EbwGRLLf.mjs.map +1 -0
- package/dist/client/{build-CRLQyqu2.mjs → build-C_4vRMCq.mjs} +8072 -8533
- package/dist/client/build-C_4vRMCq.mjs.map +1 -0
- package/dist/client/components/Auth/LoginForm.d.ts +1 -1
- package/dist/client/components/Auth/SessionExpirationTimer.d.ts +1 -1
- package/dist/client/components/ContentHeader/ContentHeader.d.ts +1 -1
- package/dist/client/components/Error/RouteError.d.ts +1 -1
- package/dist/client/components/Error/StatusError.d.ts +1 -1
- package/dist/client/components/JsonEditor.d.ts +1 -1
- package/dist/client/components/ListToolbar/FiltersInput.d.ts +3 -1
- package/dist/client/components/ListToolbar/SelectedFilters.d.ts +1 -1
- package/dist/client/components/ListToolbar/index.d.ts +1 -1
- package/dist/client/components/ProjectView/ProjectInfoBox.d.ts +1 -1
- package/dist/client/components/Slot.d.ts +1 -1
- package/dist/client/components/TwoColumnDescriptionList.d.ts +11 -0
- package/dist/client/components/navigation/LanguageSelect.d.ts +1 -1
- package/dist/client/components/navigation/MainNavigation.d.ts +1 -1
- package/dist/client/components/navigation/UserMenu.d.ts +1 -1
- package/dist/client/{flavors-Dy-2mRGv.mjs → flavors-CiHCYrtZ.mjs} +2 -2
- package/dist/client/{flavors-Dy-2mRGv.mjs.map → flavors-CiHCYrtZ.mjs.map} +1 -1
- package/dist/client/flavors-DWMZ6TuJ.mjs.map +1 -1
- package/dist/client/{flavors-BfTXqmoD.mjs → flavors-DY-bDc8l.mjs} +196 -194
- package/dist/client/flavors-DY-bDc8l.mjs.map +1 -0
- package/dist/client/floatingips-Ci4jHkaG.mjs +591 -0
- package/dist/client/floatingips-Ci4jHkaG.mjs.map +1 -0
- package/dist/client/formatBytes-CZv_XyCY.mjs.map +1 -1
- package/dist/client/helpers-1PpYf-fC.mjs.map +1 -1
- package/dist/client/hooks/useAvailableViewportHeight.d.ts +8 -5
- package/dist/client/hooks/useVirtualizedTableBody.d.ts +1 -3
- package/dist/client/{hooks-Bw3sHHOg.mjs → hooks-LutR2Yg3.mjs} +2 -2
- package/dist/client/{hooks-Bw3sHHOg.mjs.map → hooks-LutR2Yg3.mjs.map} +1 -1
- package/dist/client/images-91U7tr9Y2.mjs +1976 -0
- package/dist/client/images-91U7tr9Y2.mjs.map +1 -0
- package/dist/client/{images-DPKUXryV.mjs → images-CS4kZQyu.mjs} +2 -2
- package/dist/client/{images-DPKUXryV.mjs.map → images-CS4kZQyu.mjs.map} +1 -1
- package/dist/client/images-NBf2bV43.mjs.map +1 -1
- package/dist/client/index.d.ts +4 -1
- package/dist/client/index.js +559 -545
- package/dist/client/index.js.map +1 -1
- package/dist/client/{md-CyCflQee.mjs → md-kvaGCNAK.mjs} +6 -78
- package/dist/client/{md-CyCflQee.mjs.map → md-kvaGCNAK.mjs.map} +1 -1
- package/dist/client/network-DuZm76BZ.mjs.map +1 -1
- package/dist/client/objects-C3azvW8m.mjs +10074 -0
- package/dist/client/objects-C3azvW8m.mjs.map +1 -0
- package/dist/client/objects-CM265S6b.mjs +56 -0
- package/dist/client/objects-CM265S6b.mjs.map +1 -0
- package/dist/client/objects-EE9Cd1wI.mjs +56 -0
- package/dist/client/objects-EE9Cd1wI.mjs.map +1 -0
- package/dist/client/projects-yiK0HGSA.mjs.map +1 -1
- package/dist/client/{routeInfo-CdTRlSxv.mjs → routeInfo-DXqB2HCf.mjs} +3 -3
- package/dist/client/routeInfo-DXqB2HCf.mjs.map +1 -0
- package/dist/client/router.d.ts +2 -1
- package/dist/client/{routes-BOf-GDMM.mjs → routes-CBd8CCuM.mjs} +27 -24
- package/dist/client/routes-CBd8CCuM.mjs.map +1 -0
- package/dist/client/{routes-CtfnI-aY.mjs → routes-CdDm-hhO.mjs} +2 -2
- package/dist/client/{routes-CtfnI-aY.mjs.map → routes-CdDm-hhO.mjs.map} +1 -1
- package/dist/client/securitygroups-Bd_uV4S9.mjs +595 -0
- package/dist/client/securitygroups-Bd_uV4S9.mjs.map +1 -0
- package/dist/client/{securitygroups-B8aLyFK7.mjs → securitygroups-Byte-iSp.mjs} +2 -2
- package/dist/client/{securitygroups-B8aLyFK7.mjs.map → securitygroups-Byte-iSp.mjs.map} +1 -1
- package/dist/client/services-D1PbooD1.mjs +6 -0
- package/dist/client/services-D1PbooD1.mjs.map +1 -0
- package/dist/client/services-DEMVtFyn.mjs +9 -0
- package/dist/client/services-DEMVtFyn.mjs.map +1 -0
- package/dist/client/store/AuthProvider.d.ts +1 -1
- package/dist/client/{trpcClient-Di56hpVv.mjs → trpcClient-D7gpR7YG.mjs} +2 -2
- package/dist/client/{trpcClient-Di56hpVv.mjs.map → trpcClient-D7gpR7YG.mjs.map} +1 -1
- package/dist/client/trpcClient.d.ts +139 -374
- package/dist/client/useModal-DCs1OJh7.mjs.map +1 -1
- package/dist/client/{useSecurityGroupPermissions-BPS1ibWq.mjs → useSecurityGroupPermissions-C29mzb3b.mjs} +15 -15
- package/dist/client/{useSecurityGroupPermissions-BPS1ibWq.mjs.map → useSecurityGroupPermissions-C29mzb3b.mjs.map} +1 -1
- package/dist/server/index.d.ts +164 -376
- package/dist/server/index.js +4223 -3131
- package/package.json +7 -9
- package/dist/client/AuthProvider-CQ6Yppoh.mjs.map +0 -1
- package/dist/client/BucketToastNotifications-Dq4dudkM.mjs +0 -665
- package/dist/client/BucketToastNotifications-Dq4dudkM.mjs.map +0 -1
- package/dist/client/ContentHeader-9KZdhOoA.mjs.map +0 -1
- package/dist/client/DeleteFlavorModal-Be2qZo4w.mjs +0 -713
- package/dist/client/DeleteFlavorModal-Be2qZo4w.mjs.map +0 -1
- package/dist/client/DeletePcaModal-CIFsGWyj.mjs +0 -80
- package/dist/client/DeletePcaModal-CIFsGWyj.mjs.map +0 -1
- package/dist/client/DetailsInfo-CHVD7d-W.mjs +0 -52
- package/dist/client/DetailsInfo-CHVD7d-W.mjs.map +0 -1
- package/dist/client/FiltersInput-DqT08Ib-.mjs +0 -81
- package/dist/client/FiltersInput-DqT08Ib-.mjs.map +0 -1
- package/dist/client/ImageToastNotifications-BGyX2J6j.mjs +0 -1219
- package/dist/client/ImageToastNotifications-BGyX2J6j.mjs.map +0 -1
- package/dist/client/_auth-D5_QNUos.mjs.map +0 -1
- package/dist/client/_flavorId-BsmqS9hP.mjs +0 -194
- package/dist/client/_flavorId-BsmqS9hP.mjs.map +0 -1
- package/dist/client/_floatingIpId-Bb9ZEJ6b.mjs +0 -228
- package/dist/client/_floatingIpId-Bb9ZEJ6b.mjs.map +0 -1
- package/dist/client/_imageId-C3As7sHE.mjs +0 -534
- package/dist/client/_imageId-C3As7sHE.mjs.map +0 -1
- package/dist/client/_pcaId-n0q0aDb6.mjs +0 -545
- package/dist/client/_pcaId-n0q0aDb6.mjs.map +0 -1
- package/dist/client/_projectId-BuBIFdgG.mjs +0 -291
- package/dist/client/_projectId-BuBIFdgG.mjs.map +0 -1
- package/dist/client/_projectId-DNZsNxJw.mjs +0 -98
- package/dist/client/_projectId-DNZsNxJw.mjs.map +0 -1
- package/dist/client/_securityGroupId-DFdNKa2l.mjs.map +0 -1
- package/dist/client/_storageType-Cn7TSOki.mjs +0 -81
- package/dist/client/_storageType-Cn7TSOki.mjs.map +0 -1
- package/dist/client/_storageType-_8Ambhxc.mjs +0 -2859
- package/dist/client/_storageType-_8Ambhxc.mjs.map +0 -1
- package/dist/client/about-C8tTrQaW.mjs.map +0 -1
- package/dist/client/assets/objectDownload.worker-BAc5Au4B.js.map +0 -1
- package/dist/client/aurora-jyvXcI4T.mjs.map +0 -1
- package/dist/client/build-CRLQyqu2.mjs.map +0 -1
- package/dist/client/flavors-BfTXqmoD.mjs.map +0 -1
- package/dist/client/floatingips-zhNK6Xxn.mjs +0 -562
- package/dist/client/floatingips-zhNK6Xxn.mjs.map +0 -1
- package/dist/client/images-DhZnqUG_.mjs +0 -1890
- package/dist/client/images-DhZnqUG_.mjs.map +0 -1
- package/dist/client/objects-B3mbk6V0.mjs +0 -6636
- package/dist/client/objects-B3mbk6V0.mjs.map +0 -1
- package/dist/client/objects-BQ8xvSW8.mjs +0 -103
- package/dist/client/objects-BQ8xvSW8.mjs.map +0 -1
- package/dist/client/objects-o2Cj_ndZ.mjs +0 -8
- package/dist/client/objects-o2Cj_ndZ.mjs.map +0 -1
- package/dist/client/pca-B60iWWfG.mjs +0 -251
- package/dist/client/pca-B60iWWfG.mjs.map +0 -1
- package/dist/client/pca-D0kKxHp4.mjs +0 -25
- package/dist/client/pca-D0kKxHp4.mjs.map +0 -1
- package/dist/client/pcaAccess-Br4kVjLQ.mjs +0 -9
- package/dist/client/pcaAccess-Br4kVjLQ.mjs.map +0 -1
- package/dist/client/routeInfo-CdTRlSxv.mjs.map +0 -1
- package/dist/client/routes-BOf-GDMM.mjs.map +0 -1
- package/dist/client/securitygroups-DRhFle2O.mjs +0 -589
- package/dist/client/securitygroups-DRhFle2O.mjs.map +0 -1
- package/dist/client/useListWithFiltering-aPTUNRaW.mjs +0 -32
- package/dist/client/useListWithFiltering-aPTUNRaW.mjs.map +0 -1
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
import { O as e, W as t, X as n, a as r, c as i, g as a, j as o, nt as s, x as c } from "./build-C_4vRMCq.mjs";
|
|
2
|
+
import { a as l } from "./trpcClient-D7gpR7YG.mjs";
|
|
3
|
+
import { t as u } from "./StatusError-C5KodQOq.mjs";
|
|
4
|
+
import { t as d } from "./_flavorId-BN_qessZ.mjs";
|
|
5
|
+
import { n as f, t as p } from "./ContentHeader-BHMUzd9H.mjs";
|
|
6
|
+
import { t as m } from "./TwoColumnDescriptionList-DiDx3PnH.mjs";
|
|
7
|
+
import { i as h, n as g, r as _, t as v } from "./DeleteFlavorModal-BP83t9zX.mjs";
|
|
8
|
+
import { t as y } from "./useModal-DCs1OJh7.mjs";
|
|
9
|
+
import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
|
|
10
|
+
import { useNavigate as C, useParams as w } from "@tanstack/react-router";
|
|
11
|
+
import { Trans as T, useLingui as E } from "@lingui/react";
|
|
12
|
+
//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorDetailsView.tsx
|
|
13
|
+
function D({ flavor: e }) {
|
|
14
|
+
let { i18n: t, _: r } = E(), i = (e, t) => `${e} ${t}`, a = [
|
|
15
|
+
{
|
|
16
|
+
label: t._({ id: "S0kLOH" }),
|
|
17
|
+
value: /*#__PURE__*/ x(f, { text: e.id })
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
label: t._({ id: "6YtxFj" }),
|
|
21
|
+
value: e.name
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
label: t._({ id: "Nu4oKW" }),
|
|
25
|
+
value: e?.description ?? ""
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
label: t._({ id: "7d1a0d" }),
|
|
29
|
+
value: e["os-flavor-access:is_public"] ? /*#__PURE__*/ x(T, { id: "l75CjT" }) : /*#__PURE__*/ x(T, { id: "1UzENP" })
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
label: t._({ id: "E/QGRL" }),
|
|
33
|
+
value: e["OS-FLV-DISABLED:disabled"] ? /*#__PURE__*/ x(T, { id: "l75CjT" }) : /*#__PURE__*/ x(T, { id: "1UzENP" })
|
|
34
|
+
}
|
|
35
|
+
], o = [
|
|
36
|
+
{
|
|
37
|
+
label: t._({ id: "MZGbkp" }),
|
|
38
|
+
value: e.vcpus
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
label: t._({ id: "RGhYAo" }),
|
|
42
|
+
value: i(e.ram, "MiB")
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
label: t._({ id: "sPFHpI" }),
|
|
46
|
+
value: i(e.disk, "GiB")
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
label: t._({ id: "r9Aac8" }),
|
|
50
|
+
value: i(e["OS-FLV-EXT-DATA:ephemeral"] || 0, "GiB")
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
label: t._({ id: "vH2C/2" }),
|
|
54
|
+
value: e.swap === 0 || e.swap === "" ? /*#__PURE__*/ x(T, { id: "EdQY6l" }) : i(Number(e.swap), "MiB")
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
label: t._({ id: "u5HztT" }),
|
|
58
|
+
value: e.rxtx_factor ?? ""
|
|
59
|
+
}
|
|
60
|
+
], c = e.extra_specs ? Object.entries(e.extra_specs).map(([e, t]) => ({
|
|
61
|
+
label: e,
|
|
62
|
+
value: t
|
|
63
|
+
})) : [];
|
|
64
|
+
return /*#__PURE__*/ S(n, {
|
|
65
|
+
direction: "vertical",
|
|
66
|
+
gap: "6",
|
|
67
|
+
className: "mt-6",
|
|
68
|
+
children: [
|
|
69
|
+
/*#__PURE__*/ S(n, {
|
|
70
|
+
direction: "vertical",
|
|
71
|
+
gap: "2",
|
|
72
|
+
children: [/*#__PURE__*/ x(s, { children: /*#__PURE__*/ x(T, { id: "jIPNJG" }) }), /*#__PURE__*/ x(m, { items: a })]
|
|
73
|
+
}),
|
|
74
|
+
/*#__PURE__*/ S(n, {
|
|
75
|
+
direction: "vertical",
|
|
76
|
+
gap: "2",
|
|
77
|
+
children: [/*#__PURE__*/ x(s, { children: /*#__PURE__*/ x(T, { id: "qQ1QBh" }) }), /*#__PURE__*/ x(m, { items: o })]
|
|
78
|
+
}),
|
|
79
|
+
e.extra_specs && Object.keys(e.extra_specs).length > 0 && /*#__PURE__*/ S(n, {
|
|
80
|
+
direction: "vertical",
|
|
81
|
+
gap: "2",
|
|
82
|
+
children: [/*#__PURE__*/ x(s, { children: /*#__PURE__*/ x(T, { id: "DKkOPx" }) }), /*#__PURE__*/ x(m, { items: c })]
|
|
83
|
+
})
|
|
84
|
+
]
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=component
|
|
89
|
+
function O() {
|
|
90
|
+
let { projectId: s, flavorId: f } = w({ from: "/_auth/projects/$projectId/compute/flavors/$flavorId" }), { trpcClient: m } = d.useRouteContext(), O = C(), { i18n: k, _: A } = E(), { translateError: j, isRetryableError: M } = h(), { data: N, status: P, error: F, refetch: I } = l.compute.getFlavorById.useQuery({
|
|
91
|
+
project_id: s,
|
|
92
|
+
flavorId: f
|
|
93
|
+
}), { data: L } = l.compute.canUser.useQuery({
|
|
94
|
+
project_id: s,
|
|
95
|
+
permission: [
|
|
96
|
+
"flavors:delete",
|
|
97
|
+
"flavors:list_projects",
|
|
98
|
+
"flavor_specs:create",
|
|
99
|
+
"flavor_specs:delete",
|
|
100
|
+
"flavor_specs:list"
|
|
101
|
+
]
|
|
102
|
+
}), R = L?.[0] ?? !1, z = L?.[1] ?? !1, B = (L?.[2] ?? !1) || (L?.[3] ?? !1), V = L?.[4] ?? !1, [H, U] = y(), [W, G] = y(), [K, q] = y(), J = () => {
|
|
103
|
+
O({
|
|
104
|
+
to: "/projects/$projectId/compute/flavors",
|
|
105
|
+
params: { projectId: s }
|
|
106
|
+
});
|
|
107
|
+
}, Y = () => {
|
|
108
|
+
O({
|
|
109
|
+
to: "/projects/$projectId",
|
|
110
|
+
params: { projectId: s }
|
|
111
|
+
});
|
|
112
|
+
}, X = () => {
|
|
113
|
+
I();
|
|
114
|
+
};
|
|
115
|
+
if (P === "pending") return /*#__PURE__*/ S(n, {
|
|
116
|
+
className: "fixed inset-0",
|
|
117
|
+
distribution: "center",
|
|
118
|
+
alignment: "center",
|
|
119
|
+
direction: "vertical",
|
|
120
|
+
children: [/*#__PURE__*/ x(t, {
|
|
121
|
+
variant: "primary",
|
|
122
|
+
size: "large",
|
|
123
|
+
className: "mb-2"
|
|
124
|
+
}), /*#__PURE__*/ x(T, { id: "YNgcgc" })]
|
|
125
|
+
});
|
|
126
|
+
if (P === "error") {
|
|
127
|
+
let e = F?.message || "UNKNOWN_ERROR", t = j(e), n = M(e);
|
|
128
|
+
return /*#__PURE__*/ x(u, {
|
|
129
|
+
message: t,
|
|
130
|
+
statusCode: ((e) => {
|
|
131
|
+
if (e.includes("UNAUTHORIZED")) return 401;
|
|
132
|
+
if (e.includes("FORBIDDEN")) return 403;
|
|
133
|
+
if (e.includes("NOT_FOUND")) return 404;
|
|
134
|
+
if (e.includes("SERVER_ERROR")) return 500;
|
|
135
|
+
})(e),
|
|
136
|
+
title: k._({ id: "FjONW3" }),
|
|
137
|
+
onBackClick: J,
|
|
138
|
+
onHomeClick: Y,
|
|
139
|
+
reset: n ? X : void 0
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
if (!N) return /*#__PURE__*/ x(u, {
|
|
143
|
+
message: k._({ id: "y0u86k" }),
|
|
144
|
+
statusCode: 404,
|
|
145
|
+
title: k._({ id: "bpme7e" }),
|
|
146
|
+
onBackClick: J,
|
|
147
|
+
onHomeClick: Y
|
|
148
|
+
});
|
|
149
|
+
let Z = N["os-flavor-access:is_public"] !== !1, Q = z || R || B || V ? /*#__PURE__*/ x(o, { children: /*#__PURE__*/ S(e, { children: [/*#__PURE__*/ x(i, {
|
|
150
|
+
as: "div",
|
|
151
|
+
children: /*#__PURE__*/ x(r, {
|
|
152
|
+
icon: "moreVert",
|
|
153
|
+
children: /*#__PURE__*/ x(T, { id: "PgNNGl" })
|
|
154
|
+
})
|
|
155
|
+
}), /*#__PURE__*/ S(a, { children: [
|
|
156
|
+
(B || V) && /*#__PURE__*/ x(c, {
|
|
157
|
+
label: B ? k._({ id: "SIfYq6" }) : k._({ id: "6GBt0m" }),
|
|
158
|
+
onClick: U
|
|
159
|
+
}),
|
|
160
|
+
z && /*#__PURE__*/ x(c, {
|
|
161
|
+
label: k._({ id: "cWbW6w" }),
|
|
162
|
+
onClick: G,
|
|
163
|
+
disabled: Z
|
|
164
|
+
}),
|
|
165
|
+
R && /*#__PURE__*/ x(c, {
|
|
166
|
+
label: k._({ id: "JT3I1g" }),
|
|
167
|
+
onClick: q
|
|
168
|
+
})
|
|
169
|
+
] })] }) }) : void 0;
|
|
170
|
+
return /*#__PURE__*/ S(b, { children: [
|
|
171
|
+
/*#__PURE__*/ x(p, {
|
|
172
|
+
title: N.name,
|
|
173
|
+
projectId: s,
|
|
174
|
+
actions: Q
|
|
175
|
+
}),
|
|
176
|
+
/*#__PURE__*/ x(n, {
|
|
177
|
+
direction: "vertical",
|
|
178
|
+
children: /*#__PURE__*/ x(D, { flavor: N })
|
|
179
|
+
}),
|
|
180
|
+
m && /*#__PURE__*/ S(b, { children: [
|
|
181
|
+
H && /*#__PURE__*/ x(_, {
|
|
182
|
+
client: m,
|
|
183
|
+
isOpen: H,
|
|
184
|
+
onClose: U,
|
|
185
|
+
project: s,
|
|
186
|
+
flavor: N,
|
|
187
|
+
canEdit: B
|
|
188
|
+
}),
|
|
189
|
+
W && /*#__PURE__*/ x(g, {
|
|
190
|
+
client: m,
|
|
191
|
+
isOpen: W,
|
|
192
|
+
onClose: G,
|
|
193
|
+
project: s,
|
|
194
|
+
flavor: N
|
|
195
|
+
}),
|
|
196
|
+
K && /*#__PURE__*/ x(v, {
|
|
197
|
+
client: m,
|
|
198
|
+
isOpen: K,
|
|
199
|
+
onClose: q,
|
|
200
|
+
project: s,
|
|
201
|
+
flavor: N,
|
|
202
|
+
onSuccess: J
|
|
203
|
+
})
|
|
204
|
+
] })
|
|
205
|
+
] });
|
|
206
|
+
}
|
|
207
|
+
//#endregion
|
|
208
|
+
export { O as component };
|
|
209
|
+
|
|
210
|
+
//# sourceMappingURL=_flavorId-CJjEB_Ao.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_flavorId-CJjEB_Ao.mjs","names":["Stack","ContentHeading","ClipboardText","TwoColumnDescriptionList","FlavorDetailsView","flavor","useLingui","formatWithUnit","value","unit","basicInfoItems","label","t","text","id","name","description","hardwareSpecItems","vcpus","ram","disk","swap","Number","rxtx_factor","extraSpecItems","extra_specs","Object","entries","map","key","direction","gap","className","items","keys","length","Button","ButtonRow","Stack","Spinner","PopupMenu","PopupMenuToggle","PopupMenuOptions","PopupMenuItem","useNavigate","useParams","Trans","useLingui","trpcReact","FlavorDetailsView","StatusError","useErrorTranslation","EditSpecModal","ManageAccessModal","DeleteFlavorModal","useModal","ContentHeader","Route","RouteComponent","projectId","flavorId","from","trpcClient","useRouteContext","navigate","t","translateError","isRetryableError","data","flavor","status","error","refetch","compute","getFlavorById","useQuery","project_id","permissionsData","canUser","permission","canDeleteFlavor","canManageAccess","canManageSpecs","canListSpecs","specModalOpen","toggleSpecModal","accessModalOpen","toggleAccessModal","deleteModalOpen","toggleDeleteModal","handleBack","to","params","handleHome","handleRetry","errorCode","message","translatedError","canRetry","getStatusCode","code","includes","undefined","isPublicFlavor","hasMoreActions","headerActions","name","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=component"],"sourcesContent":["import { Stack, ContentHeading } from \"@cloudoperators/juno-ui-components/index\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport type { Flavor } from \"@/server/Compute/types/flavor\"\nimport ClipboardText from \"@/client/components/ClipboardText\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\n\ninterface FlavorDetailsViewProps {\n flavor: Flavor\n}\n\nexport function FlavorDetailsView({ flavor }: FlavorDetailsViewProps) {\n const { t } = useLingui()\n const formatWithUnit = (value: number, unit: string) => `${value} ${unit}`\n\n const basicInfoItems = [\n { label: t`ID`, value: <ClipboardText text={flavor.id} /> },\n { label: t`Name`, value: flavor.name },\n { label: t`Description`, value: flavor?.description ?? \"\" },\n {\n label: t`Public`,\n value: flavor[\"os-flavor-access:is_public\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>,\n },\n {\n label: t`Disabled`,\n value: flavor[\"OS-FLV-DISABLED:disabled\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>,\n },\n ]\n\n const hardwareSpecItems = [\n { label: t`VCPUs`, value: flavor.vcpus },\n { label: t`RAM`, value: formatWithUnit(flavor.ram, \"MiB\") },\n { label: t`Disk`, value: formatWithUnit(flavor.disk, \"GiB\") },\n {\n label: t`Ephemeral Disk`,\n value: formatWithUnit(flavor[\"OS-FLV-EXT-DATA:ephemeral\"] || 0, \"GiB\"),\n },\n {\n label: t`Swap`,\n value: flavor.swap === 0 || flavor.swap === \"\" ? <Trans>None</Trans> : formatWithUnit(Number(flavor.swap), \"MiB\"),\n },\n { label: t`RX/TX Factor`, value: flavor.rxtx_factor ?? \"\" },\n ]\n\n const extraSpecItems = flavor.extra_specs\n ? Object.entries(flavor.extra_specs).map(([key, value]) => ({ label: key, value }))\n : []\n\n return (\n <Stack direction=\"vertical\" gap=\"6\" className=\"mt-6\">\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>Basic Information</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={basicInfoItems} />\n </Stack>\n\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>Hardware Specifications</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={hardwareSpecItems} />\n </Stack>\n\n {flavor.extra_specs && Object.keys(flavor.extra_specs).length > 0 && (\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>Extra Specs</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={extraSpecItems} />\n </Stack>\n )}\n </Stack>\n )\n}\n","import {\n Button,\n ButtonRow,\n Stack,\n Spinner,\n PopupMenu,\n PopupMenuToggle,\n PopupMenuOptions,\n PopupMenuItem,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { createFileRoute, redirect, useNavigate, useParams } from \"@tanstack/react-router\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { FlavorDetailsView } from \"./-components/FlavorDetailsView\"\nimport { StatusError } from \"@/client/components/Error/StatusError\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\nimport { EditSpecModal } from \"../-components/Flavors/-components/EditSpecModal\"\nimport { ManageAccessModal } from \"../-components/Flavors/-components/ManageAccessModal\"\nimport { DeleteFlavorModal } from \"../-components/Flavors/-components/DeleteFlavorModal\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/$flavorId\")({\n staticData: {\n section: \"compute\",\n service: \"flavors\",\n analytics: {\n name: \"compute.flavors.detail\",\n },\n isDetail: true,\n sectionCrumb: { labelKey: \"Compute\" },\n crumb: { labelKey: \"Flavors\", to: \"/projects/$projectId/compute/flavors\" },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const flavor = await context.trpcClient?.compute.getFlavorById.query({\n project_id: params.projectId,\n flavorId: params.flavorId,\n })\n return { flavorName: flavor?.name ?? null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.flavorName ?? \"Flavor Details\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n const { projectId } = params\n\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n\n const serviceIndex = getServiceIndex(availableServices)\n\n if (!serviceIndex[\"flavor\"] && !serviceIndex[\"compute\"]) {\n throw redirect({\n to: \"/projects/$projectId\",\n params: { projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const { projectId, flavorId } = useParams({\n from: \"/_auth/projects/$projectId/compute/flavors/$flavorId\",\n })\n const { trpcClient } = Route.useRouteContext()\n const navigate = useNavigate()\n const { t } = useLingui()\n const { translateError, isRetryableError } = useErrorTranslation()\n\n const {\n data: flavor,\n status,\n error,\n refetch,\n } = trpcReact.compute.getFlavorById.useQuery({\n project_id: projectId,\n flavorId,\n })\n\n const { data: permissionsData } = trpcReact.compute.canUser.useQuery({\n project_id: projectId,\n permission: [\n \"flavors:delete\",\n \"flavors:list_projects\",\n \"flavor_specs:create\",\n \"flavor_specs:delete\",\n \"flavor_specs:list\",\n ],\n })\n\n const canDeleteFlavor = permissionsData?.[0] ?? false\n const canManageAccess = permissionsData?.[1] ?? false\n const canManageSpecs = (permissionsData?.[2] ?? false) || (permissionsData?.[3] ?? false)\n const canListSpecs = permissionsData?.[4] ?? false\n\n const [specModalOpen, toggleSpecModal] = useModal()\n const [accessModalOpen, toggleAccessModal] = useModal()\n const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n const handleBack = () => {\n navigate({\n to: \"/projects/$projectId/compute/flavors\",\n params: { projectId },\n })\n }\n\n const handleHome = () => {\n navigate({\n to: \"/projects/$projectId\",\n params: { projectId },\n })\n }\n\n const handleRetry = () => {\n refetch()\n }\n\n if (status === \"pending\") {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Flavor Details...</Trans>\n </Stack>\n )\n }\n\n if (status === \"error\") {\n const errorCode = error?.message || \"UNKNOWN_ERROR\"\n const translatedError = translateError(errorCode)\n const canRetry = isRetryableError(errorCode)\n\n const getStatusCode = (code: string): number | undefined => {\n if (code.includes(\"UNAUTHORIZED\")) return 401\n if (code.includes(\"FORBIDDEN\")) return 403\n if (code.includes(\"NOT_FOUND\")) return 404\n if (code.includes(\"SERVER_ERROR\")) return 500\n return undefined\n }\n\n return (\n <StatusError\n message={translatedError}\n statusCode={getStatusCode(errorCode)}\n title={t`Error Loading Flavor`}\n onBackClick={handleBack}\n onHomeClick={handleHome}\n reset={canRetry ? handleRetry : undefined}\n />\n )\n }\n\n if (!flavor) {\n return (\n <StatusError\n message={t`The requested flavor could not be found. It may have been deleted or you may not have access to it.`}\n statusCode={404}\n title={t`Flavor Not Found`}\n onBackClick={handleBack}\n onHomeClick={handleHome}\n />\n )\n }\n\n const isPublicFlavor = flavor[\"os-flavor-access:is_public\"] !== false\n const hasMoreActions = canManageAccess || canDeleteFlavor || canManageSpecs || canListSpecs\n\n const headerActions = hasMoreActions ? (\n <ButtonRow>\n <PopupMenu>\n <PopupMenuToggle as=\"div\">\n <Button icon=\"moreVert\">\n <Trans>More Actions</Trans>\n </Button>\n </PopupMenuToggle>\n <PopupMenuOptions>\n {(canManageSpecs || canListSpecs) && (\n <PopupMenuItem label={canManageSpecs ? t`Edit Metadata` : t`Metadata`} onClick={toggleSpecModal} />\n )}\n {canManageAccess && (\n <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} disabled={isPublicFlavor} />\n )}\n {canDeleteFlavor && <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />}\n </PopupMenuOptions>\n </PopupMenu>\n </ButtonRow>\n ) : undefined\n\n return (\n <>\n <ContentHeader title={flavor.name} projectId={projectId} actions={headerActions} />\n <Stack direction=\"vertical\">\n <FlavorDetailsView flavor={flavor} />\n </Stack>\n\n {trpcClient && (\n <>\n {specModalOpen && (\n <EditSpecModal\n client={trpcClient}\n isOpen={specModalOpen}\n onClose={toggleSpecModal}\n project={projectId}\n flavor={flavor}\n canEdit={canManageSpecs}\n />\n )}\n\n {accessModalOpen && (\n <ManageAccessModal\n client={trpcClient}\n isOpen={accessModalOpen}\n onClose={toggleAccessModal}\n project={projectId}\n flavor={flavor}\n />\n )}\n\n {deleteModalOpen && (\n <DeleteFlavorModal\n client={trpcClient}\n isOpen={deleteModalOpen}\n onClose={toggleDeleteModal}\n project={projectId}\n flavor={flavor}\n onSuccess={handleBack}\n />\n )}\n </>\n )}\n </>\n )\n}\n"],"mappings":"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"}
|
|
@@ -17,10 +17,10 @@ var i = t("/_auth/projects/$projectId/network/floatingips/$floatingIpId/")({
|
|
|
17
17
|
floatingip_id: t.floatingIpId
|
|
18
18
|
}))?.floating_ip_address ?? null }),
|
|
19
19
|
head: ({ loaderData: e }) => ({ meta: [{ title: e?.floatingIpAddress ?? "Floating IP" }] }),
|
|
20
|
-
component: n(() => import("./_floatingIpId-
|
|
20
|
+
component: n(() => import("./_floatingIpId-foMIwbE4.mjs"), "component"),
|
|
21
21
|
beforeLoad: async ({ context: t, params: n }) => {
|
|
22
|
-
let { trpcClient: i } = t, a =
|
|
23
|
-
if (!
|
|
22
|
+
let { trpcClient: i } = t, a = await i?.auth.getAvailableServices.query() || [], o = e(a);
|
|
23
|
+
if (!o.network || !o.network.neutron) throw r({
|
|
24
24
|
to: "/projects/$projectId/network/floatingips",
|
|
25
25
|
params: { projectId: n.projectId }
|
|
26
26
|
});
|
|
@@ -29,4 +29,4 @@ var i = t("/_auth/projects/$projectId/network/floatingips/$floatingIpId/")({
|
|
|
29
29
|
//#endregion
|
|
30
30
|
export { i as t };
|
|
31
31
|
|
|
32
|
-
//# sourceMappingURL=_floatingIpId-
|
|
32
|
+
//# sourceMappingURL=_floatingIpId-CwDGHkWm.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_floatingIpId-
|
|
1
|
+
{"version":3,"file":"_floatingIpId-CwDGHkWm.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","analytics","name","isDetail","sectionCrumb","labelKey","crumb","to","RouteInfo","loader","context","params","floatingIp","trpcClient","network","getById","query","project_id","projectId","floatingip_id","floatingIpId","floatingIpAddress","floating_ip_address","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Button, ContentHeading, Stack, Spinner } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { FloatingIpDetailsView } from \"./-components/-details/FloatingIpDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/$floatingIpId/\")({\n staticData: {\n section: \"network\",\n service: \"floatingips\",\n analytics: {\n name: \"network.floatingips.detail\",\n },\n isDetail: true,\n sectionCrumb: { labelKey: \"Network\" },\n crumb: { labelKey: \"Floating IPs\", to: \"/projects/$projectId/network/floatingips\" },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const floatingIp = await context.trpcClient?.network.floatingIp.getById.query({\n project_id: params.projectId,\n floatingip_id: params.floatingIpId,\n })\n return { floatingIpAddress: floatingIp?.floating_ip_address ?? null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.floatingIpAddress ?? \"Floating IP\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n const serviceIndex = getServiceIndex(availableServices)\n\n // Redirect if network service not available\n if (!serviceIndex[\"network\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n\n if (!serviceIndex[\"network\"][\"neutron\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const { floatingIpId } = Route.useParams()\n const projectId = useProjectId()\n const navigate = useNavigate()\n\n // Fetch floating IP details\n const {\n data: floatingIp,\n isLoading,\n isError,\n error,\n } = trpcReact.network.floatingIp.getById.useQuery({\n project_id: projectId,\n floatingip_id: floatingIpId,\n })\n\n const handleBack = () => {\n navigate({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId },\n })\n }\n\n // Loading state\n if (isLoading) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Floating IP Details...</Trans>\n </Stack>\n )\n }\n\n // Error state\n if (isError) {\n const errorMessage = error?.message || \"Unknown error\"\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-error font-semibold\">\n <Trans>Error loading floating IP</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!floatingIp) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Floating IP not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n // Success state\n return (\n <>\n <ContentHeading>{floatingIp.floating_ip_address}</ContentHeading>\n <FloatingIpDetailsView floatingIp={floatingIp} />\n </>\n )\n}\n"],"mappings":";;AASA,IAAaG,IAAQH,EAAgB,+DAAA,CAAA,CAAiE;CACpGI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,WAAW,EACTC,MAAM,6BACR;EACAC,UAAU;EACVC,cAAc,EAAEC,UAAU,UAAU;EACpCC,OAAO;GAAED,UAAU;GAAgBE,IAAI;EAA2C;CACpF;CACAE,QAAQ,OAAO,EAAEC,YAASC,iBAKjB,EAAEU,oBAAmBT,MAJHF,EAAQG,YAAYC,QAAQF,WAAWG,QAAQC,MAAM;EAC5EC,YAAYN,EAAOO;EACnBC,eAAeR,EAAOS;CACxB,CAAA,EAAA,EACwCE,uBAAuB,KAAK;CAEtEC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,qBAAqB,cAAc,CAAC,EAClE;CACAM,WAASC,gDAAA,WAAA;CACTE,YAAY,OAAO,EAAEpB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAEjBqB,IAAoB,MAAOlB,GAAYmB,KAAKC,qBAAqBjB,MAAAA,KAAY,CAAA,GAC7EkB,IAAetC,EAAgBmC,CAAAA;EAUrC,IAPI,CAACG,EAAa,WAOd,CAACA,EAAa,QAAW,SAC3B,MAAMvC,EAAS;GACbY,IAAI;GACJI,QAAQ,EAAEO,WAAWP,EAAOO,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
import { W as e, X as t, a as n, j as r, nt as i } from "./build-C_4vRMCq.mjs";
|
|
2
|
+
import { a } from "./trpcClient-D7gpR7YG.mjs";
|
|
3
|
+
import { t as o } from "./_floatingIpId-CwDGHkWm.mjs";
|
|
4
|
+
import { t as s } from "./useProjectId-DBc5lpoU.mjs";
|
|
5
|
+
import "./hooks-LutR2Yg3.mjs";
|
|
6
|
+
import { t as c } from "./TwoColumnDescriptionList-DiDx3PnH.mjs";
|
|
7
|
+
import { t as l } from "./FloatingIpActionModals-BraiJWBi.mjs";
|
|
8
|
+
import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
9
|
+
import { useNavigate as p } from "@tanstack/react-router";
|
|
10
|
+
import { Trans as m, useLingui as h } from "@lingui/react";
|
|
11
|
+
//#region src/client/utils/formatFloatingIpStatus.ts
|
|
12
|
+
var g = (e) => e.charAt(0) + e.slice(1).toLowerCase(), _ = ({ floatingIp: e }) => {
|
|
13
|
+
let { i18n: a, _: o } = h(), s = [
|
|
14
|
+
{
|
|
15
|
+
label: a._({ id: "S0kLOH" }),
|
|
16
|
+
value: e.id
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: a._({ id: "Nu4oKW" }),
|
|
20
|
+
value: e.description || "—"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
label: a._({ id: "mSfwLL" }),
|
|
24
|
+
value: e.project_id || "—"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
label: a._({ id: "uAQUqI" }),
|
|
28
|
+
value: g(e.status)
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
label: a._({ id: "88kg0+" }),
|
|
32
|
+
value: e.created_at ? new Date(e.created_at).toLocaleString() : "—"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
label: a._({ id: "Llcakz" }),
|
|
36
|
+
value: e.updated_at ? new Date(e.updated_at).toLocaleString() : "—"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
label: a._({ id: "OYHzN1" }),
|
|
40
|
+
value: e.tags?.join(", ") || "—"
|
|
41
|
+
}
|
|
42
|
+
], p = [
|
|
43
|
+
{
|
|
44
|
+
label: a._({ id: "xNG/3n" }),
|
|
45
|
+
value: e.floating_ip_address || "—"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
label: a._({ id: "7AfIPZ" }),
|
|
49
|
+
value: e.floating_network_id || "—"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
label: a._({ id: "Nc7QKU" }),
|
|
53
|
+
value: e.fixed_ip_address || "—"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
label: a._({ id: "6sxz+g" }),
|
|
57
|
+
value: e.port_details?.name || "—"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
label: a._({ id: "sNVNmf" }),
|
|
61
|
+
value: e.port_details?.mac_address || "—"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
label: a._({ id: "hrBow7" }),
|
|
65
|
+
value: e.port_details?.network_id || "—"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
label: a._({ id: "OaSktR" }),
|
|
69
|
+
value: e.port_details?.device_owner || "—"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
label: a._({ id: "9rz81C" }),
|
|
73
|
+
value: e.port_details?.device_id || "—"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
label: a._({ id: "/bUiYk" }),
|
|
77
|
+
value: e.router_id || "—"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
label: a._({ id: "eks7oA" }),
|
|
81
|
+
value: e.port_id || "—"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
label: a._({ id: "W9kfjU" }),
|
|
85
|
+
value: e.qos_policy_id || "—"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
label: a._({ id: "mQSO1Y" }),
|
|
89
|
+
value: e.port_forwardings?.map((e) => e.id).join(", ") || "—"
|
|
90
|
+
}
|
|
91
|
+
], _ = [{
|
|
92
|
+
label: a._({ id: "WlpcJv" }),
|
|
93
|
+
value: e.dns_domain || "—"
|
|
94
|
+
}, {
|
|
95
|
+
label: a._({ id: "eGEHJE" }),
|
|
96
|
+
value: e.dns_name || "—"
|
|
97
|
+
}];
|
|
98
|
+
return /*#__PURE__*/ f(u, { children: [
|
|
99
|
+
/*#__PURE__*/ d("p", {
|
|
100
|
+
className: "text-theme-secondary mt-2 text-sm",
|
|
101
|
+
children: /*#__PURE__*/ d(m, { id: "DNVql8" })
|
|
102
|
+
}),
|
|
103
|
+
/*#__PURE__*/ d(l, {
|
|
104
|
+
floatingIp: e,
|
|
105
|
+
children: ({ toggleEditModal: e, toggleAttachModal: t, toggleDetachModal: i, toggleReleaseModal: o }) => /*#__PURE__*/ f(r, { children: [
|
|
106
|
+
/*#__PURE__*/ d(n, {
|
|
107
|
+
onClick: e,
|
|
108
|
+
children: a._({ id: "n22YIM" })
|
|
109
|
+
}),
|
|
110
|
+
/*#__PURE__*/ d(n, {
|
|
111
|
+
onClick: t,
|
|
112
|
+
children: a._({ id: "igVDFt" })
|
|
113
|
+
}),
|
|
114
|
+
/*#__PURE__*/ d(n, {
|
|
115
|
+
onClick: i,
|
|
116
|
+
children: a._({ id: "FOcBn3" })
|
|
117
|
+
}),
|
|
118
|
+
/*#__PURE__*/ d(n, {
|
|
119
|
+
onClick: o,
|
|
120
|
+
children: a._({ id: "H+a5j6" })
|
|
121
|
+
})
|
|
122
|
+
] })
|
|
123
|
+
}),
|
|
124
|
+
/*#__PURE__*/ f(t, {
|
|
125
|
+
direction: "vertical",
|
|
126
|
+
gap: "6",
|
|
127
|
+
className: "my-6",
|
|
128
|
+
children: [
|
|
129
|
+
/*#__PURE__*/ f(t, {
|
|
130
|
+
direction: "vertical",
|
|
131
|
+
gap: "2",
|
|
132
|
+
children: [/*#__PURE__*/ d(i, { children: /*#__PURE__*/ d(m, { id: "SuX2Ca" }) }), /*#__PURE__*/ d(c, { items: s })]
|
|
133
|
+
}),
|
|
134
|
+
/*#__PURE__*/ f(t, {
|
|
135
|
+
direction: "vertical",
|
|
136
|
+
gap: "2",
|
|
137
|
+
children: [/*#__PURE__*/ d(i, { children: /*#__PURE__*/ d(m, { id: "jKopCP" }) }), /*#__PURE__*/ d(c, { items: p })]
|
|
138
|
+
}),
|
|
139
|
+
/*#__PURE__*/ f(t, {
|
|
140
|
+
direction: "vertical",
|
|
141
|
+
gap: "2",
|
|
142
|
+
children: [/*#__PURE__*/ d(i, { children: /*#__PURE__*/ d(m, { id: "5M4Te3" }) }), /*#__PURE__*/ d(c, { items: _ })]
|
|
143
|
+
})
|
|
144
|
+
]
|
|
145
|
+
})
|
|
146
|
+
] });
|
|
147
|
+
};
|
|
148
|
+
//#endregion
|
|
149
|
+
//#region src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component
|
|
150
|
+
function v() {
|
|
151
|
+
let { floatingIpId: r } = o.useParams(), c = s(), l = p(), { data: h, isLoading: g, isError: v, error: y } = a.network.floatingIp.getById.useQuery({
|
|
152
|
+
project_id: c,
|
|
153
|
+
floatingip_id: r
|
|
154
|
+
}), b = () => {
|
|
155
|
+
l({
|
|
156
|
+
to: "/projects/$projectId/network/floatingips",
|
|
157
|
+
params: { projectId: c }
|
|
158
|
+
});
|
|
159
|
+
};
|
|
160
|
+
if (g) return /*#__PURE__*/ f(t, {
|
|
161
|
+
className: "fixed inset-0",
|
|
162
|
+
distribution: "center",
|
|
163
|
+
alignment: "center",
|
|
164
|
+
direction: "vertical",
|
|
165
|
+
children: [/*#__PURE__*/ d(e, {
|
|
166
|
+
variant: "primary",
|
|
167
|
+
size: "large",
|
|
168
|
+
className: "mb-2"
|
|
169
|
+
}), /*#__PURE__*/ d(m, { id: "VLI9eO" })]
|
|
170
|
+
});
|
|
171
|
+
if (v) {
|
|
172
|
+
let e = y?.message || "Unknown error";
|
|
173
|
+
return /*#__PURE__*/ f(t, {
|
|
174
|
+
className: "fixed inset-0",
|
|
175
|
+
distribution: "center",
|
|
176
|
+
alignment: "center",
|
|
177
|
+
direction: "vertical",
|
|
178
|
+
gap: "5",
|
|
179
|
+
children: [
|
|
180
|
+
/*#__PURE__*/ d("p", {
|
|
181
|
+
className: "text-theme-error font-semibold",
|
|
182
|
+
children: /*#__PURE__*/ d(m, { id: "Smk7M2" })
|
|
183
|
+
}),
|
|
184
|
+
/*#__PURE__*/ d("p", {
|
|
185
|
+
className: "text-theme-highest",
|
|
186
|
+
children: e
|
|
187
|
+
}),
|
|
188
|
+
/*#__PURE__*/ d(n, {
|
|
189
|
+
onClick: b,
|
|
190
|
+
variant: "primary",
|
|
191
|
+
children: /*#__PURE__*/ d(m, { id: "z1JceR" })
|
|
192
|
+
})
|
|
193
|
+
]
|
|
194
|
+
});
|
|
195
|
+
}
|
|
196
|
+
return h ? /*#__PURE__*/ f(u, { children: [/*#__PURE__*/ d(i, { children: h.floating_ip_address }), /*#__PURE__*/ d(_, { floatingIp: h })] }) : /*#__PURE__*/ f(t, {
|
|
197
|
+
className: "fixed inset-0",
|
|
198
|
+
distribution: "center",
|
|
199
|
+
alignment: "center",
|
|
200
|
+
direction: "vertical",
|
|
201
|
+
gap: "5",
|
|
202
|
+
children: [/*#__PURE__*/ d("p", {
|
|
203
|
+
className: "text-theme-secondary",
|
|
204
|
+
children: /*#__PURE__*/ d(m, { id: "ChOuUj" })
|
|
205
|
+
}), /*#__PURE__*/ d(n, {
|
|
206
|
+
onClick: b,
|
|
207
|
+
variant: "primary",
|
|
208
|
+
children: /*#__PURE__*/ d(m, { id: "z1JceR" })
|
|
209
|
+
})]
|
|
210
|
+
});
|
|
211
|
+
}
|
|
212
|
+
//#endregion
|
|
213
|
+
export { v as component };
|
|
214
|
+
|
|
215
|
+
//# sourceMappingURL=_floatingIpId-foMIwbE4.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_floatingIpId-foMIwbE4.mjs","names":["formatFloatingIpStatus","status","charAt","slice","toLowerCase","Stack","ButtonRow","Button","ContentHeading","formatFloatingIpStatus","TwoColumnDescriptionList","FloatingIpActionModals","FloatingIpDetailsView","floatingIp","useLingui","basicInfoItems","label","t","value","id","description","project_id","status","created_at","Date","toLocaleString","updated_at","tags","join","networkRoutingItems","floating_ip_address","floating_network_id","fixed_ip_address","port_details","name","mac_address","network_id","device_owner","device_id","router_id","port_id","qos_policy_id","port_forwardings","map","port","dnsItems","dns_domain","dns_name","p","className","toggleEditModal","toggleAttachModal","toggleDetachModal","toggleReleaseModal","onClick","direction","gap","items","useNavigate","Button","ContentHeading","Stack","Spinner","Trans","useProjectId","trpcReact","FloatingIpDetailsView","Route","RouteComponent","floatingIpId","useParams","projectId","navigate","data","floatingIp","isLoading","isError","error","network","getById","useQuery","project_id","floatingip_id","handleBack","to","params","errorMessage","message","floating_ip_address","component"],"sources":["../../src/client/utils/formatFloatingIpStatus.ts","../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/-components/-details/FloatingIpDetailsView.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component"],"sourcesContent":["import type { FloatingIpStatus } from \"@/server/Network/types/floatingIp\"\n\n/**\n * Formats a floating IP status value from uppercase enum to title case.\n * Example: \"ACTIVE\" → \"Active\", \"DOWN\" → \"Down\", \"ERROR\" → \"Error\"\n */\nexport const formatFloatingIpStatus = (status: FloatingIpStatus) => {\n return status.charAt(0) + status.slice(1).toLowerCase()\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Stack, ButtonRow, Button, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { formatFloatingIpStatus } from \"@/client/utils/formatFloatingIpStatus\"\nimport type { DetailListItem } from \"@/client/components/TwoColumnDescriptionList\"\nimport { TwoColumnDescriptionList } from \"@/client/components/TwoColumnDescriptionList\"\nimport { FloatingIpActionModals } from \"../../../-components/-modals/FloatingIpActionModals\"\n\ninterface FloatingIpDetailsViewProps {\n floatingIp: FloatingIp\n}\n\nexport const FloatingIpDetailsView = ({ floatingIp }: FloatingIpDetailsViewProps) => {\n const { t } = useLingui()\n\n const basicInfoItems: DetailListItem[] = [\n { label: t`ID`, value: floatingIp.id },\n { label: t`Description`, value: floatingIp.description || `—` },\n { label: t`Project ID`, value: floatingIp.project_id || `—` },\n { label: t`Status`, value: formatFloatingIpStatus(floatingIp.status) },\n { label: t`Created At`, value: floatingIp.created_at ? new Date(floatingIp.created_at).toLocaleString() : `—` },\n { label: t`Updated At`, value: floatingIp.updated_at ? new Date(floatingIp.updated_at).toLocaleString() : `—` },\n { label: t`Tags`, value: floatingIp.tags?.join(\", \") || `—` },\n ]\n\n const networkRoutingItems: DetailListItem[] = [\n { label: t`Floating IP Address`, value: floatingIp.floating_ip_address || `—` },\n { label: t`Floating Network`, value: floatingIp.floating_network_id || `—` },\n { label: t`Fixed IP Address`, value: floatingIp.fixed_ip_address || `—` },\n { label: t`Port Name`, value: floatingIp.port_details?.name || `—` },\n { label: t`MAC Address`, value: floatingIp.port_details?.mac_address || `—` },\n { label: t`Network ID`, value: floatingIp.port_details?.network_id || `—` },\n { label: t`Device Owner`, value: floatingIp.port_details?.device_owner || `—` },\n { label: t`Device ID`, value: floatingIp.port_details?.device_id || `—` },\n { label: t`Router ID`, value: floatingIp.router_id || `—` },\n { label: t`Port ID`, value: floatingIp.port_id || `—` },\n { label: t`QoS Policy ID`, value: floatingIp.qos_policy_id || `—` },\n { label: t`Port Forwarding`, value: floatingIp.port_forwardings?.map((port) => port.id).join(\", \") || `—` },\n ]\n\n const dnsItems: DetailListItem[] = [\n { label: t`DNS Domain`, value: floatingIp.dns_domain || `—` },\n { label: t`DNS Name`, value: floatingIp.dns_name || `—` },\n ]\n\n return (\n <>\n <p className=\"text-theme-secondary mt-2 text-sm\">\n <Trans>\n Full lifecycle management of Floating IPs, including attachment, port association/disassociation, DNS\n settings, and deletion\n </Trans>\n </p>\n\n <FloatingIpActionModals floatingIp={floatingIp}>\n {({ toggleEditModal, toggleAttachModal, toggleDetachModal, toggleReleaseModal }) => (\n <ButtonRow>\n <Button onClick={toggleEditModal}>{t`Edit Description`}</Button>\n <Button onClick={toggleAttachModal}>{t`Attach`}</Button>\n <Button onClick={toggleDetachModal}>{t`Detach`}</Button>\n <Button onClick={toggleReleaseModal}>{t`Release`}</Button>\n </ButtonRow>\n )}\n </FloatingIpActionModals>\n\n <Stack direction=\"vertical\" gap=\"6\" className=\"my-6\">\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>Basic Info</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={basicInfoItems} />\n </Stack>\n\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>Network & Routing</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={networkRoutingItems} />\n </Stack>\n\n <Stack direction=\"vertical\" gap=\"2\">\n <ContentHeading>\n <Trans>DNS</Trans>\n </ContentHeading>\n <TwoColumnDescriptionList items={dnsItems} />\n </Stack>\n </Stack>\n </>\n )\n}\n","import { createFileRoute, redirect, useNavigate } from \"@tanstack/react-router\"\nimport { Button, ContentHeading, Stack, Spinner } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { FloatingIpDetailsView } from \"./-components/-details/FloatingIpDetailsView\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/$floatingIpId/\")({\n staticData: {\n section: \"network\",\n service: \"floatingips\",\n analytics: {\n name: \"network.floatingips.detail\",\n },\n isDetail: true,\n sectionCrumb: { labelKey: \"Network\" },\n crumb: { labelKey: \"Floating IPs\", to: \"/projects/$projectId/network/floatingips\" },\n } satisfies RouteInfo,\n loader: async ({ context, params }) => {\n const floatingIp = await context.trpcClient?.network.floatingIp.getById.query({\n project_id: params.projectId,\n floatingip_id: params.floatingIpId,\n })\n return { floatingIpAddress: floatingIp?.floating_ip_address ?? null }\n },\n head: ({ loaderData }) => ({\n meta: [{ title: loaderData?.floatingIpAddress ?? \"Floating IP\" }],\n }),\n component: RouteComponent,\n beforeLoad: async ({ context, params }) => {\n const { trpcClient } = context\n\n const availableServices = (await trpcClient?.auth.getAvailableServices.query()) || []\n const serviceIndex = getServiceIndex(availableServices)\n\n // Redirect if network service not available\n if (!serviceIndex[\"network\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n\n if (!serviceIndex[\"network\"][\"neutron\"]) {\n throw redirect({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId: params.projectId },\n })\n }\n },\n})\n\nfunction RouteComponent() {\n const { floatingIpId } = Route.useParams()\n const projectId = useProjectId()\n const navigate = useNavigate()\n\n // Fetch floating IP details\n const {\n data: floatingIp,\n isLoading,\n isError,\n error,\n } = trpcReact.network.floatingIp.getById.useQuery({\n project_id: projectId,\n floatingip_id: floatingIpId,\n })\n\n const handleBack = () => {\n navigate({\n to: \"/projects/$projectId/network/floatingips\",\n params: { projectId },\n })\n }\n\n // Loading state\n if (isLoading) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Floating IP Details...</Trans>\n </Stack>\n )\n }\n\n // Error state\n if (isError) {\n const errorMessage = error?.message || \"Unknown error\"\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-error font-semibold\">\n <Trans>Error loading floating IP</Trans>\n </p>\n <p className=\"text-theme-highest\">{errorMessage}</p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n // No data state\n if (!floatingIp) {\n return (\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\" gap=\"5\">\n <p className=\"text-theme-secondary\">\n <Trans>Floating IP not found</Trans>\n </p>\n <Button onClick={handleBack} variant=\"primary\">\n <Trans>Back to Floating IPs</Trans>\n </Button>\n </Stack>\n )\n }\n\n // Success state\n return (\n <>\n <ContentHeading>{floatingIp.floating_ip_address}</ContentHeading>\n <FloatingIpDetailsView floatingIp={floatingIp} />\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;AAMA,IAAaA,KAA0BC,MAC9BA,EAAOC,OAAO,CAAA,IAAKD,EAAOE,MAAM,CAAA,CAAA,CAAGC,YAAW,GCK1CQ,KAAyB,EAAEC,oBAAwC;CAC9E,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,EAAAA,GAERC,IAAmC;EACvC;GAAEC,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAG,CAAA;GAAGC,OAAOL,EAAWM;EAAG;EACrC;GAAEH,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA;GAAGC,OAAOL,EAAWO,eAAe;EAAI;EAC9D;GAAEJ,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GAAGC,OAAOL,EAAWQ,cAAc;EAAI;EAC5D;GAAEL,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;GAAGC,OAAOT,EAAuBI,EAAWS,MAAM;EAAE;EACrE;GAAEN,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GAAGC,OAAOL,EAAWU,aAAa,IAAIC,KAAKX,EAAWU,UAAU,CAAA,CAAEE,eAAc,IAAK;EAAI;EAC9G;GAAET,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GAAGC,OAAOL,EAAWa,aAAa,IAAIF,KAAKX,EAAWa,UAAU,CAAA,CAAED,eAAc,IAAK;EAAI;EAC9G;GAAET,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAK,CAAA;GAAGC,OAAOL,EAAWc,MAAMC,KAAK,IAAA,KAAS;EAAI;CAC7D,GAEKC,IAAwC;EAC5C;GAAEb,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAoB,CAAA;GAAGC,OAAOL,EAAWiB,uBAAuB;EAAI;EAC9E;GAAEd,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAiB,CAAA;GAAGC,OAAOL,EAAWkB,uBAAuB;EAAI;EAC3E;GAAEf,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAiB,CAAA;GAAGC,OAAOL,EAAWmB,oBAAoB;EAAI;EACxE;GAAEhB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;GAAGC,OAAOL,EAAWoB,cAAcC,QAAQ;EAAI;EACnE;GAAElB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAY,CAAA;GAAGC,OAAOL,EAAWoB,cAAcE,eAAe;EAAI;EAC5E;GAAEnB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;GAAGC,OAAOL,EAAWoB,cAAcG,cAAc;EAAI;EAC1E;GAAEpB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAa,CAAA;GAAGC,OAAOL,EAAWoB,cAAcI,gBAAgB;EAAI;EAC9E;GAAErB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;GAAGC,OAAOL,EAAWoB,cAAcK,aAAa;EAAI;EACxE;GAAEtB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAU,CAAA;GAAGC,OAAOL,EAAW0B,aAAa;EAAI;EAC1D;GAAEvB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAQ,CAAA;GAAGC,OAAOL,EAAW2B,WAAW;EAAI;EACtD;GAAExB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAc,CAAA;GAAGC,OAAOL,EAAW4B,iBAAiB;EAAI;EAClE;GAAEzB,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAgB,CAAA;GAAGC,OAAOL,EAAW6B,kBAAkBC,KAAKC,MAASA,EAAKzB,EAAE,CAAA,CAAES,KAAK,IAAA,KAAS;EAAI;CAC3G,GAEKiB,IAA6B,CACjC;EAAE7B,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAW,CAAA;EAAGC,OAAOL,EAAWiC,cAAc;CAAI,GAC5D;EAAE9B,OAAOC,EAAAA,EAAC,EAAA,IAAA,SAAS,CAAA;EAAGC,OAAOL,EAAWkC,YAAY;CAAI,CACzD;CAED,OACE,gBAAA,GAAA,EAAA,UAAA;EACE,gBAACC,KAAAA;GAAEC,WAAU;GACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;EAMF,gBAACtC,GAAAA;GAAmCE;GACjC,WAAC,EAAEqC,oBAAiBC,sBAAmBC,sBAAmBC,4BACzD,gBAAC/C,GAAAA,EAAAA,UAAAA;IACC,gBAACC,GAAAA;KAAO+C,SAASJ;KAAkBjC,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAiB,CAAA;;IACrD,gBAACV,GAAAA;KAAO+C,SAASH;KAAoBlC,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;;IAC7C,gBAACV,GAAAA;KAAO+C,SAASF;KAAoBnC,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAO,CAAA;;IAC7C,gBAACV,GAAAA;KAAO+C,SAASD;KAAqBpC,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAQ,CAAA;;;;EAKrD,gBAACZ,GAAAA;GAAMkD,WAAU;GAAWC,KAAI;GAAIP,WAAU;;IAC5C,gBAAC5C,GAAAA;KAAMkD,WAAU;KAAWC,KAAI;KAC9B,UAAA,CAAA,gBAAChD,GAAAA,EACC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,EAAA,CAAA,GAEF,gBAACE,GAAAA,EAAyB+C,OAAO1C,EAAAA,CAAAA,CAAAA;;IAGnC,gBAACV,GAAAA;KAAMkD,WAAU;KAAWC,KAAI;KAC9B,UAAA,CAAA,gBAAChD,GAAAA,EACC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,EAAA,CAAA,GAEF,gBAACE,GAAAA,EAAyB+C,OAAO5B,EAAAA,CAAAA,CAAAA;;IAGnC,gBAACxB,GAAAA;KAAMkD,WAAU;KAAWC,KAAI;KAC9B,UAAA,CAAA,gBAAChD,GAAAA,EACC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,EAAA,CAAA,GAEF,gBAACE,GAAAA,EAAyB+C,OAAOZ,EAAAA,CAAAA,CAAAA;;;;;AAK3C;;;ACnCA,SAASuB,IAAAA;CACP,IAAM,EAAEC,oBAAiBF,EAAMG,UAAS,GAClCC,IAAYP,EAAAA,GACZQ,IAAWd,EAAAA,GAGX,EACJe,MAAMC,GACNC,cACAC,YACAC,aACEZ,EAAUa,QAAQJ,WAAWK,QAAQC,SAAS;EAChDC,YAAYV;EACZW,eAAeb;CACjB,CAAA,GAEMc,UAAaA;EACjBX,EAAS;GACPY,IAAI;GACJC,QAAQ,EAAEd,aAAU;EACtB,CAAA;CACF;CAGA,IAAII,GACF,OACE,gBAAC,GAAA;EAAM,WAAU;EAAgB,cAAa;EAAS,WAAU;EAAS,WAAU;EAClF,UAAA,CAAA,gBAAC,GAAA;GAAQ,SAAQ;GAAU,MAAK;GAAQ,WAAU;EAClD,CAAA,GAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA,CAAA;;CAMN,IAAIC,GAAS;EACX,IAAMU,IAAeT,GAAOU,WAAW;EACvC,OACE,gBAAC,GAAA;GAAM,WAAU;GAAgB,cAAa;GAAS,WAAU;GAAS,WAAU;GAAW,KAAI;;IACjG,gBAAC,KAAA;KAAE,WAAU;KACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;IAEF,gBAAC,KAAA;KAAE,WAAU;KAAsBD,UAAAA;;IACnC,gBAAC,GAAA;KAAO,SAASH;KAAY,SAAQ;KACnC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;CAIR;CAiBA,OAdKT,IAeH,gBAAA,GAAA,EAAA,UAAA,CACE,gBAAC,GAAA,EAAgBA,UAAAA,EAAWc,oBAAAA,CAAAA,GAC5B,gBAAC,GAAA,EAAkCd,cAAAA,CAAAA,CAAAA,EAAAA,CAAAA,IAfnC,gBAAC,GAAA;EAAM,WAAU;EAAgB,cAAa;EAAS,WAAU;EAAS,WAAU;EAAW,KAAI;EACjG,UAAA,CAAA,gBAAC,KAAA;GAAE,WAAU;GACX,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;EAEF,CAAA,GAAA,gBAAC,GAAA;GAAO,SAASS;GAAY,SAAQ;GACnC,UAAA,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;AAaV"}
|