@cobaltcore-dev/aurora 0.1.0

package/dist/client/_flavorId-D_A53VYa.mjs

@@ -0,0 +1,56 @@
+import { g as e, v as t, w as n, z as r } from "./build-eu9eg0zF.mjs";
+import { t as i } from "./helpers--JWXi40U.mjs";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createFileRoute as s, lazyRouteComponent as c, redirect as l } from "@tanstack/react-router";
+import { Trans as u } from "@lingui/react";
+//#region src/client/components/Error/StatusError.tsx
+function d({ message: i, statusCode: s, onHomeClick: c, onBackClick: l, title: d, reset: f }) {
+	return /* @__PURE__ */ o(r, {
+		className: "mx-auto flex min-h-full max-w-3xl flex-col items-center justify-center px-6 py-12 sm:px-12 md:px-20",
+		children: [
+			s && /* @__PURE__ */ a("div", {
+				className: "text-theme-high text-6xl font-bold",
+				children: s
+			}),
+			/* @__PURE__ */ a(n, { children: d }),
+			/* @__PURE__ */ a("p", { children: i }),
+			(l || c || f) && /* @__PURE__ */ o(t, {
+				className: "mt-6",
+				children: [
+					l && /* @__PURE__ */ a(e, {
+						onClick: l,
+						variant: "primary",
+						children: /* @__PURE__ */ a(u, { id: "iH8pgl" })
+					}),
+					c && /* @__PURE__ */ a(e, {
+						onClick: c,
+						children: /* @__PURE__ */ a(u, { id: "i0qMbr" })
+					}),
+					f && /* @__PURE__ */ a(e, {
+						onClick: f,
+						children: /* @__PURE__ */ a(u, { id: "qJb6G2" })
+					})
+				]
+			})
+		]
+	});
+}
+var f = s("/_auth/projects/$projectId/compute/flavors/$flavorId")({
+	staticData: {
+		section: "compute",
+		service: "flavors",
+		isDetail: !0
+	},
+	component: c(() => import("./_flavorId-DbhYLFxY.mjs"), "component"),
+	beforeLoad: async ({ context: e, params: t }) => {
+		let { trpcClient: n } = e, { projectId: r } = t, a = i(await n?.auth.getAvailableServices.query() || []);
+		if (!a.flavor && !a.compute) throw l({
+			to: "/projects/$projectId/compute/overview",
+			params: { projectId: r }
+		});
+	}
+});
+//#endregion
+export { d as n, f as t };
+
+//# sourceMappingURL=_flavorId-D_A53VYa.mjs.map

package/dist/client/_flavorId-D_A53VYa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_flavorId-D_A53VYa.mjs","names":["Button","ButtonRow","Container","ContentHeading","StatusError","message","statusCode","onHomeClick","onBackClick","title","reset","className","div","p","onClick","variant","createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","isDetail","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","context","params","trpcClient","projectId","availableServices","auth","getAvailableServices","query","serviceIndex","to"],"sources":["../../src/client/components/Error/StatusError.tsx","../../src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx"],"sourcesContent":["import { Button, ButtonRow, Container, ContentHeading } from \"@cloudoperators/juno-ui-components/index\"\nimport { Trans } from \"@lingui/react/macro\"\n\ninterface StatusErrorProps {\n  message: string\n  statusCode?: number\n  onHomeClick?: () => void\n  onBackClick?: () => void\n  title: string\n  showHeader?: boolean\n  reset?: () => void\n}\n\nexport function StatusError({ message, statusCode, onHomeClick, onBackClick, title, reset }: StatusErrorProps) {\n  return (\n    <Container className=\"mx-auto flex min-h-full max-w-3xl flex-col items-center justify-center px-6 py-12 sm:px-12 md:px-20\">\n      {statusCode && <div className=\"text-theme-high text-6xl font-bold\">{statusCode}</div>}\n      <ContentHeading>{title}</ContentHeading>\n      <p>{message}</p>\n      {(onBackClick || onHomeClick || reset) && (\n        <ButtonRow className=\"mt-6\">\n          {onBackClick && (\n            <Button onClick={onBackClick} variant=\"primary\">\n              <Trans>Back</Trans>\n            </Button>\n          )}\n          {onHomeClick && (\n            <Button onClick={onHomeClick}>\n              <Trans>Home</Trans>\n            </Button>\n          )}\n\n          {reset && (\n            <Button onClick={reset}>\n              <Trans>Try Again</Trans>\n            </Button>\n          )}\n        </ButtonRow>\n      )}\n    </Container>\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: { section: \"compute\", service: \"flavors\", isDetail: true } satisfies RouteInfo,\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/compute/overview\",\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 { setPageTitle, 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: [\"flavors:delete\", \"flavors:list_projects\", \"flavor_specs:create\", \"flavor_specs:delete\"],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = permissionsData?.[1] ?? false\n  const canManageSpecs = (permissionsData?.[2] ?? false) || (permissionsData?.[3] ?? false)\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  if (flavor?.name) {\n    setPageTitle(flavor.name)\n  } else if (status === \"error\") {\n    setPageTitle(t`Error - Flavor Details`)\n  } else if (status === \"pending\") {\n    setPageTitle(t`Loading Flavor...`)\n  } else {\n    setPageTitle(t`Flavor Details`)\n  }\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/compute/overview\",\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 hasMoreActions = canManageAccess || canDeleteFlavor\n\n  const headerActions =\n    hasMoreActions || canManageSpecs ? (\n      <ButtonRow>\n        {hasMoreActions && (\n          <PopupMenu>\n            <PopupMenuToggle as=\"div\">\n              <Button icon=\"moreVert\">\n                <Trans>More Actions</Trans>\n              </Button>\n            </PopupMenuToggle>\n            <PopupMenuOptions>\n              {canManageAccess && <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} />}\n              {canDeleteFlavor && <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />}\n            </PopupMenuOptions>\n          </PopupMenu>\n        )}\n        {canManageSpecs && (\n          <Button onClick={toggleSpecModal} variant=\"primary\">\n            <Trans>Metadata</Trans>\n          </Button>\n        )}\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            />\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":";;;;;;AAaA,SAAgBI,EAAY,EAAEC,YAASC,eAAYC,gBAAaC,gBAAaC,UAAOC,YAAyB;AAC3G,QACE,kBAACR,GAAAA;EAAUS,WAAU;;GAClBL,KAAc,kBAACM,OAAAA;IAAID,WAAU;cAAsCL;;GACpE,kBAACH,GAAAA,EAAAA,UAAgBM,GAAAA,CAAAA;GACjB,kBAACI,KAAAA,EAAAA,UAAGR,GAAAA,CAAAA;IACFG,KAAeD,KAAeG,MAC9B,kBAACT,GAAAA;IAAUU,WAAU;;KAClBH,KACC,kBAACR,GAAAA;MAAOc,SAASN;MAAaO,SAAQ;gBACpC,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;;KAGHR,KACC,kBAACP,GAAAA;MAAOc,SAASP;gBACf,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;;KAIHG,KACC,kBAACV,GAAAA;MAAOc,SAASJ;gBACf,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;;;;;;;ACVd,IAAaS,IAAQH,EAAgB,uDAAA,CAAwD;CAC3FI,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAWC,UAAU;EAAK;CACrEE,WAASC,4CAAA,YAAA;CACTE,YAAY,OAAO,EAAEC,YAASC,gBAAQ;EACpC,IAAM,EAAEC,kBAAeF,GACjB,EAAEG,iBAAcF,GAIhBO,IAAenB,EAFK,MAAOa,GAAYG,KAAKC,qBAAqBC,OAAAA,IAAY,EAAE,CAEhDH;AAErC,MAAI,CAACI,EAAa,UAAa,CAACA,EAAa,QAC3C,OAAMpB,EAAS;GACbqB,IAAI;GACJR,QAAQ,EAAEE,cAAU;GACtB,CAAA;;CAGN,CAAA"}

package/dist/client/_flavorId-DbhYLFxY.mjs

@@ -0,0 +1,190 @@
+import { A as e, K as t, L as n, P as r, R as i, W as a, g as o, n as s, q as c, rt as l, v as u, w as d } from "./build-eu9eg0zF.mjs";
+import { r as f } from "./trpcClient-BxguzNYF.mjs";
+import { n as p, t as m } from "./_flavorId-D_A53VYa.mjs";
+import { t as h } from "./useErrorTranslation-TZVwIAzq.mjs";
+import { n as g, r as _, t as v } from "./DeleteFlavorModal-B98oiHWx.mjs";
+import { t as y } from "./useModal-Dg4CBeqL.mjs";
+import { t as b } from "./ContentHeader-H8KGY3Wd.mjs";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import w from "react";
+import { useNavigate as T, useParams as E } from "@tanstack/react-router";
+import { Trans as D, useLingui as O } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorDetailsView.tsx
+function k({ flavor: t }) {
+	let i = (e, t = "MB") => e === 0 ? `0 ${t}` : `${e} ${t}`;
+	return /* @__PURE__ */ C(c, {
+		direction: "vertical",
+		gap: "6",
+		className: "mt-6",
+		children: [
+			/* @__PURE__ */ C(c, {
+				direction: "vertical",
+				gap: "2",
+				children: [/* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(D, { id: "jIPNJG" }) }), /* @__PURE__ */ C(e, {
+					alignTerms: "right",
+					children: [
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "S0kLOH" }) }),
+						/* @__PURE__ */ S(n, { children: t.id }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "6YtxFj" }) }),
+						/* @__PURE__ */ S(n, { children: t.name }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "Nu4oKW" }) }),
+						/* @__PURE__ */ S(n, { children: t?.description }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "7d1a0d" }) }),
+						/* @__PURE__ */ S(n, { children: t["os-flavor-access:is_public"] ? /* @__PURE__ */ S(D, { id: "l75CjT" }) : /* @__PURE__ */ S(D, { id: "1UzENP" }) }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "E/QGRL" }) }),
+						/* @__PURE__ */ S(n, { children: t["OS-FLV-DISABLED:disabled"] ? /* @__PURE__ */ S(D, { id: "l75CjT" }) : /* @__PURE__ */ S(D, { id: "1UzENP" }) })
+					]
+				})]
+			}),
+			/* @__PURE__ */ C(c, {
+				direction: "vertical",
+				gap: "2",
+				children: [/* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(D, { id: "qQ1QBh" }) }), /* @__PURE__ */ C(e, {
+					alignTerms: "right",
+					children: [
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "MZGbkp" }) }),
+						/* @__PURE__ */ S(n, { children: t.vcpus }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "RGhYAo" }) }),
+						/* @__PURE__ */ S(n, { children: i(t.ram, "MiB") }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "sPFHpI" }) }),
+						/* @__PURE__ */ S(n, { children: i(t.disk, "GiB") }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "r9Aac8" }) }),
+						/* @__PURE__ */ S(n, { children: i(t["OS-FLV-EXT-DATA:ephemeral"] || 0, "GiB") }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "vH2C/2" }) }),
+						/* @__PURE__ */ S(n, { children: t.swap === 0 || t.swap === "" ? /* @__PURE__ */ S(D, { id: "EdQY6l" }) : i(Number(t.swap), "MiB") }),
+						/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(D, { id: "u5HztT" }) }),
+						/* @__PURE__ */ S(n, { children: t.rxtx_factor })
+					]
+				})]
+			}),
+			t.extra_specs && Object.keys(t.extra_specs).length > 0 && /* @__PURE__ */ C(c, {
+				direction: "vertical",
+				gap: "2",
+				children: [/* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(D, { id: "DKkOPx" }) }), /* @__PURE__ */ S(e, {
+					alignTerms: "right",
+					children: Object.entries(t.extra_specs).map(([e, t]) => /* @__PURE__ */ C(w.Fragment, { children: [/* @__PURE__ */ S(r, { children: e }), /* @__PURE__ */ S(n, { children: t })] }, e))
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=component
+function A() {
+	let { projectId: e, flavorId: n } = E({ from: "/_auth/projects/$projectId/compute/flavors/$flavorId" }), { setPageTitle: r, trpcClient: d } = m.useRouteContext(), w = T(), { i18n: A, _: j } = O(), { translateError: M, isRetryableError: N } = h(), { data: P, status: F, error: I, refetch: L } = f.compute.getFlavorById.useQuery({
+		project_id: e,
+		flavorId: n
+	}), { data: R } = f.compute.canUser.useQuery({
+		project_id: e,
+		permission: [
+			"flavors:delete",
+			"flavors:list_projects",
+			"flavor_specs:create",
+			"flavor_specs:delete"
+		]
+	}), z = R?.[0] ?? !1, B = R?.[1] ?? !1, V = (R?.[2] ?? !1) || (R?.[3] ?? !1), [H, U] = y(), [W, G] = y(), [K, q] = y();
+	P?.name ? r(P.name) : r(F === "error" ? A._({ id: "vcvCXq" }) : F === "pending" ? A._({ id: "/2a/eI" }) : A._({ id: "SysqAR" }));
+	let J = () => {
+		w({
+			to: "/projects/$projectId/compute/flavors",
+			params: { projectId: e }
+		});
+	}, Y = () => {
+		w({
+			to: "/projects/$projectId/compute/overview",
+			params: { projectId: e }
+		});
+	}, X = () => {
+		L();
+	};
+	if (F === "pending") return /* @__PURE__ */ C(c, {
+		className: "fixed inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/* @__PURE__ */ S(a, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /* @__PURE__ */ S(D, { id: "YNgcgc" })]
+	});
+	if (F === "error") {
+		let e = I?.message || "UNKNOWN_ERROR", t = M(e), n = N(e);
+		return /* @__PURE__ */ S(p, {
+			message: t,
+			statusCode: ((e) => {
+				if (e.includes("UNAUTHORIZED")) return 401;
+				if (e.includes("FORBIDDEN")) return 403;
+				if (e.includes("NOT_FOUND")) return 404;
+				if (e.includes("SERVER_ERROR")) return 500;
+			})(e),
+			title: A._({ id: "FjONW3" }),
+			onBackClick: J,
+			onHomeClick: Y,
+			reset: n ? X : void 0
+		});
+	}
+	if (!P) return /* @__PURE__ */ S(p, {
+		message: A._({ id: "y0u86k" }),
+		statusCode: 404,
+		title: A._({ id: "bpme7e" }),
+		onBackClick: J,
+		onHomeClick: Y
+	});
+	let Z = B || z, Q = Z || V ? /* @__PURE__ */ C(u, { children: [Z && /* @__PURE__ */ C(s, { children: [/* @__PURE__ */ S(i, {
+		as: "div",
+		children: /* @__PURE__ */ S(o, {
+			icon: "moreVert",
+			children: /* @__PURE__ */ S(D, { id: "PgNNGl" })
+		})
+	}), /* @__PURE__ */ C(l, { children: [B && /* @__PURE__ */ S(t, {
+		label: A._({ id: "cWbW6w" }),
+		onClick: G
+	}), z && /* @__PURE__ */ S(t, {
+		label: A._({ id: "JT3I1g" }),
+		onClick: q
+	})] })] }), V && /* @__PURE__ */ S(o, {
+		onClick: U,
+		variant: "primary",
+		children: /* @__PURE__ */ S(D, { id: "6GBt0m" })
+	})] }) : void 0;
+	return /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(b, {
+			title: P.name,
+			projectId: e,
+			actions: Q
+		}),
+		/* @__PURE__ */ S(c, {
+			direction: "vertical",
+			children: /* @__PURE__ */ S(k, { flavor: P })
+		}),
+		d && /* @__PURE__ */ C(x, { children: [
+			H && /* @__PURE__ */ S(_, {
+				client: d,
+				isOpen: H,
+				onClose: U,
+				project: e,
+				flavor: P
+			}),
+			W && /* @__PURE__ */ S(g, {
+				client: d,
+				isOpen: W,
+				onClose: G,
+				project: e,
+				flavor: P
+			}),
+			K && /* @__PURE__ */ S(v, {
+				client: d,
+				isOpen: K,
+				onClose: q,
+				project: e,
+				flavor: P,
+				onSuccess: J
+			})
+		] })
+	] });
+}
+//#endregion
+export { A as component };
+
+//# sourceMappingURL=_flavorId-DbhYLFxY.mjs.map

package/dist/client/_flavorId-DbhYLFxY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_flavorId-DbhYLFxY.mjs","names":["React","Stack","DescriptionList","DescriptionTerm","DescriptionDefinition","ContentHeading","FlavorDetailsView","flavor","formatBytes","bytes","unit","direction","gap","className","alignTerms","id","name","description","vcpus","ram","disk","swap","Number","rxtx_factor","extra_specs","Object","keys","length","entries","map","key","value","Fragment","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","setPageTitle","trpcClient","useRouteContext","navigate","t","translateError","isRetryableError","data","flavor","status","error","refetch","compute","getFlavorById","useQuery","project_id","permissionsData","canUser","permission","canDeleteFlavor","canManageAccess","canManageSpecs","specModalOpen","toggleSpecModal","accessModalOpen","toggleAccessModal","deleteModalOpen","toggleDeleteModal","name","handleBack","to","params","handleHome","handleRetry","errorCode","message","translatedError","canRetry","getStatusCode","code","includes","undefined","hasMoreActions","headerActions","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 React from \"react\"\nimport {\n  Stack,\n  DescriptionList,\n  DescriptionTerm,\n  DescriptionDefinition,\n  ContentHeading,\n} from \"@cloudoperators/juno-ui-components/index\"\nimport { Trans } from \"@lingui/react/macro\"\nimport type { Flavor } from \"@/server/Compute/types/flavor\"\n\ninterface FlavorDetailsViewProps {\n  flavor: Flavor\n}\n\nexport function FlavorDetailsView({ flavor }: FlavorDetailsViewProps) {\n  const formatBytes = (bytes: number, unit: string = \"MB\") => {\n    if (bytes === 0) return `0 ${unit}`\n    return `${bytes} ${unit}`\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        <DescriptionList alignTerms=\"right\">\n          <DescriptionTerm>\n            <Trans>ID</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{flavor.id}</DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>Name</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{flavor.name}</DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>Description</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{flavor?.description}</DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>Public</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>\n            {flavor[\"os-flavor-access:is_public\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>}\n          </DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>Disabled</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>\n            {flavor[\"OS-FLV-DISABLED:disabled\"] ? <Trans>Yes</Trans> : <Trans>No</Trans>}\n          </DescriptionDefinition>\n        </DescriptionList>\n      </Stack>\n\n      <Stack direction=\"vertical\" gap=\"2\">\n        <ContentHeading>\n          <Trans>Hardware Specifications</Trans>\n        </ContentHeading>\n        <DescriptionList alignTerms=\"right\">\n          <DescriptionTerm>\n            <Trans>VCPUs</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{flavor.vcpus}</DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>RAM</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{formatBytes(flavor.ram, \"MiB\")}</DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>Disk</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{formatBytes(flavor.disk, \"GiB\")}</DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>Ephemeral Disk</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{formatBytes(flavor[\"OS-FLV-EXT-DATA:ephemeral\"] || 0, \"GiB\")}</DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>Swap</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>\n            {flavor.swap === 0 || flavor.swap === \"\" ? <Trans>None</Trans> : formatBytes(Number(flavor.swap), \"MiB\")}\n          </DescriptionDefinition>\n\n          <DescriptionTerm>\n            <Trans>RX/TX Factor</Trans>\n          </DescriptionTerm>\n          <DescriptionDefinition>{flavor.rxtx_factor}</DescriptionDefinition>\n        </DescriptionList>\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          <DescriptionList alignTerms=\"right\">\n            {Object.entries(flavor.extra_specs).map(([key, value]) => (\n              <React.Fragment key={key}>\n                <DescriptionTerm>{key}</DescriptionTerm>\n                <DescriptionDefinition>{value}</DescriptionDefinition>\n              </React.Fragment>\n            ))}\n          </DescriptionList>\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: { section: \"compute\", service: \"flavors\", isDetail: true } satisfies RouteInfo,\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/compute/overview\",\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 { setPageTitle, 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: [\"flavors:delete\", \"flavors:list_projects\", \"flavor_specs:create\", \"flavor_specs:delete\"],\n  })\n\n  const canDeleteFlavor = permissionsData?.[0] ?? false\n  const canManageAccess = permissionsData?.[1] ?? false\n  const canManageSpecs = (permissionsData?.[2] ?? false) || (permissionsData?.[3] ?? false)\n\n  const [specModalOpen, toggleSpecModal] = useModal()\n  const [accessModalOpen, toggleAccessModal] = useModal()\n  const [deleteModalOpen, toggleDeleteModal] = useModal()\n\n  if (flavor?.name) {\n    setPageTitle(flavor.name)\n  } else if (status === \"error\") {\n    setPageTitle(t`Error - Flavor Details`)\n  } else if (status === \"pending\") {\n    setPageTitle(t`Loading Flavor...`)\n  } else {\n    setPageTitle(t`Flavor Details`)\n  }\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/compute/overview\",\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 hasMoreActions = canManageAccess || canDeleteFlavor\n\n  const headerActions =\n    hasMoreActions || canManageSpecs ? (\n      <ButtonRow>\n        {hasMoreActions && (\n          <PopupMenu>\n            <PopupMenuToggle as=\"div\">\n              <Button icon=\"moreVert\">\n                <Trans>More Actions</Trans>\n              </Button>\n            </PopupMenuToggle>\n            <PopupMenuOptions>\n              {canManageAccess && <PopupMenuItem label={t`Manage Access`} onClick={toggleAccessModal} />}\n              {canDeleteFlavor && <PopupMenuItem label={t`Delete Flavor`} onClick={toggleDeleteModal} />}\n            </PopupMenuOptions>\n          </PopupMenu>\n        )}\n        {canManageSpecs && (\n          <Button onClick={toggleSpecModal} variant=\"primary\">\n            <Trans>Metadata</Trans>\n          </Button>\n        )}\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            />\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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"}

package/dist/client/_floatingIpId-BGgftRBQ.mjs

@@ -0,0 +1,21 @@
+import { t as e } from "./helpers--JWXi40U.mjs";
+import { createFileRoute as t, lazyRouteComponent as n, redirect as r } from "@tanstack/react-router";
+var i = t("/_auth/projects/$projectId/network/floatingips/$floatingIpId/")({
+	staticData: {
+		section: "network",
+		service: "floatingips",
+		isDetail: !0
+	},
+	component: n(() => import("./_floatingIpId-D5myuLFz.mjs"), "component"),
+	beforeLoad: async ({ context: t, params: n }) => {
+		let { trpcClient: i } = t, a = e(await i?.auth.getAvailableServices.query() || []);
+		if (!a.network || !a.network.neutron) throw r({
+			to: "/projects/$projectId/network/floatingips",
+			params: { projectId: n.projectId }
+		});
+	}
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=_floatingIpId-BGgftRBQ.mjs.map

package/dist/client/_floatingIpId-BGgftRBQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_floatingIpId-BGgftRBQ.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","isDetail","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","context","params","trpcClient","availableServices","auth","getAvailableServices","query","serviceIndex","to","projectId"],"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, useLingui } 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: { section: \"network\", service: \"floatingips\", isDetail: true } satisfies RouteInfo,\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  const { t } = useLingui()\n  const { setPageTitle } = Route.useRouteContext()\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    setPageTitle(t`Loading...`)\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  setPageTitle(floatingIp.floating_ip_address)\n  return (\n    <>\n      <ContentHeading>{floatingIp.floating_ip_address}</ContentHeading>\n      <FloatingIpDetailsView floatingIp={floatingIp} />\n    </>\n  )\n}\n"],"mappings":";;AASA,IAAaG,IAAQH,EAAgB,gEAAA,CAAiE;CACpGI,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAeC,UAAU;EAAK;CACzEE,WAASC,gDAAA,YAAA;CACTE,YAAY,OAAO,EAAEC,YAASC,gBAAQ;EACpC,IAAM,EAAEC,kBAAeF,GAGjBO,IAAelB,EADK,MAAOa,GAAYE,KAAKC,qBAAqBC,OAAAA,IAAY,EAAE,CAChDH;AAUrC,MAPI,CAACI,EAAa,WAOd,CAACA,EAAa,QAAW,QAC3B,OAAMnB,EAAS;GACboB,IAAI;GACJP,QAAQ,EAAEQ,WAAWR,EAAOQ,WAAU;GACxC,CAAA;;CAGN,CAAA"}

package/dist/client/_floatingIpId-D5myuLFz.mjs

@@ -0,0 +1,228 @@
+import { A as e, L as t, P as n, W as r, g as i, q as a, v as o, w as s } from "./build-eu9eg0zF.mjs";
+import { r as c } from "./trpcClient-BxguzNYF.mjs";
+import { t as l } from "./_floatingIpId-BGgftRBQ.mjs";
+import { t as u } from "./useProjectId-BWaeJZOy.mjs";
+import "./hooks-s-I8vWww.mjs";
+import { t as d } from "./FloatingIpActionModals-qu1NMI5a.mjs";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Fragment as h } from "react";
+import { useNavigate as g } from "@tanstack/react-router";
+import { Trans as _, useLingui as v } from "@lingui/react";
+//#region src/client/utils/formatFloatingIpStatus.ts
+var y = (e) => e.charAt(0) + e.slice(1).toLowerCase(), b = ({ items: r }) => {
+	let i = Math.ceil(r.length / 2), o = r.slice(0, i), s = r.slice(i);
+	return /* @__PURE__ */ m(a, {
+		gap: "6",
+		className: "grid grid-cols-2",
+		children: [/* @__PURE__ */ p(e, {
+			alignTerms: "right",
+			children: o.map(({ label: e, value: r }) => /* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(n, { children: e }), /* @__PURE__ */ p(t, { children: r })] }, e))
+		}), /* @__PURE__ */ p(e, {
+			alignTerms: "right",
+			children: s.map(({ label: e, value: r }) => /* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(n, { children: e }), /* @__PURE__ */ p(t, { children: r })] }, e))
+		})]
+	});
+}, x = ({ floatingIp: e }) => {
+	let { i18n: t, _: n } = v(), r = [
+		{
+			label: t._({ id: "S0kLOH" }),
+			value: e.id
+		},
+		{
+			label: t._({ id: "Nu4oKW" }),
+			value: e.description || "—"
+		},
+		{
+			label: t._({ id: "mSfwLL" }),
+			value: e.project_id || "—"
+		},
+		{
+			label: t._({ id: "uAQUqI" }),
+			value: y(e.status)
+		},
+		{
+			label: t._({ id: "88kg0+" }),
+			value: e.created_at ? new Date(e.created_at).toLocaleString() : "—"
+		},
+		{
+			label: t._({ id: "Llcakz" }),
+			value: e.updated_at ? new Date(e.updated_at).toLocaleString() : "—"
+		},
+		{
+			label: t._({ id: "OYHzN1" }),
+			value: e.tags?.join(", ") || "—"
+		}
+	], c = [
+		{
+			label: t._({ id: "xNG/3n" }),
+			value: e.floating_ip_address || "—"
+		},
+		{
+			label: t._({ id: "7AfIPZ" }),
+			value: e.floating_network_id || "—"
+		},
+		{
+			label: t._({ id: "Nc7QKU" }),
+			value: e.fixed_ip_address || "—"
+		},
+		{
+			label: t._({ id: "6sxz+g" }),
+			value: e.port_details?.name || "—"
+		},
+		{
+			label: t._({ id: "sNVNmf" }),
+			value: e.port_details?.mac_address || "—"
+		},
+		{
+			label: t._({ id: "hrBow7" }),
+			value: e.port_details?.network_id || "—"
+		},
+		{
+			label: t._({ id: "OaSktR" }),
+			value: e.port_details?.device_owner || "—"
+		},
+		{
+			label: t._({ id: "9rz81C" }),
+			value: e.port_details?.device_id || "—"
+		},
+		{
+			label: t._({ id: "/bUiYk" }),
+			value: e.router_id || "—"
+		},
+		{
+			label: t._({ id: "eks7oA" }),
+			value: e.port_id || "—"
+		},
+		{
+			label: t._({ id: "W9kfjU" }),
+			value: e.qos_policy_id || "—"
+		},
+		{
+			label: t._({ id: "mQSO1Y" }),
+			value: e.port_forwardings?.map((e) => e.id).join(", ") || "—"
+		}
+	], l = [{
+		label: t._({ id: "WlpcJv" }),
+		value: e.dns_domain || "—"
+	}, {
+		label: t._({ id: "eGEHJE" }),
+		value: e.dns_name || "—"
+	}];
+	return /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ p("p", {
+			className: "text-theme-secondary mt-2 text-sm",
+			children: /* @__PURE__ */ p(_, { id: "DNVql8" })
+		}),
+		/* @__PURE__ */ p(d, {
+			floatingIp: e,
+			children: ({ toggleEditModal: e, toggleAttachModal: n, toggleDetachModal: r, toggleReleaseModal: a }) => /* @__PURE__ */ m(o, { children: [
+				/* @__PURE__ */ p(i, {
+					onClick: e,
+					children: t._({ id: "n22YIM" })
+				}),
+				/* @__PURE__ */ p(i, {
+					onClick: n,
+					children: t._({ id: "igVDFt" })
+				}),
+				/* @__PURE__ */ p(i, {
+					onClick: r,
+					children: t._({ id: "FOcBn3" })
+				}),
+				/* @__PURE__ */ p(i, {
+					onClick: a,
+					children: t._({ id: "H+a5j6" })
+				})
+			] })
+		}),
+		/* @__PURE__ */ m(a, {
+			direction: "vertical",
+			gap: "6",
+			className: "my-6",
+			children: [
+				/* @__PURE__ */ m(a, {
+					direction: "vertical",
+					gap: "2",
+					children: [/* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(_, { id: "SuX2Ca" }) }), /* @__PURE__ */ p(b, { items: r })]
+				}),
+				/* @__PURE__ */ m(a, {
+					direction: "vertical",
+					gap: "2",
+					children: [/* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(_, { id: "jKopCP" }) }), /* @__PURE__ */ p(b, { items: c })]
+				}),
+				/* @__PURE__ */ m(a, {
+					direction: "vertical",
+					gap: "2",
+					children: [/* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(_, { id: "5M4Te3" }) }), /* @__PURE__ */ p(b, { items: l })]
+				})
+			]
+		})
+	] });
+};
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component
+function S() {
+	let { floatingIpId: e } = l.useParams(), t = u(), n = g(), { i18n: o, _: d } = v(), { setPageTitle: h } = l.useRouteContext(), { data: y, isLoading: b, isError: S, error: C } = c.network.floatingIp.getById.useQuery({
+		project_id: t,
+		floatingip_id: e
+	}), w = () => {
+		n({
+			to: "/projects/$projectId/network/floatingips",
+			params: { projectId: t }
+		});
+	};
+	if (b) return h(o._({ id: "Z3FXyt" })), /* @__PURE__ */ m(a, {
+		className: "fixed inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/* @__PURE__ */ p(r, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /* @__PURE__ */ p(_, { id: "VLI9eO" })]
+	});
+	if (S) {
+		let e = C?.message || "Unknown error";
+		return /* @__PURE__ */ m(a, {
+			className: "fixed inset-0",
+			distribution: "center",
+			alignment: "center",
+			direction: "vertical",
+			gap: "5",
+			children: [
+				/* @__PURE__ */ p("p", {
+					className: "text-theme-error font-semibold",
+					children: /* @__PURE__ */ p(_, { id: "Smk7M2" })
+				}),
+				/* @__PURE__ */ p("p", {
+					className: "text-theme-highest",
+					children: e
+				}),
+				/* @__PURE__ */ p(i, {
+					onClick: w,
+					variant: "primary",
+					children: /* @__PURE__ */ p(_, { id: "z1JceR" })
+				})
+			]
+		});
+	}
+	return y ? (h(y.floating_ip_address), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(s, { children: y.floating_ip_address }), /* @__PURE__ */ p(x, { floatingIp: y })] })) : /* @__PURE__ */ m(a, {
+		className: "fixed inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		gap: "5",
+		children: [/* @__PURE__ */ p("p", {
+			className: "text-theme-secondary",
+			children: /* @__PURE__ */ p(_, { id: "ChOuUj" })
+		}), /* @__PURE__ */ p(i, {
+			onClick: w,
+			variant: "primary",
+			children: /* @__PURE__ */ p(_, { id: "z1JceR" })
+		})]
+	});
+}
+//#endregion
+export { S as component };
+
+//# sourceMappingURL=_floatingIpId-D5myuLFz.mjs.map

package/dist/client/_floatingIpId-D5myuLFz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_floatingIpId-D5myuLFz.mjs","names":["formatFloatingIpStatus","status","charAt","slice","toLowerCase","Fragment","DescriptionDefinition","DescriptionList","DescriptionTerm","Stack","TwoColumnDescriptionList","items","mid","Math","ceil","length","firstColumn","slice","secondColumn","gap","className","alignTerms","map","label","value","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","useLingui","useProjectId","trpcReact","FloatingIpDetailsView","Route","RouteComponent","floatingIpId","useParams","projectId","navigate","t","setPageTitle","useRouteContext","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/TwoColumnDescriptionList.tsx","../../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 { Fragment } from \"react\"\nimport { DescriptionDefinition, DescriptionList, DescriptionTerm, Stack } from \"@cloudoperators/juno-ui-components\"\n\nexport type DetailListItem = {\n  label: string\n  value: string\n}\n\ninterface TwoColumnDescriptionListProps {\n  items: DetailListItem[]\n}\n\nexport const TwoColumnDescriptionList = ({ items }: TwoColumnDescriptionListProps) => {\n  const mid = Math.ceil(items.length / 2)\n  const firstColumn = items.slice(0, mid)\n  const secondColumn = items.slice(mid)\n\n  return (\n    <Stack gap=\"6\" className=\"grid grid-cols-2\">\n      <DescriptionList alignTerms=\"right\">\n        {firstColumn.map(({ label, value }) => (\n          <Fragment key={label}>\n            <DescriptionTerm>{label}</DescriptionTerm>\n            <DescriptionDefinition>{value}</DescriptionDefinition>\n          </Fragment>\n        ))}\n      </DescriptionList>\n\n      <DescriptionList alignTerms=\"right\">\n        {secondColumn.map(({ label, value }) => (\n          <Fragment key={label}>\n            <DescriptionTerm>{label}</DescriptionTerm>\n            <DescriptionDefinition>{value}</DescriptionDefinition>\n          </Fragment>\n        ))}\n      </DescriptionList>\n    </Stack>\n  )\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 { DetailListItem, TwoColumnDescriptionList } from \"../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, useLingui } 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: { section: \"network\", service: \"floatingips\", isDetail: true } satisfies RouteInfo,\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  const { t } = useLingui()\n  const { setPageTitle } = Route.useRouteContext()\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    setPageTitle(t`Loading...`)\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  setPageTitle(floatingIp.floating_ip_address)\n  return (\n    <>\n      <ContentHeading>{floatingIp.floating_ip_address}</ContentHeading>\n      <FloatingIpDetailsView floatingIp={floatingIp} />\n    </>\n  )\n}\n"],"mappings":"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"}