@cobaltcore-dev/aurora 0.12.1 → 0.13.1
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/BucketToastNotifications-CxQ0_Spa.mjs +562 -0
- package/dist/client/BucketToastNotifications-CxQ0_Spa.mjs.map +1 -0
- package/dist/client/{ContentHeader-D2nIdJKJ.mjs → ContentHeader-BIScbvb4.mjs} +6 -2
- package/dist/client/ContentHeader-BIScbvb4.mjs.map +1 -0
- package/dist/client/{FloatingIpActionModals-RCvaamOg.mjs → FloatingIpActionModals-DWS9UO6o.mjs} +2 -2
- package/dist/client/{FloatingIpActionModals-RCvaamOg.mjs.map → FloatingIpActionModals-DWS9UO6o.mjs.map} +1 -1
- package/dist/client/{ImageToastNotifications-ClO-1yOH.mjs → ImageToastNotifications-B2BIyk1P.mjs} +2 -2
- package/dist/client/{ImageToastNotifications-ClO-1yOH.mjs.map → ImageToastNotifications-B2BIyk1P.mjs.map} +1 -1
- package/dist/client/{_flavorId-CtQEd28h.mjs → _flavorId-CSEkiIo3.mjs} +3 -2
- package/dist/client/_flavorId-CSEkiIo3.mjs.map +1 -0
- package/dist/client/{_flavorId-DVsGdXUf.mjs → _flavorId-DGYrR9ri.mjs} +4 -4
- package/dist/client/_flavorId-DGYrR9ri.mjs.map +1 -0
- package/dist/client/{_floatingIpId-CKMq7-4p2.mjs → _floatingIpId-DnSQdKNp2.mjs} +4 -4
- package/dist/client/{_floatingIpId-CKMq7-4p2.mjs.map → _floatingIpId-DnSQdKNp2.mjs.map} +1 -1
- package/dist/client/{_floatingIpId-DvTh6vdB.mjs → _floatingIpId-uQHRPZPg.mjs} +3 -2
- package/dist/client/_floatingIpId-uQHRPZPg.mjs.map +1 -0
- package/dist/client/{_imageId-xG8hC49j.mjs → _imageId-BFqkCs9I.mjs} +4 -4
- package/dist/client/_imageId-BFqkCs9I.mjs.map +1 -0
- package/dist/client/{_pcaId-Db_t0x6O.mjs → _pcaId-B1nd5Nm5.mjs} +4 -4
- package/dist/client/{_pcaId-Db_t0x6O.mjs.map → _pcaId-B1nd5Nm5.mjs.map} +1 -1
- package/dist/client/{_pcaId-WCJoukIk.mjs → _pcaId-CmcN3vRn.mjs} +12 -10
- package/dist/client/_pcaId-CmcN3vRn.mjs.map +1 -0
- package/dist/client/{_projectId-BCMkaH_h.mjs → _projectId-CX6OtON6.mjs} +54 -53
- package/dist/client/_projectId-CX6OtON6.mjs.map +1 -0
- package/dist/client/{_projectId-C8RGOqZb.mjs → _projectId-Dn_GjZnp.mjs} +2 -2
- package/dist/client/{_projectId-C8RGOqZb.mjs.map → _projectId-Dn_GjZnp.mjs.map} +1 -1
- package/dist/client/_projectId-w-tZz0FI.mjs +98 -0
- package/dist/client/_projectId-w-tZz0FI.mjs.map +1 -0
- package/dist/client/{_securityGroupId-DMi7YRux.mjs → _securityGroupId-BMzod4iC.mjs} +3 -3
- package/dist/client/{_securityGroupId-DMi7YRux.mjs.map → _securityGroupId-BMzod4iC.mjs.map} +1 -1
- package/dist/client/{_securityGroupId-CyQ3XmpB.mjs → _securityGroupId-Wa7Be5pg.mjs} +3 -2
- package/dist/client/_securityGroupId-Wa7Be5pg.mjs.map +1 -0
- package/dist/client/{_storageType-g1zkFFRh.mjs → _storageType-5VdpF4Wu.mjs} +4 -3
- package/dist/client/_storageType-5VdpF4Wu.mjs.map +1 -0
- package/dist/client/{_storageType-Bb6YZgXf.mjs → _storageType-BIMQazHh.mjs} +831 -908
- package/dist/client/_storageType-BIMQazHh.mjs.map +1 -0
- package/dist/client/_storageType-zeSZe--V.mjs.map +1 -1
- package/dist/client/{constants-D6IO9bPs.mjs → constants-D8Zrv7HP.mjs} +2 -2
- package/dist/client/{constants-D6IO9bPs.mjs.map → constants-D8Zrv7HP.mjs.map} +1 -1
- package/dist/client/{flavors-CO5l_6d0.mjs → flavors-D5aTQJT1.mjs} +3 -3
- package/dist/client/{flavors-CO5l_6d0.mjs.map → flavors-D5aTQJT1.mjs.map} +1 -1
- package/dist/client/flavors-DWMZ6TuJ.mjs.map +1 -1
- package/dist/client/{flavors-D4nGSs0r.mjs → flavors-TqwbWt4R.mjs} +3 -2
- package/dist/client/flavors-TqwbWt4R.mjs.map +1 -0
- package/dist/client/{floatingips-ClkRV7a7.mjs → floatingips-D7D6iFhe.mjs} +3 -3
- package/dist/client/{floatingips-ClkRV7a7.mjs.map → floatingips-D7D6iFhe.mjs.map} +1 -1
- package/dist/client/{images-CvPxoPC0.mjs → images-DEXWCufm.mjs} +3 -2
- package/dist/client/images-DEXWCufm.mjs.map +1 -0
- package/dist/client/{images-C_OYLPqv.mjs → images-N0oXygX-.mjs} +5 -5
- package/dist/client/{images-C_OYLPqv.mjs.map → images-N0oXygX-.mjs.map} +1 -1
- package/dist/client/index.js +190 -170
- package/dist/client/index.js.map +1 -1
- package/dist/client/{objects-D0grS6pk.mjs → objects-DjDr_S5Q.mjs} +2259 -1961
- package/dist/client/objects-DjDr_S5Q.mjs.map +1 -0
- package/dist/client/{objects-UQyUQxBj.mjs → objects-gNSKHCsp.mjs} +8 -7
- package/dist/client/objects-gNSKHCsp.mjs.map +1 -0
- package/dist/client/objects-o2Cj_ndZ.mjs.map +1 -1
- package/dist/client/{pca-BJPxOIgq.mjs → pca-CXmRq6RN.mjs} +5 -5
- package/dist/client/{pca-BJPxOIgq.mjs.map → pca-CXmRq6RN.mjs.map} +1 -1
- package/dist/client/pca-D0mKfROV.mjs +25 -0
- package/dist/client/pca-D0mKfROV.mjs.map +1 -0
- package/dist/client/pcaAccess-BYUY700H.mjs +9 -0
- package/dist/client/pcaAccess-BYUY700H.mjs.map +1 -0
- package/dist/client/{projects-CGjBlG2w.mjs → projects-CDFynG9q.mjs} +3 -2
- package/dist/client/projects-CDFynG9q.mjs.map +1 -0
- package/dist/client/projects-DvSiI5Vg.mjs.map +1 -1
- package/dist/client/{projects-C3wR-lvM.mjs → projects-sn_XPdCh.mjs} +2 -2
- package/dist/client/{projects-C3wR-lvM.mjs.map → projects-sn_XPdCh.mjs.map} +1 -1
- package/dist/client/projects-yiK0HGSA.mjs.map +1 -1
- package/dist/client/{routeInfo-Dy9l-wFB.mjs → routeInfo-CdTRlSxv.mjs} +8 -7
- package/dist/client/routeInfo-CdTRlSxv.mjs.map +1 -0
- package/dist/client/{securitygroups-n8ujBpJP.mjs → securitygroups-CEAGUVYa.mjs} +2 -2
- package/dist/client/{securitygroups-n8ujBpJP.mjs.map → securitygroups-CEAGUVYa.mjs.map} +1 -1
- package/dist/client/{trpcClient-BzPUgiM2.mjs → trpcClient-Dy_MP_Pv.mjs} +2 -2
- package/dist/client/trpcClient-Dy_MP_Pv.mjs.map +1 -0
- package/dist/server/index.js +592 -309
- package/package.json +3 -3
- package/dist/client/ContentHeader-D2nIdJKJ.mjs.map +0 -1
- package/dist/client/DeleteVersionsModal-DQO8lGmS.mjs +0 -331
- package/dist/client/DeleteVersionsModal-DQO8lGmS.mjs.map +0 -1
- package/dist/client/_flavorId-CtQEd28h.mjs.map +0 -1
- package/dist/client/_flavorId-DVsGdXUf.mjs.map +0 -1
- package/dist/client/_floatingIpId-DvTh6vdB.mjs.map +0 -1
- package/dist/client/_imageId-xG8hC49j.mjs.map +0 -1
- package/dist/client/_pcaId-WCJoukIk.mjs.map +0 -1
- package/dist/client/_projectId-BCMkaH_h.mjs.map +0 -1
- package/dist/client/_projectId-BdqRntcN.mjs +0 -107
- package/dist/client/_projectId-BdqRntcN.mjs.map +0 -1
- package/dist/client/_securityGroupId-CyQ3XmpB.mjs.map +0 -1
- package/dist/client/_storageType-Bb6YZgXf.mjs.map +0 -1
- package/dist/client/_storageType-g1zkFFRh.mjs.map +0 -1
- package/dist/client/flavors-D4nGSs0r.mjs.map +0 -1
- package/dist/client/images-CvPxoPC0.mjs.map +0 -1
- package/dist/client/objects-D0grS6pk.mjs.map +0 -1
- package/dist/client/objects-UQyUQxBj.mjs.map +0 -1
- package/dist/client/pca-C9MKOi3Z.mjs +0 -16
- package/dist/client/pca-C9MKOi3Z.mjs.map +0 -1
- package/dist/client/projects-CGjBlG2w.mjs.map +0 -1
- package/dist/client/routeInfo-Dy9l-wFB.mjs.map +0 -1
- package/dist/client/trpcClient-BzPUgiM2.mjs.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cobaltcore-dev/aurora",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Aurora OpenStack dashboard — server and client library",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -109,8 +109,8 @@
|
|
|
109
109
|
"vite-tsconfig-paths": "^6.1.1",
|
|
110
110
|
"vitest": "^4.1.2",
|
|
111
111
|
"@cobaltcore-dev/aurora-config": "0.0.1",
|
|
112
|
-
"@cobaltcore-dev/
|
|
113
|
-
"@cobaltcore-dev/
|
|
112
|
+
"@cobaltcore-dev/policy-engine": "2.0.0",
|
|
113
|
+
"@cobaltcore-dev/signal-openstack": "1.0.0"
|
|
114
114
|
},
|
|
115
115
|
"scripts": {
|
|
116
116
|
"build": "pnpm build:server && pnpm build:client",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContentHeader-D2nIdJKJ.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","direction","gap","span","icon","size","Divider","ContentHeading","useRouteContext","useMatches","useParams","ClipboardText","Slot","isRouteInfo","ContentHeader","title","projectId","description","actions","badges","slots","strict","matches","provider","activeMatch","reverse","find","m","staticData","routeService","service","undefined","currentService","slotActions","servicePageActions","component","useShadowDOM","serviceBanner","header","className","div","span","text","truncateAt","p"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n tooltipContent?: string\n text: string\n className?: string\n truncateAt?: number\n showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n text,\n tooltipContent,\n className,\n truncateAt,\n showTooltip = true,\n ...props\n}) => {\n const { t } = useLingui()\n const [copied, setCopied] = useState(false)\n const [isHovering, setIsHovering] = useState(false)\n\n const combinedClassName = `copyableTooltip inline-flex items-center ${className || \"\"}`\n\n const handleCopy = async (e: React.MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n\n try {\n await navigator.clipboard.writeText(text)\n setCopied(true)\n setIsHovering(false)\n setTimeout(() => setCopied(false), 2000)\n } catch (err) {\n console.error(\"Failed to copy text:\", err)\n }\n }\n\n const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n // Determine tooltip content based on state\n const getTooltipContent = () => {\n if (copied) {\n return tooltipContent || t`Copied to clipboard!`\n }\n return t`Copy`\n }\n\n const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n return (\n <div {...props} className={combinedClassName}>\n <Tooltip open={tooltipIsOpen}>\n <TooltipTrigger\n onClick={handleCopy}\n onMouseEnter={() => !copied && setIsHovering(true)}\n onMouseLeave={() => setIsHovering(false)}\n aria-label={t`Copy ${text} to clipboard`}\n className=\"cursor-pointer\"\n asChild\n data-testid=\"clipboard-copy-trigger\"\n >\n <div className=\"group\">\n <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n <span className=\"select-none\">{displayText}</span>\n <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n </Stack>\n </div>\n </TooltipTrigger>\n <TooltipContent>{getTooltipContent()}</TooltipContent>\n </Tooltip>\n </div>\n )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useRouteContext, useMatches, useParams } from \"@tanstack/react-router\"\nimport ClipboardText from \"../ClipboardText\"\nimport { Slot } from \"../Slot\"\nimport { isRouteInfo } from \"@/client/routes/routeInfo\"\n\ninterface ContentHeaderProps {\n title: string\n projectId: string\n description?: string | null\n actions?: ReactNode\n badges?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, description, actions, badges }: ContentHeaderProps) {\n const { slots } = useRouteContext({ strict: false })\n const matches = useMatches()\n const { provider } = useParams({ strict: false }) as { provider?: string }\n\n const activeMatch = [...matches].reverse().find((m) => isRouteInfo(m.staticData))\n const routeService = activeMatch && isRouteInfo(activeMatch.staticData) ? activeMatch.staticData.service : undefined\n\n // Storage routes share service: \"containers\" for both Swift and Ceph.\n // Distinguish them by the $provider param.\n const currentService = routeService === \"containers\" && provider === \"ceph\" ? \"ceph-containers\" : routeService\n\n const slotActions =\n slots?.servicePageActions && currentService ? (\n <Slot component={slots.servicePageActions} useShadowDOM={false} currentService={currentService} />\n ) : null\n\n const serviceBanner =\n slots?.serviceBanner && currentService ? (\n <Slot component={slots.serviceBanner} useShadowDOM={false} currentService={currentService} />\n ) : null\n\n return (\n <header className=\"mb-8\">\n <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex items-center gap-3\">\n <ContentHeading>{title}</ContentHeading>\n {slotActions}\n </div>\n <div className=\"text-theme-light flex shrink-0 items-center gap-1 text-sm\">\n <span className=\"font-semibold\">\n <Trans>Project ID</Trans>:{\" \"}\n </span>\n <ClipboardText text={projectId} truncateAt={15} />\n </div>\n </div>\n {description && <p className=\"text-sm font-normal\">{description}</p>}\n {serviceBanner}\n <Divider className=\"mt-4\" />\n {(badges || actions) && (\n <div className=\"mt-3 flex items-start justify-between\">\n <div className=\"flex items-center gap-2\">{badges} </div>\n {actions && <div className=\"flex gap-2\">{actions}</div>}\n </div>\n )}\n </header>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1,331 +0,0 @@
|
|
|
1
|
-
import { B as e, K as t, U as n, g as r, lt as i, r as a, tt as o, ut as s, y as c } from "./build-DgeVmENN.mjs";
|
|
2
|
-
import { r as l } from "./trpcClient-BzPUgiM2.mjs";
|
|
3
|
-
import { t as u } from "./useProjectId-DBc5lpoU.mjs";
|
|
4
|
-
import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
5
|
-
import { useEffect as m, useState as h } from "react";
|
|
6
|
-
import { Trans as g, useLingui as _ } from "@lingui/react";
|
|
7
|
-
//#region src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketPolicyModal.tsx
|
|
8
|
-
var v = ({ isOpen: n, bucketName: r, onClose: i, onSuccess: s, onError: c }) => {
|
|
9
|
-
let { i18n: h, _: v } = _(), y = u(), b = l.useUtils(), { data: x, isLoading: S, error: C } = l.storage.ceph.bucketPolicy.get.useQuery({
|
|
10
|
-
project_id: y,
|
|
11
|
-
bucketName: r
|
|
12
|
-
}, {
|
|
13
|
-
enabled: n && !!y,
|
|
14
|
-
retry: !1
|
|
15
|
-
}), w = l.storage.ceph.bucketPolicy.delete.useMutation({
|
|
16
|
-
onSuccess: () => {
|
|
17
|
-
b.storage.ceph.bucketPolicy.get.invalidate(), s?.(r), T();
|
|
18
|
-
},
|
|
19
|
-
onError: (e) => {
|
|
20
|
-
c?.(r, e.message);
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
m(() => {
|
|
24
|
-
n || w.reset();
|
|
25
|
-
}, [n, r]);
|
|
26
|
-
let T = () => {
|
|
27
|
-
w.reset(), i();
|
|
28
|
-
}, E = () => {
|
|
29
|
-
w.mutate({
|
|
30
|
-
project_id: y,
|
|
31
|
-
bucketName: r
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
if (!n) return null;
|
|
35
|
-
let D = !!x?.policy, O = w.isPending;
|
|
36
|
-
return /*#__PURE__*/ f(a, {
|
|
37
|
-
title: h._({ id: "On9AgT" }),
|
|
38
|
-
open: n,
|
|
39
|
-
onCancel: T,
|
|
40
|
-
confirmButtonLabel: h._({ id: "VMoZmg" }),
|
|
41
|
-
confirmButtonVariant: "primary-danger",
|
|
42
|
-
onConfirm: E,
|
|
43
|
-
cancelButtonLabel: h._({ id: "dEgA5A" }),
|
|
44
|
-
size: "small",
|
|
45
|
-
disableConfirmButton: O || S || !D || !!C,
|
|
46
|
-
children: /*#__PURE__*/ p(o, {
|
|
47
|
-
direction: "vertical",
|
|
48
|
-
gap: "4",
|
|
49
|
-
children: [
|
|
50
|
-
S && /*#__PURE__*/ f("div", {
|
|
51
|
-
className: "flex items-center justify-center py-4",
|
|
52
|
-
children: /*#__PURE__*/ f(t, {
|
|
53
|
-
variant: "primary",
|
|
54
|
-
size: "large"
|
|
55
|
-
})
|
|
56
|
-
}),
|
|
57
|
-
C && /*#__PURE__*/ f(e, {
|
|
58
|
-
variant: "error",
|
|
59
|
-
title: h._({ id: "XicAqm" }),
|
|
60
|
-
children: C.message
|
|
61
|
-
}),
|
|
62
|
-
!S && !C && !D && /*#__PURE__*/ f(e, {
|
|
63
|
-
variant: "warning",
|
|
64
|
-
title: h._({ id: "GZjazt" }),
|
|
65
|
-
children: /*#__PURE__*/ f(g, { id: "/HejCc" })
|
|
66
|
-
}),
|
|
67
|
-
!S && !C && D && /*#__PURE__*/ p(d, { children: [/*#__PURE__*/ f("p", {
|
|
68
|
-
className: "text-theme-default",
|
|
69
|
-
children: /*#__PURE__*/ f(g, {
|
|
70
|
-
id: "QDUXIq",
|
|
71
|
-
values: { bucketName: r },
|
|
72
|
-
components: { 0: /*#__PURE__*/ f("strong", {}) }
|
|
73
|
-
})
|
|
74
|
-
}), /*#__PURE__*/ f("p", {
|
|
75
|
-
className: "text-theme-default",
|
|
76
|
-
children: /*#__PURE__*/ f(g, { id: "Rsh494" })
|
|
77
|
-
})] }),
|
|
78
|
-
w.isError && /*#__PURE__*/ f(e, {
|
|
79
|
-
variant: "error",
|
|
80
|
-
title: h._({ id: "+Pe7SS" }),
|
|
81
|
-
children: w.error?.message
|
|
82
|
-
})
|
|
83
|
-
]
|
|
84
|
-
})
|
|
85
|
-
});
|
|
86
|
-
}, y = ({ isOpen: e, bucket: t, onClose: r, onSuccess: s, onError: c }) => {
|
|
87
|
-
let { i18n: d, _: m } = _(), v = u(), [y, b] = h(""), [x, S] = h(null), [C, w] = h(!1), T = l.useUtils(), E = l.storage.ceph.objects.deleteAll.useMutation({ onSettled: () => {
|
|
88
|
-
T.storage.ceph.containers.list.invalidate(), T.storage.ceph.objects.list.invalidate(), D();
|
|
89
|
-
} }), D = () => {
|
|
90
|
-
b(""), S(null), w(!1), E.reset(), r();
|
|
91
|
-
}, O = (e) => {
|
|
92
|
-
let t = e.target.value;
|
|
93
|
-
b(t), x && S(null);
|
|
94
|
-
}, k = () => {
|
|
95
|
-
if (!t) return;
|
|
96
|
-
if (y.trim() !== t.name) {
|
|
97
|
-
S(d._({ id: "wxVsr5" }));
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
let e = t.name;
|
|
101
|
-
E.mutate({
|
|
102
|
-
project_id: v,
|
|
103
|
-
containerName: e,
|
|
104
|
-
includeVersionsAndDeleteMarkers: C
|
|
105
|
-
}, {
|
|
106
|
-
onSuccess: (t) => {
|
|
107
|
-
s?.(e, t);
|
|
108
|
-
},
|
|
109
|
-
onError: (t) => {
|
|
110
|
-
c?.(e, t.message);
|
|
111
|
-
}
|
|
112
|
-
});
|
|
113
|
-
}, A = (e) => {
|
|
114
|
-
e.key === "Enter" && k();
|
|
115
|
-
};
|
|
116
|
-
if (!e || !t) return null;
|
|
117
|
-
let j = t.name;
|
|
118
|
-
return /*#__PURE__*/ f(a, {
|
|
119
|
-
title: d._({ id: "CfKRC1" }),
|
|
120
|
-
open: e,
|
|
121
|
-
onCancel: D,
|
|
122
|
-
confirmButtonLabel: d._({ id: "CfKRC1" }),
|
|
123
|
-
confirmButtonVariant: "primary-danger",
|
|
124
|
-
onConfirm: k,
|
|
125
|
-
cancelButtonLabel: d._({ id: "dEgA5A" }),
|
|
126
|
-
size: "small",
|
|
127
|
-
disableConfirmButton: E.isPending || y.trim() !== t.name,
|
|
128
|
-
children: /*#__PURE__*/ p(o, {
|
|
129
|
-
direction: "vertical",
|
|
130
|
-
gap: "6",
|
|
131
|
-
children: [
|
|
132
|
-
/*#__PURE__*/ f("p", {
|
|
133
|
-
className: "text-theme-default m-0",
|
|
134
|
-
children: /*#__PURE__*/ f(g, {
|
|
135
|
-
id: "i9I/nL",
|
|
136
|
-
values: { bucketName: j }
|
|
137
|
-
})
|
|
138
|
-
}),
|
|
139
|
-
/*#__PURE__*/ f(i, {
|
|
140
|
-
checked: C,
|
|
141
|
-
onChange: (e) => w(e.target.checked),
|
|
142
|
-
label: d._({ id: "mbmb/h" }),
|
|
143
|
-
disabled: E.isPending
|
|
144
|
-
}),
|
|
145
|
-
/*#__PURE__*/ f(n, {
|
|
146
|
-
label: d._({ id: "dEHa3L" }),
|
|
147
|
-
required: !0,
|
|
148
|
-
value: y,
|
|
149
|
-
onChange: O,
|
|
150
|
-
onKeyDown: A,
|
|
151
|
-
invalid: !!x,
|
|
152
|
-
errortext: x || void 0,
|
|
153
|
-
disabled: E.isPending,
|
|
154
|
-
placeholder: t.name,
|
|
155
|
-
autoFocus: !0
|
|
156
|
-
})
|
|
157
|
-
]
|
|
158
|
-
})
|
|
159
|
-
});
|
|
160
|
-
}, b = ({ isOpen: e, bucket: i, onClose: v, onSuccess: y, onError: b }) => {
|
|
161
|
-
let { i18n: x, _: S } = _(), C = u(), [w, T] = h(""), [E, D] = h(null), O = l.useUtils(), { data: k, isLoading: A, error: j } = l.storage.ceph.objects.list.useQuery({
|
|
162
|
-
project_id: C ?? "",
|
|
163
|
-
containerName: i?.name ?? "",
|
|
164
|
-
maxKeys: 1,
|
|
165
|
-
delimiter: "",
|
|
166
|
-
showVersions: !0
|
|
167
|
-
}, { enabled: e && i !== null }), M = l.storage.ceph.containers.delete.useMutation({ onSettled: () => {
|
|
168
|
-
O.storage.ceph.containers.list.invalidate();
|
|
169
|
-
} });
|
|
170
|
-
m(() => {
|
|
171
|
-
e || (T(""), D(null), M.reset());
|
|
172
|
-
}, [e, i?.name]);
|
|
173
|
-
let N = () => {
|
|
174
|
-
T(""), D(null), M.reset(), v();
|
|
175
|
-
}, P = (e) => {
|
|
176
|
-
let t = e.target.value;
|
|
177
|
-
T(t), E && D(null);
|
|
178
|
-
}, F = () => {
|
|
179
|
-
if (!i || j) return;
|
|
180
|
-
if (w.trim() !== i.name) {
|
|
181
|
-
D(x._({ id: "wxVsr5" }));
|
|
182
|
-
return;
|
|
183
|
-
}
|
|
184
|
-
let e = i.name;
|
|
185
|
-
M.mutate({
|
|
186
|
-
project_id: C,
|
|
187
|
-
bucketName: e
|
|
188
|
-
}, {
|
|
189
|
-
onSuccess: () => {
|
|
190
|
-
N(), y?.(e);
|
|
191
|
-
},
|
|
192
|
-
onError: (t) => {
|
|
193
|
-
N(), b?.(e, t.message);
|
|
194
|
-
}
|
|
195
|
-
});
|
|
196
|
-
}, I = (e) => {
|
|
197
|
-
e.key === "Enter" && F();
|
|
198
|
-
};
|
|
199
|
-
if (!e || !i) return null;
|
|
200
|
-
let L = k?.objects?.length ?? 0, R = k?.versions?.length ?? 0, z = L > 0, B = L === 0 && R > 0, V = j?.message;
|
|
201
|
-
return /*#__PURE__*/ f(a, {
|
|
202
|
-
title: x._({ id: "IwlPLb" }),
|
|
203
|
-
open: e,
|
|
204
|
-
onCancel: N,
|
|
205
|
-
confirmButtonLabel: z || B ? void 0 : x._({ id: "IwlPLb" }),
|
|
206
|
-
confirmButtonVariant: z || B ? void 0 : "primary-danger",
|
|
207
|
-
onConfirm: z || B ? void 0 : F,
|
|
208
|
-
cancelButtonLabel: z || B ? void 0 : x._({ id: "dEgA5A" }),
|
|
209
|
-
modalFooter: z || B ? /*#__PURE__*/ f(r, {
|
|
210
|
-
className: "flex justify-end",
|
|
211
|
-
children: /*#__PURE__*/ f(s, { children: /*#__PURE__*/ f(c, {
|
|
212
|
-
variant: "primary",
|
|
213
|
-
onClick: N,
|
|
214
|
-
"data-testid": "delete-has-objects-close-button",
|
|
215
|
-
children: /*#__PURE__*/ f(g, { id: "yz7wBu" })
|
|
216
|
-
}) })
|
|
217
|
-
}) : void 0,
|
|
218
|
-
size: "small",
|
|
219
|
-
disableConfirmButton: M.isPending || A || !!j || w.trim() !== i.name,
|
|
220
|
-
children: /*#__PURE__*/ p(o, {
|
|
221
|
-
direction: "vertical",
|
|
222
|
-
gap: "6",
|
|
223
|
-
children: [j && /*#__PURE__*/ f("p", {
|
|
224
|
-
className: "text-theme-error",
|
|
225
|
-
role: "alert",
|
|
226
|
-
"aria-live": "assertive",
|
|
227
|
-
children: /*#__PURE__*/ f(g, {
|
|
228
|
-
id: "MJLqeY",
|
|
229
|
-
values: { errorMessage: V }
|
|
230
|
-
})
|
|
231
|
-
}), A ? /*#__PURE__*/ p(o, {
|
|
232
|
-
direction: "horizontal",
|
|
233
|
-
gap: "2",
|
|
234
|
-
alignment: "center",
|
|
235
|
-
children: [/*#__PURE__*/ f(t, {}), /*#__PURE__*/ f("span", {
|
|
236
|
-
className: "text-juno-grey-light-1 text-sm",
|
|
237
|
-
children: /*#__PURE__*/ f(g, { id: "rPuPb+" })
|
|
238
|
-
})]
|
|
239
|
-
}) : z ? /*#__PURE__*/ f("p", {
|
|
240
|
-
className: "text-theme-default",
|
|
241
|
-
children: /*#__PURE__*/ f(g, {
|
|
242
|
-
id: "EpRlc1",
|
|
243
|
-
components: { 0: /*#__PURE__*/ f("strong", {}) }
|
|
244
|
-
})
|
|
245
|
-
}) : B ? /*#__PURE__*/ f("p", {
|
|
246
|
-
className: "text-theme-default",
|
|
247
|
-
children: /*#__PURE__*/ f(g, {
|
|
248
|
-
id: "QEfrEi",
|
|
249
|
-
components: { 0: /*#__PURE__*/ f("strong", {}) }
|
|
250
|
-
})
|
|
251
|
-
}) : /*#__PURE__*/ p(d, { children: [/*#__PURE__*/ f("p", {
|
|
252
|
-
className: "text-theme-default",
|
|
253
|
-
children: /*#__PURE__*/ f(g, { id: "/pOQrn" })
|
|
254
|
-
}), /*#__PURE__*/ f(n, {
|
|
255
|
-
label: x._({ id: "dEHa3L" }),
|
|
256
|
-
required: !0,
|
|
257
|
-
value: w,
|
|
258
|
-
onChange: P,
|
|
259
|
-
onKeyDown: I,
|
|
260
|
-
invalid: !!E,
|
|
261
|
-
errortext: E || void 0,
|
|
262
|
-
disabled: M.isPending,
|
|
263
|
-
placeholder: i.name
|
|
264
|
-
})] })]
|
|
265
|
-
})
|
|
266
|
-
});
|
|
267
|
-
}, x = ({ isOpen: e, bucket: t, onClose: r, onSuccess: i, onError: s }) => {
|
|
268
|
-
let { i18n: c, _: d } = _(), m = u(), [v, y] = h(""), [b, x] = h(null), S = l.useUtils(), C = l.storage.ceph.objects.deleteAll.useMutation({ onSettled: () => {
|
|
269
|
-
S.storage.ceph.containers.list.invalidate(), S.storage.ceph.objects.list.invalidate(), w();
|
|
270
|
-
} }), w = () => {
|
|
271
|
-
y(""), x(null), C.reset(), r();
|
|
272
|
-
}, T = (e) => {
|
|
273
|
-
let t = e.target.value;
|
|
274
|
-
y(t), b && x(null);
|
|
275
|
-
}, E = () => {
|
|
276
|
-
if (!t) return;
|
|
277
|
-
if (v.trim() !== t.name) {
|
|
278
|
-
x(c._({ id: "wxVsr5" }));
|
|
279
|
-
return;
|
|
280
|
-
}
|
|
281
|
-
let e = t.name;
|
|
282
|
-
C.mutate({
|
|
283
|
-
project_id: m,
|
|
284
|
-
containerName: e,
|
|
285
|
-
includeVersionsAndDeleteMarkers: !0
|
|
286
|
-
}, {
|
|
287
|
-
onSuccess: (t) => {
|
|
288
|
-
i?.(e, t);
|
|
289
|
-
},
|
|
290
|
-
onError: (t) => {
|
|
291
|
-
s?.(e, t.message);
|
|
292
|
-
}
|
|
293
|
-
});
|
|
294
|
-
};
|
|
295
|
-
return !e || !t ? null : /*#__PURE__*/ f(a, {
|
|
296
|
-
title: c._({ id: "1mFMeP" }),
|
|
297
|
-
open: e,
|
|
298
|
-
onCancel: w,
|
|
299
|
-
confirmButtonLabel: c._({ id: "1mFMeP" }),
|
|
300
|
-
confirmButtonVariant: "primary-danger",
|
|
301
|
-
onConfirm: E,
|
|
302
|
-
cancelButtonLabel: c._({ id: "dEgA5A" }),
|
|
303
|
-
size: "small",
|
|
304
|
-
disableConfirmButton: C.isPending || v.trim() !== t.name,
|
|
305
|
-
children: /*#__PURE__*/ p(o, {
|
|
306
|
-
direction: "vertical",
|
|
307
|
-
gap: "6",
|
|
308
|
-
children: [/*#__PURE__*/ f("p", {
|
|
309
|
-
className: "text-theme-default m-0",
|
|
310
|
-
children: /*#__PURE__*/ f(g, { id: "T3+VKR" })
|
|
311
|
-
}), /*#__PURE__*/ f(n, {
|
|
312
|
-
label: c._({ id: "dEHa3L" }),
|
|
313
|
-
required: !0,
|
|
314
|
-
value: v,
|
|
315
|
-
onChange: T,
|
|
316
|
-
onKeyDown: (e) => {
|
|
317
|
-
e.key === "Enter" && E();
|
|
318
|
-
},
|
|
319
|
-
invalid: !!b,
|
|
320
|
-
errortext: b || void 0,
|
|
321
|
-
disabled: C.isPending,
|
|
322
|
-
placeholder: t.name,
|
|
323
|
-
autoFocus: !0
|
|
324
|
-
})]
|
|
325
|
-
})
|
|
326
|
-
});
|
|
327
|
-
};
|
|
328
|
-
//#endregion
|
|
329
|
-
export { v as i, b as n, y as r, x as t };
|
|
330
|
-
|
|
331
|
-
//# sourceMappingURL=DeleteVersionsModal-DQO8lGmS.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteVersionsModal-DQO8lGmS.mjs","names":["useEffect","trpcReact","Modal","Stack","Spinner","Message","useProjectId","DeleteBucketPolicyModal","isOpen","bucketName","onClose","onSuccess","onError","useLingui","projectId","utils","useUtils","data","policyData","isLoading","isPolicyLoading","error","policyError","storage","ceph","bucketPolicy","get","useQuery","project_id","enabled","retry","deleteMutation","delete","useMutation","invalidate","name","handleClose","message","reset","handleDelete","mutate","hasPolicy","policy","isDeleting","isPending","title","t","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","direction","gap","div","className","variant","p","strong","isError","useState","trpcReact","Modal","TextInput","Stack","Checkbox","useProjectId","EmptyBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","deleteVersionsAndMarkers","setDeleteVersionsAndMarkers","utils","useUtils","emptyBucketMutation","storage","ceph","objects","deleteAll","useMutation","onSettled","containers","list","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","name","t","bucketName","mutate","project_id","containerName","includeVersionsAndDeleteMarkers","deletedCount","error","message","handleKeyDown","key","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","p","className","checked","onChange","label","disabled","required","onKeyDown","invalid","errortext","undefined","placeholder","autoFocus","useState","useEffect","trpcReact","Modal","ModalFooter","ButtonRow","TextInput","Stack","Spinner","Button","useProjectId","DeleteBucketModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","data","objects","isLoading","isLoadingObjects","error","objectsError","storage","ceph","list","useQuery","project_id","containerName","name","maxKeys","delimiter","showVersions","enabled","deleteBucketMutation","containers","delete","useMutation","onSettled","invalidate","reset","handleClose","handleConfirmNameChange","e","value","target","handleSubmit","trim","t","bucketName","mutate","message","handleKeyDown","key","currentObjectCount","length","versionCount","versions","isNonEmpty","hasOnlyVersions","errorMessage","title","open","onCancel","confirmButtonLabel","undefined","confirmButtonVariant","onConfirm","cancelButtonLabel","modalFooter","className","variant","onClick","data-testid","size","disableConfirmButton","isPending","direction","gap","p","role","aria-live","alignment","span","strong","label","required","onChange","onKeyDown","invalid","errortext","disabled","placeholder","useState","trpcReact","Modal","TextInput","Stack","useProjectId","DeleteVersionsModal","isOpen","bucket","onClose","onSuccess","onError","useLingui","projectId","confirmName","setConfirmName","nameError","setNameError","utils","useUtils","deleteVersionsMutation","storage","ceph","objects","deleteAll","useMutation","onSettled","containers","list","invalidate","handleClose","reset","handleConfirmNameChange","e","value","target","handleSubmit","trim","name","t","bucketName","mutate","project_id","containerName","includeVersionsAndDeleteMarkers","deletedCount","error","message","handleKeyDown","key","title","open","onCancel","confirmButtonLabel","confirmButtonVariant","onConfirm","cancelButtonLabel","size","disableConfirmButton","isPending","direction","gap","p","className","label","required","onChange","onKeyDown","invalid","errortext","undefined","disabled","placeholder","autoFocus"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketPolicyModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/EmptyBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteBucketModal.tsx","../../src/client/routes/_auth/projects/$projectId/storage/-components/Ceph/Buckets/DeleteVersionsModal.tsx"],"sourcesContent":["import { useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, Stack, Spinner, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteBucketPolicyModalProps {\n isOpen: boolean\n bucketName: string\n onClose: () => void\n onSuccess?: (bucketName: string) => void\n onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketPolicyModal = ({\n isOpen,\n bucketName,\n onClose,\n onSuccess,\n onError,\n}: DeleteBucketPolicyModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n // Query to verify policy exists\n const {\n data: policyData,\n isLoading: isPolicyLoading,\n error: policyError,\n } = trpcReact.storage.ceph.bucketPolicy.get.useQuery(\n {\n project_id: projectId,\n bucketName,\n },\n {\n enabled: isOpen && !!projectId,\n retry: false,\n }\n )\n\n // Delete mutation\n const deleteMutation = trpcReact.storage.ceph.bucketPolicy.delete.useMutation({\n onSuccess: () => {\n utils.storage.ceph.bucketPolicy.get.invalidate()\n const name = bucketName\n onSuccess?.(name)\n handleClose()\n },\n onError: (error) => {\n const name = bucketName\n onError?.(name, error.message)\n },\n })\n\n useEffect(() => {\n if (!isOpen) {\n deleteMutation.reset()\n }\n }, [isOpen, bucketName])\n\n const handleClose = () => {\n deleteMutation.reset()\n onClose()\n }\n\n const handleDelete = () => {\n deleteMutation.mutate({\n project_id: projectId,\n bucketName,\n })\n }\n\n if (!isOpen) return null\n\n const hasPolicy = !!policyData?.policy\n const isDeleting = deleteMutation.isPending\n\n return (\n <Modal\n title={t`Delete Bucket Policy`}\n open={isOpen}\n onCancel={handleClose}\n confirmButtonLabel={t`Delete Policy`}\n confirmButtonVariant=\"primary-danger\"\n onConfirm={handleDelete}\n cancelButtonLabel={t`Cancel`}\n size=\"small\"\n disableConfirmButton={isDeleting || isPolicyLoading || !hasPolicy || !!policyError}\n >\n <Stack direction=\"vertical\" gap=\"4\">\n {isPolicyLoading && (\n <div className=\"flex items-center justify-center py-4\">\n <Spinner variant=\"primary\" size=\"large\" />\n </div>\n )}\n\n {policyError && (\n <Message variant=\"error\" title={t`Failed to load policy`}>\n {policyError.message}\n </Message>\n )}\n\n {!isPolicyLoading && !policyError && !hasPolicy && (\n <Message variant=\"warning\" title={t`No policy found`}>\n <Trans>This bucket does not have a policy attached.</Trans>\n </Message>\n )}\n\n {!isPolicyLoading && !policyError && hasPolicy && (\n <>\n <p className=\"text-theme-default\">\n <Trans>\n Are you sure you want to delete the policy for bucket <strong>{bucketName}</strong>?\n </Trans>\n </p>\n <p className=\"text-theme-default\">\n <Trans>\n Deleting the policy will remove all access restrictions defined by it. This action cannot be undone.\n </Trans>\n </p>\n </>\n )}\n\n {deleteMutation.isError && (\n <Message variant=\"error\" title={t`Failed to delete policy`}>\n {deleteMutation.error?.message}\n </Message>\n )}\n </Stack>\n </Modal>\n )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack, Checkbox } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface EmptyBucketModalProps {\n isOpen: boolean\n bucket: Bucket | null\n onClose: () => void\n onSuccess?: (bucketName: string, deletedCount: number) => void\n onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const EmptyBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: EmptyBucketModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const [confirmName, setConfirmName] = useState(\"\")\n const [nameError, setNameError] = useState<string | null>(null)\n const [deleteVersionsAndMarkers, setDeleteVersionsAndMarkers] = useState(false)\n\n const utils = trpcReact.useUtils()\n\n const emptyBucketMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n onSettled: () => {\n // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n utils.storage.ceph.containers.list.invalidate()\n utils.storage.ceph.objects.list.invalidate()\n handleClose()\n },\n })\n\n const handleClose = () => {\n setConfirmName(\"\")\n setNameError(null)\n setDeleteVersionsAndMarkers(false)\n emptyBucketMutation.reset()\n onClose()\n }\n\n const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n setConfirmName(value)\n if (nameError) setNameError(null)\n }\n\n const handleSubmit = () => {\n if (!bucket) return\n if (confirmName.trim() !== bucket.name) {\n setNameError(t`Bucket name does not match`)\n return\n }\n\n // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n const bucketName = bucket.name\n\n emptyBucketMutation.mutate(\n {\n project_id: projectId,\n containerName: bucketName,\n includeVersionsAndDeleteMarkers: deleteVersionsAndMarkers,\n },\n {\n onSuccess: (deletedCount) => {\n onSuccess?.(bucketName, deletedCount)\n },\n onError: (error) => {\n onError?.(bucketName, error.message)\n },\n }\n )\n }\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") handleSubmit()\n }\n\n if (!isOpen || !bucket) return null\n\n const bucketName = bucket.name\n\n return (\n <Modal\n title={t`Empty Bucket`}\n open={isOpen}\n onCancel={handleClose}\n confirmButtonLabel={t`Empty Bucket`}\n confirmButtonVariant=\"primary-danger\"\n onConfirm={handleSubmit}\n cancelButtonLabel={t`Cancel`}\n size=\"small\"\n disableConfirmButton={emptyBucketMutation.isPending || confirmName.trim() !== bucket.name}\n >\n <Stack direction=\"vertical\" gap=\"6\">\n <p className=\"text-theme-default m-0\">\n <Trans>\n This action will permanently delete all objects from {bucketName}. You may choose to also delete all\n versions and delete markers. This will enable you to delete the bucket. This action cannot be undone.\n </Trans>\n </p>\n\n <Checkbox\n checked={deleteVersionsAndMarkers}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => setDeleteVersionsAndMarkers(e.target.checked)}\n label={t`Also delete all versions and all delete markers`}\n disabled={emptyBucketMutation.isPending}\n />\n\n <TextInput\n label={t`Type the bucket name to confirm`}\n required\n value={confirmName}\n onChange={handleConfirmNameChange}\n onKeyDown={handleKeyDown}\n invalid={!!nameError}\n errortext={nameError || undefined}\n disabled={emptyBucketMutation.isPending}\n placeholder={bucket.name}\n autoFocus\n />\n </Stack>\n </Modal>\n )\n}\n","import { useState, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, ModalFooter, ButtonRow, TextInput, Stack, Spinner, Button } from \"@cloudoperators/juno-ui-components\"\nimport type { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteBucketModalProps {\n isOpen: boolean\n bucket: Bucket | null\n onClose: () => void\n onSuccess?: (bucketName: string) => void\n onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteBucketModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteBucketModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const [confirmName, setConfirmName] = useState(\"\")\n const [nameError, setNameError] = useState<string | null>(null)\n\n const utils = trpcReact.useUtils()\n\n // Fetch actual objects and versions to get accurate real-time state\n // Use showVersions=true to also detect delete markers in versioned buckets\n // Use delimiter=\"\" to get ALL objects including folder markers (zero-byte objects ending in \"/\")\n // Without this, folders are returned as CommonPrefixes and we can't accurately check if bucket is empty\n const {\n data: objects,\n isLoading: isLoadingObjects,\n error: objectsError,\n } = trpcReact.storage.ceph.objects.list.useQuery(\n { project_id: projectId ?? \"\", containerName: bucket?.name ?? \"\", maxKeys: 1, delimiter: \"\", showVersions: true },\n { enabled: isOpen && bucket !== null }\n )\n\n const deleteBucketMutation = trpcReact.storage.ceph.containers.delete.useMutation({\n onSettled: () => {\n utils.storage.ceph.containers.list.invalidate()\n },\n })\n\n useEffect(() => {\n if (!isOpen) {\n setConfirmName(\"\")\n setNameError(null)\n deleteBucketMutation.reset()\n }\n }, [isOpen, bucket?.name])\n\n const handleClose = () => {\n setConfirmName(\"\")\n setNameError(null)\n deleteBucketMutation.reset()\n onClose()\n }\n\n const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n setConfirmName(value)\n if (nameError) setNameError(null)\n }\n\n const handleSubmit = () => {\n if (!bucket) return\n if (objectsError) return\n if (confirmName.trim() !== bucket.name) {\n setNameError(t`Bucket name does not match`)\n return\n }\n\n // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n const bucketName = bucket.name\n\n deleteBucketMutation.mutate(\n { project_id: projectId, bucketName },\n {\n onSuccess: () => {\n handleClose()\n onSuccess?.(bucketName)\n },\n onError: (error) => {\n handleClose()\n onError?.(bucketName, error.message)\n },\n }\n )\n }\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") handleSubmit()\n }\n\n if (!isOpen || !bucket) return null\n\n // Check if bucket has current objects (not just versions/delete markers)\n // When delimiter=\"\", folders are returned as objects (keys ending in \"/\")\n const currentObjectCount = objects?.objects?.length ?? 0\n const versionCount = objects?.versions?.length ?? 0\n\n // Bucket is non-empty if it has current objects\n // If it only has versions/delete markers (no current objects), it's considered \"empty\" for deletion purposes\n const isNonEmpty = currentObjectCount > 0\n const hasOnlyVersions = currentObjectCount === 0 && versionCount > 0\n const errorMessage = objectsError?.message\n\n return (\n <Modal\n title={t`Delete Bucket`}\n open={isOpen}\n onCancel={handleClose}\n confirmButtonLabel={isNonEmpty || hasOnlyVersions ? undefined : t`Delete Bucket`}\n confirmButtonVariant={isNonEmpty || hasOnlyVersions ? undefined : \"primary-danger\"}\n onConfirm={isNonEmpty || hasOnlyVersions ? undefined : handleSubmit}\n cancelButtonLabel={isNonEmpty || hasOnlyVersions ? undefined : t`Cancel`}\n modalFooter={\n isNonEmpty || hasOnlyVersions ? (\n <ModalFooter className=\"flex justify-end\">\n <ButtonRow>\n <Button variant=\"primary\" onClick={handleClose} data-testid=\"delete-has-objects-close-button\">\n <Trans>Close</Trans>\n </Button>\n </ButtonRow>\n </ModalFooter>\n ) : undefined\n }\n size=\"small\"\n disableConfirmButton={\n deleteBucketMutation.isPending || isLoadingObjects || !!objectsError || confirmName.trim() !== bucket.name\n }\n >\n <Stack direction=\"vertical\" gap=\"6\">\n {objectsError && (\n <p className=\"text-theme-error\" role=\"alert\" aria-live=\"assertive\">\n <Trans>Failed to check bucket contents: {errorMessage}</Trans>\n </p>\n )}\n\n {isLoadingObjects ? (\n <Stack direction=\"horizontal\" gap=\"2\" alignment=\"center\">\n <Spinner />\n <span className=\"text-juno-grey-light-1 text-sm\">\n <Trans>Checking bucket contents...</Trans>\n </span>\n </Stack>\n ) : isNonEmpty ? (\n <p className=\"text-theme-default\">\n <Trans>\n This bucket contains objects and cannot be deleted. Use <strong>Empty Bucket</strong> action to remove all\n content first.\n </Trans>\n </p>\n ) : hasOnlyVersions ? (\n <p className=\"text-theme-default\">\n <Trans>\n This bucket contains old versions and delete markers. Use <strong>Delete Versions</strong> action to\n remove them before deleting the bucket.\n </Trans>\n </p>\n ) : (\n <>\n <p className=\"text-theme-default\">\n <Trans>\n This action is irreversible. Deleting a bucket permanently removes it and cannot be undone. The bucket\n must be empty before deletion.\n </Trans>\n </p>\n\n <TextInput\n label={t`Type the bucket name to confirm`}\n required\n value={confirmName}\n onChange={handleConfirmNameChange}\n onKeyDown={handleKeyDown}\n invalid={!!nameError}\n errortext={nameError || undefined}\n disabled={deleteBucketMutation.isPending}\n placeholder={bucket.name}\n />\n </>\n )}\n </Stack>\n </Modal>\n )\n}\n","import { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { Modal, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { Bucket } from \"@/server/Storage/types/ceph\"\nimport { useProjectId } from \"@/client/hooks/useProjectId\"\n\ninterface DeleteVersionsModalProps {\n isOpen: boolean\n bucket: Bucket | null\n onClose: () => void\n onSuccess?: (bucketName: string, deletedCount: number) => void\n onError?: (bucketName: string, errorMessage: string) => void\n}\n\nexport const DeleteVersionsModal = ({ isOpen, bucket, onClose, onSuccess, onError }: DeleteVersionsModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const [confirmName, setConfirmName] = useState(\"\")\n const [nameError, setNameError] = useState<string | null>(null)\n\n const utils = trpcReact.useUtils()\n\n const deleteVersionsMutation = trpcReact.storage.ceph.objects.deleteAll.useMutation({\n onSettled: () => {\n // Invalidate both containers.list (to update bucket metadata) and objects.list (to refresh empty state)\n utils.storage.ceph.containers.list.invalidate()\n utils.storage.ceph.objects.list.invalidate()\n handleClose()\n },\n })\n\n const handleClose = () => {\n setConfirmName(\"\")\n setNameError(null)\n deleteVersionsMutation.reset()\n onClose()\n }\n\n const handleConfirmNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n setConfirmName(value)\n if (nameError) setNameError(null)\n }\n\n const handleSubmit = () => {\n if (!bucket) return\n if (confirmName.trim() !== bucket.name) {\n setNameError(t`Bucket name does not match`)\n return\n }\n\n // Capture bucket name before async operation to avoid dereferencing null bucket in callbacks\n const bucketName = bucket.name\n\n // Always delete all versions and delete markers (includeVersionsAndDeleteMarkers: true)\n deleteVersionsMutation.mutate(\n {\n project_id: projectId,\n containerName: bucketName,\n includeVersionsAndDeleteMarkers: true,\n },\n {\n onSuccess: (deletedCount) => {\n onSuccess?.(bucketName, deletedCount)\n },\n onError: (error) => {\n onError?.(bucketName, error.message)\n },\n }\n )\n }\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") handleSubmit()\n }\n\n if (!isOpen || !bucket) return null\n\n return (\n <Modal\n title={t`Delete Versions`}\n open={isOpen}\n onCancel={handleClose}\n confirmButtonLabel={t`Delete Versions`}\n confirmButtonVariant=\"primary-danger\"\n onConfirm={handleSubmit}\n cancelButtonLabel={t`Cancel`}\n size=\"small\"\n disableConfirmButton={deleteVersionsMutation.isPending || confirmName.trim() !== bucket.name}\n >\n <Stack direction=\"vertical\" gap=\"6\">\n <p className=\"text-theme-default m-0\">\n <Trans>\n This action will permanently delete all versions and delete markers. This will enable you to delete the\n bucket. This action cannot be undone.\n </Trans>\n </p>\n\n <TextInput\n label={t`Type the bucket name to confirm`}\n required\n value={confirmName}\n onChange={handleConfirmNameChange}\n onKeyDown={handleKeyDown}\n invalid={!!nameError}\n errortext={nameError || undefined}\n disabled={deleteVersionsMutation.isPending}\n placeholder={bucket.name}\n autoFocus\n />\n </Stack>\n </Modal>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_flavorId-CtQEd28h.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","sectionCrumb","labelKey","crumb","to","RouteInfo","loader","context","params","flavor","trpcClient","compute","getFlavorById","query","project_id","projectId","flavorId","flavorName","name","head","loaderData","meta","title","component","lazyRouteComponent","$$splitComponentImporter","beforeLoad","availableServices","auth","getAvailableServices","serviceIndex"],"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: {\n section: \"compute\",\n service: \"flavors\",\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":";;;;;;AAaA,SAAgBI,EAAY,EAAEC,YAASC,eAAYC,gBAAaC,gBAAaC,UAAOC,YAAyB;CAC3G,OACE,gBAACR,GAAAA;EAAUS,WAAU;;GAClBL,KAAc,gBAACM,OAAAA;IAAID,WAAU;cAAsCL;;GACpE,gBAACH,GAAAA,EAAAA,UAAgBM,EAAAA,CAAAA;GACjB,gBAACI,KAAAA,EAAAA,UAAGR,EAAAA,CAAAA;IACFG,KAAeD,KAAeG,MAC9B,gBAACT,GAAAA;IAAUU,WAAU;;KAClBH,KACC,gBAACR,GAAAA;MAAOc,SAASN;MAAaO,SAAQ;gBACpC,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;KAGHR,KACC,gBAACP,GAAAA;MAAOc,SAASP;gBACf,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;KAIHG,KACC,gBAACV,GAAAA;MAAOc,SAASJ;gBACf,gBAAA,GAAA,EAAA,IAAA,SAAA,CAAA;;;;;;AAOd;ACjBA,IAAaS,IAAQH,EAAgB,sDAAA,EAAwD;CAC3FI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,cAAc,EAAEC,UAAU,UAAU;EACpCC,OAAO;GAAED,UAAU;GAAWE,IAAI;EAAuC;CAC3E;CACAE,QAAQ,OAAO,EAAEC,YAASC,iBAKjB,EAAES,aAAYR,MAJAF,EAAQG,YAAYC,QAAQC,cAAcC,MAAM;EACnEC,YAAYN,EAAOO;EACnBC,UAAUR,EAAOQ;CACnB,CAAA,IAC6BE,QAAQ,KAAK;CAE5CC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,cAAc,iBAAiB,CAAA,EAC7D;CACAM,WAASC,4CAAA,WAAA;CACTE,YAAY,OAAO,EAAEnB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GACjB,EAAEQ,iBAAcP,GAIhBsB,IAAenC,EAFK,MAAOe,GAAYkB,KAAKC,qBAAqBhB,MAAAA,KAAY,CAAA,CAE9Cc;EAErC,IAAI,CAACG,EAAa,UAAa,CAACA,EAAa,SAC3C,MAAMpC,EAAS;GACbU,IAAI;GACJI,QAAQ,EAAEO,aAAU;EACtB,CAAA;CAEJ;AACF,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_flavorId-DVsGdXUf.mjs","names":["React","Stack","DescriptionList","DescriptionTerm","DescriptionDefinition","ContentHeading","ClipboardText","FlavorDetailsView","flavor","formatBytes","bytes","unit","direction","gap","className","alignTerms","text","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","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 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\"\nimport ClipboardText from \"@/client/components/ClipboardText\"\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>\n <ClipboardText text={flavor.id} />\n </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: {\n section: \"compute\",\n service: \"flavors\",\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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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_floatingIpId-DvTh6vdB.mjs","names":["createFileRoute","redirect","getServiceIndex","Route","staticData","section","service","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 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,EAAiE;CACpGI,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,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,IACwCE,uBAAuB,KAAK;CAEtEC,OAAO,EAAEC,qBAAkB,EACzBC,MAAM,CAAC,EAAEC,OAAOF,GAAYH,qBAAqB,cAAc,CAAA,EACjE;CACAM,WAASC,iDAAA,WAAA;CACTE,YAAY,OAAO,EAAEpB,YAASC,gBAAQ;EACpC,IAAM,EAAEE,kBAAeH,GAGjBwB,IAAepC,EADK,MAAOe,GAAYmB,KAAKC,qBAAqBjB,MAAAA,KAAY,CAAA,CAC9Ce;EAUrC,IAPI,CAACG,EAAa,WAOd,CAACA,EAAa,QAAW,SAC3B,MAAMrC,EAAS;GACbU,IAAI;GACJI,QAAQ,EAAEO,WAAWP,EAAOO,UAAU;EACxC,CAAA;CAEJ;AACF,CAAA"}
|