@cobaltcore-dev/aurora 0.2.2 → 0.3.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/AuroraApp.d.ts +10 -0
- package/dist/client/{ContentHeader-DtBiIwRY.mjs → ContentHeader-BXZoN3B9.mjs} +15 -15
- package/dist/client/{ContentHeader-DtBiIwRY.mjs.map → ContentHeader-BXZoN3B9.mjs.map} +1 -1
- package/dist/client/{DeleteFlavorModal-rmuYIafD.mjs → DeleteFlavorModal-BusYn32r.mjs} +148 -148
- package/dist/client/{DeleteFlavorModal-rmuYIafD.mjs.map → DeleteFlavorModal-BusYn32r.mjs.map} +1 -1
- package/dist/client/{EditSecurityGroupModal-B7Sz9puM.mjs → EditSecurityGroupModal-Dl6m7wUe.mjs} +16 -16
- package/dist/client/{EditSecurityGroupModal-B7Sz9puM.mjs.map → EditSecurityGroupModal-Dl6m7wUe.mjs.map} +1 -1
- package/dist/client/FiltersInput-BgNaHFBt.mjs +81 -0
- package/dist/client/FiltersInput-BgNaHFBt.mjs.map +1 -0
- package/dist/client/{FloatingIpActionModals-CfRJiZqD.mjs → FloatingIpActionModals-By2hXR9m.mjs} +51 -51
- package/dist/client/{FloatingIpActionModals-CfRJiZqD.mjs.map → FloatingIpActionModals-By2hXR9m.mjs.map} +1 -1
- package/dist/client/{ImageToastNotifications-Cw30RXsw.mjs → ImageToastNotifications-fHI8jB2j.mjs} +369 -369
- package/dist/client/{ImageToastNotifications-Cw30RXsw.mjs.map → ImageToastNotifications-fHI8jB2j.mjs.map} +1 -1
- package/dist/client/ListToolbar-BvtCo8dk.mjs +129 -0
- package/dist/client/ListToolbar-BvtCo8dk.mjs.map +1 -0
- package/dist/client/{RouteError-Cyto623-.mjs → RouteError-pDEWC_k7.mjs} +2 -2
- package/dist/client/{RouteError-Cyto623-.mjs.map → RouteError-pDEWC_k7.mjs.map} +1 -1
- package/dist/client/SortInput-DXWSqSny.mjs +34 -0
- package/dist/client/SortInput-DXWSqSny.mjs.map +1 -0
- package/dist/client/{_flavorId-B-1fYadl.mjs → _flavorId-BRonXvCo.mjs} +46 -46
- package/dist/client/_flavorId-BRonXvCo.mjs.map +1 -0
- package/dist/client/{_flavorId-BYfIHIV_.mjs → _flavorId-BoNcxYmF.mjs} +10 -10
- package/dist/client/_flavorId-BoNcxYmF.mjs.map +1 -0
- package/dist/client/_floatingIpId-BpUfL8Im2.mjs +228 -0
- package/dist/client/_floatingIpId-BpUfL8Im2.mjs.map +1 -0
- package/dist/client/{_floatingIpId-IrnN-ozB.mjs → _floatingIpId-CwHiXazi.mjs} +2 -2
- package/dist/client/{_floatingIpId-IrnN-ozB.mjs.map → _floatingIpId-CwHiXazi.mjs.map} +1 -1
- package/dist/client/{_imageId-Tx_9bqEc.mjs → _imageId-CdOOJjw0.mjs} +158 -158
- package/dist/client/_imageId-CdOOJjw0.mjs.map +1 -0
- package/dist/client/{_pcaId-CFuKY82d.mjs → _pcaId-CwlH1Kvl.mjs} +132 -132
- package/dist/client/{_pcaId-CFuKY82d.mjs.map → _pcaId-CwlH1Kvl.mjs.map} +1 -1
- package/dist/client/{_pcaId-Bck7S7gJ.mjs → _pcaId-D1ZEaCdp.mjs} +2 -2
- package/dist/client/{_pcaId-Bck7S7gJ.mjs.map → _pcaId-D1ZEaCdp.mjs.map} +1 -1
- package/dist/client/_projectId-D1gGribM.mjs +316 -0
- package/dist/client/_projectId-D1gGribM.mjs.map +1 -0
- package/dist/client/{_projectId-PSpuCKO7.mjs → _projectId-DhLpIalx.mjs} +9 -9
- package/dist/client/{_projectId-PSpuCKO7.mjs.map → _projectId-DhLpIalx.mjs.map} +1 -1
- package/dist/client/{_projectId-B1VjDd0Z.mjs → _projectId-Dj_InfSc.mjs} +3 -3
- package/dist/client/{_projectId-B1VjDd0Z.mjs.map → _projectId-Dj_InfSc.mjs.map} +1 -1
- package/dist/client/{_projectId-Pxp-RXK4.mjs → _projectId-OW2xkK43.mjs} +2 -2
- package/dist/client/{_projectId-Pxp-RXK4.mjs.map → _projectId-OW2xkK43.mjs.map} +1 -1
- package/dist/client/{_securityGroupId-VV2lUcGQ.mjs → _securityGroupId-B0llWH9A.mjs} +2 -2
- package/dist/client/{_securityGroupId-VV2lUcGQ.mjs.map → _securityGroupId-B0llWH9A.mjs.map} +1 -1
- package/dist/client/{_securityGroupId-Dqi6ddw4.mjs → _securityGroupId-gbUnd5Wv.mjs} +363 -363
- package/dist/client/{_securityGroupId-Dqi6ddw4.mjs.map → _securityGroupId-gbUnd5Wv.mjs.map} +1 -1
- package/dist/client/{about-B2AzqxFI.mjs → about-DCe6LsKz.mjs} +8 -8
- package/dist/client/{about-B2AzqxFI.mjs.map → about-DCe6LsKz.mjs.map} +1 -1
- package/dist/client/{build-Cf7iWbpH.mjs → build-BJDfnAyi.mjs} +1573 -1564
- package/dist/client/{build-Cf7iWbpH.mjs.map → build-BJDfnAyi.mjs.map} +1 -1
- package/dist/client/{buildFilterParams-ngVK3ybs.mjs → buildFilterParams-By33pG59.mjs} +1 -1
- package/dist/client/{buildFilterParams-ngVK3ybs.mjs.map → buildFilterParams-By33pG59.mjs.map} +1 -1
- package/dist/client/{constants-CCgR6fKI.mjs → constants-CAjjRTo_.mjs} +9 -9
- package/dist/client/{constants-CCgR6fKI.mjs.map → constants-CAjjRTo_.mjs.map} +1 -1
- package/dist/client/{containers-BWERuY0O.mjs → containers-BuXUVb1N.mjs} +811 -811
- package/dist/client/{containers-BWERuY0O.mjs.map → containers-BuXUVb1N.mjs.map} +1 -1
- package/dist/client/{containers-Cs5vOeR2.mjs → containers-Ca5V1EBS.mjs} +1 -1
- package/dist/client/containers-Ca5V1EBS.mjs.map +1 -0
- package/dist/client/{containers-DovytjVP.mjs → containers-NW7RnHTI.mjs} +6 -6
- package/dist/client/containers-NW7RnHTI.mjs.map +1 -0
- package/dist/client/flavors-BXPYAFyQ.mjs.map +1 -1
- package/dist/client/{flavors-CUiALHcB.mjs → flavors-D8oElC2K.mjs} +2 -2
- package/dist/client/{flavors-CUiALHcB.mjs.map → flavors-D8oElC2K.mjs.map} +1 -1
- package/dist/client/flavors-qvgPSI7J.mjs +613 -0
- package/dist/client/flavors-qvgPSI7J.mjs.map +1 -0
- package/dist/client/{floatingips-BrjDiY2t.mjs → floatingips-Be3zLoaD.mjs} +126 -126
- package/dist/client/{floatingips-BrjDiY2t.mjs.map → floatingips-Be3zLoaD.mjs.map} +1 -1
- package/dist/client/{images-BZP3pBqj.mjs → images-BiEBENaj.mjs} +2 -2
- package/dist/client/{images-BZP3pBqj.mjs.map → images-BiEBENaj.mjs.map} +1 -1
- package/dist/client/images-CCYBAphP2.mjs +1900 -0
- package/dist/client/images-CCYBAphP2.mjs.map +1 -0
- package/dist/client/images-DM9I8G0p.mjs.map +1 -1
- package/dist/client/index.d.ts +2 -1
- package/dist/client/index.js +410 -412
- package/dist/client/index.js.map +1 -1
- package/dist/client/{network-SCVadZsv.mjs → network-nbSbl0X0.mjs} +1 -1
- package/dist/client/{network-SCVadZsv.mjs.map → network-nbSbl0X0.mjs.map} +1 -1
- package/dist/client/{objects-D4zBka5e.mjs → objects-CU5ws07o.mjs} +6 -6
- package/dist/client/objects-CU5ws07o.mjs.map +1 -0
- package/dist/client/objects-FXN0VWLI.mjs +4760 -0
- package/dist/client/{objects-Cw4Vu01M.mjs.map → objects-FXN0VWLI.mjs.map} +1 -1
- package/dist/client/{objects-B4yrYf_a.mjs → objects-GmuIOaHd.mjs} +1 -1
- package/dist/client/objects-GmuIOaHd.mjs.map +1 -0
- package/dist/client/{overview-BtIXpYBo.mjs → overview-B3gdnWTG.mjs} +2 -2
- package/dist/client/{overview-BtIXpYBo.mjs.map → overview-B3gdnWTG.mjs.map} +1 -1
- package/dist/client/{overview-2J54-loz.mjs → overview-DzYBiNfD.mjs} +2 -2
- package/dist/client/{overview-2J54-loz.mjs.map → overview-DzYBiNfD.mjs.map} +1 -1
- package/dist/client/{overview-D0AAvsmL.mjs → overview-EhfPY8Je.mjs} +2 -2
- package/dist/client/{overview-D0AAvsmL.mjs.map → overview-EhfPY8Je.mjs.map} +1 -1
- package/dist/client/{overview-BnmukbFh.mjs → overview-XueZI4LQ.mjs} +7 -7
- package/dist/client/{overview-BnmukbFh.mjs.map → overview-XueZI4LQ.mjs.map} +1 -1
- package/dist/client/{pca-BqZycwCu.mjs → pca-DSM71LhW.mjs} +2 -2
- package/dist/client/{pca-BqZycwCu.mjs.map → pca-DSM71LhW.mjs.map} +1 -1
- package/dist/client/{pca-V2aaOxZA.mjs → pca-x9if8xU-.mjs} +59 -59
- package/dist/client/{pca-V2aaOxZA.mjs.map → pca-x9if8xU-.mjs.map} +1 -1
- package/dist/client/{projects-jyIHL6DE.mjs → projects-B6BPo2Ar.mjs} +2 -2
- package/dist/client/projects-B6BPo2Ar.mjs.map +1 -0
- package/dist/client/{projects-BsN4bvU2.mjs → projects-BilrmHLu.mjs} +1 -1
- package/dist/client/projects-BilrmHLu.mjs.map +1 -0
- package/dist/client/{projects-0feOw_b6.mjs → projects-Bt0XptpG.mjs} +2 -2
- package/dist/client/projects-Bt0XptpG.mjs.map +1 -0
- package/dist/client/projects-CnmZIB2Q.mjs +95 -0
- package/dist/client/projects-CnmZIB2Q.mjs.map +1 -0
- package/dist/client/{securitygroups-B4MkSBtI.mjs → securitygroups-BdzieS7Z.mjs} +121 -121
- package/dist/client/{securitygroups-B4MkSBtI.mjs.map → securitygroups-BdzieS7Z.mjs.map} +1 -1
- package/dist/client/{useListWithFiltering-CEDh1LO-.mjs → useListWithFiltering-CqQbAjEe.mjs} +1 -1
- package/dist/client/{useListWithFiltering-CEDh1LO-.mjs.map → useListWithFiltering-CqQbAjEe.mjs.map} +1 -1
- package/package.json +2 -2
- package/dist/client/ListToolbar-DuazvsAu.mjs +0 -223
- package/dist/client/ListToolbar-DuazvsAu.mjs.map +0 -1
- package/dist/client/_flavorId-B-1fYadl.mjs.map +0 -1
- package/dist/client/_flavorId-BYfIHIV_.mjs.map +0 -1
- package/dist/client/_floatingIpId-FQ5P2qMV.mjs +0 -228
- package/dist/client/_floatingIpId-FQ5P2qMV.mjs.map +0 -1
- package/dist/client/_imageId-Tx_9bqEc.mjs.map +0 -1
- package/dist/client/_projectId-Bs4W9hos.mjs +0 -283
- package/dist/client/_projectId-Bs4W9hos.mjs.map +0 -1
- package/dist/client/containers-Cs5vOeR2.mjs.map +0 -1
- package/dist/client/containers-DovytjVP.mjs.map +0 -1
- package/dist/client/flavors-Bovz-I2U.mjs +0 -565
- package/dist/client/flavors-Bovz-I2U.mjs.map +0 -1
- package/dist/client/images-DaaCUXMI.mjs +0 -1797
- package/dist/client/images-DaaCUXMI.mjs.map +0 -1
- package/dist/client/objects-B4yrYf_a.mjs.map +0 -1
- package/dist/client/objects-Cw4Vu01M.mjs +0 -4760
- package/dist/client/objects-D4zBka5e.mjs.map +0 -1
- package/dist/client/projects-0feOw_b6.mjs.map +0 -1
- package/dist/client/projects-BsN4bvU2.mjs.map +0 -1
- package/dist/client/projects-C1IYOvFQ.mjs +0 -144
- package/dist/client/projects-C1IYOvFQ.mjs.map +0 -1
- package/dist/client/projects-jyIHL6DE.mjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flavors-qvgPSI7J.mjs","names":["DataGrid","DataGridHeadCell","DataGridRow","DataGridCell","ContentHeading","PopupMenu","PopupMenuOptions","PopupMenuItem","Spinner","Stack","Pagination","DeleteFlavorModal","useState","EditSpecModal","ManageAccessModal","Link","useParams","useNavigate","FlavorListContainer","flavors","isLoading","client","project","onFlavorDeleted","canDeleteFlavor","canMangageAccess","currentPage","totalPages","onPageChange","useLingui","navigate","deleteModalOpen","setDeleteModalOpen","specModalOpen","setSpecModalOpen","accessModalOpen","setAccessModalOpen","selectedFlavor","setSelectedFlavor","projectId","from","openDeleteModal","flavor","openSpecModal","openAccessModal","closeDeleteModal","handleDeleteSuccess","name","div","data-testid","colSpan","distribution","alignment","variant","length","columns","className","p","minContentColumns","map","id","onClick","to","params","flavorId","vcpus","ram","disk","swap","e","stopPropagation","t","label","pages","onPressPrevious","Math","max","onPressNext","min","onSelectChange","page","isOpen","onClose","onSuccess","validateField","field","value","t","undefined","idStr","String","trim","idRegex","test","msg","nameStr","length","vcpus","Number","isNaN","ram","disk","swap","rxtx","str","ephemeral","cleanFlavorData","flavor","result","name","isValidValue","isValidNumber","id","description","rxtx_factor","Boolean","React","useState","Modal","Form","FormRow","FormSection","TextInput","Message","Spinner","Stack","Checkbox","validateField","cleanFlavorData","useErrorTranslation","CreateFlavorModal","client","isOpen","onClose","project","onSuccess","useLingui","translateError","newFlavor","setNewFlavor","errors","setErrors","isLoading","setIsLoading","generalError","setGeneralError","handleInputChange","e","name","value","type","checked","target","prev","newState","handleNumericInputChange","handleBlur","error","handleSubmit","preventDefault","newErrors","requiredFields","forEach","key","optionalFields","undefined","Object","keys","length","t","flavorData","compute","createFlavor","mutate","project_id","flavor","handleClose","errorMessage","message","dismissError","onCancel","size","title","open","onConfirm","cancelButtonLabel","confirmButtonLabel","distribution","alignment","variant","onDismiss","text","id","label","onChange","onBlur","errortext","required","description","String","vcpus","Number","ram","disk","swap","defaultValue","rxtx_factor","helptext","use","Suspense","useState","useRef","startTransition","useEffect","useCallback","useSearch","useNavigate","TRPCClientError","Message","Button","Stack","Spinner","DataGridToolbar","SearchInput","SortInput","FlavorListContainer","CreateFlavorModal","PAGE_SIZE","createFlavorsPromise","client","project","sortBy","sortDirection","searchTerm","compute","getFlavorsByProjectId","query","project_id","then","res","listError","undefined","catch","err","data","code","flavors","privateFlavorError","message","createPermissionsPromise","canUser","permission","canCreate","canDelete","canManageAccess","FlavorsContent","flavorsPromise","permissionsPromise","onFlavorDeleted","onFlavorCreated","setSearchTerm","sortSettings","handleSortChange","createModalOpen","setCreateModalOpen","currentPage","onPageChange","useLingui","permissions","localSearchTerm","setLocalSearchTerm","debounceTimer","clearTimeout","current","p","totalPages","Math","max","ceil","length","safePage","min","paginatedFlavors","slice","isOpen","onClose","onSuccess","className","text","t","variant","distribution","alignment","gap","options","onSortByChange","v","onSortDirectionChange","dir","label","onClick","placeholder","data-testid","value","onInput","e","currentTarget","window","setTimeout","onSearch","onClear","isLoading","canDeleteFlavor","canMangageAccess","Flavors","navigate","searchParams","strict","setSortSettings","search","page","success","setSuccess","setFlavorsPromise","refetchFlavors","handleFlavorDeleted","flavorName","timestamp","Date","now","handleFlavorCreated","newSortSettings","settings","toString","prev","replace","handleSearchChange","term","searchValue","handlePageChange","div","onDismiss","dismissible","fallback","direction","size","useLingui","Flavors","ContentHeader","Route","RouteComponent","t","projectId","useParams","trpcClient","useRouteContext","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/FlavorListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/flavorValidation.ts","../../src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/-components/CreateFlavorModal.tsx","../../src/client/routes/_auth/projects/$projectId/compute/-components/Flavors/List.tsx","../../src/client/routes/_auth/projects/$projectId/compute/flavors/index.tsx?tsr-split=component"],"sourcesContent":["import { Flavor } from \"@/server/Compute/types/flavor\"\nimport {\n DataGrid,\n DataGridHeadCell,\n DataGridRow,\n DataGridCell,\n ContentHeading,\n PopupMenu,\n PopupMenuOptions,\n PopupMenuItem,\n Spinner,\n Stack,\n Pagination,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { DeleteFlavorModal } from \"./DeleteFlavorModal\"\nimport { useState } from \"react\"\nimport { TrpcClient } from \"@/client/trpcClient\"\nimport { EditSpecModal } from \"./EditSpecModal\"\nimport { ManageAccessModal } from \"./ManageAccessModal\"\nimport { Link, useParams, useNavigate } from \"@tanstack/react-router\"\n\ninterface FlavorListContainerProps {\n flavors?: Flavor[]\n isLoading: boolean\n client: TrpcClient\n project: string\n onFlavorDeleted?: (flavorName: string) => void\n canDeleteFlavor?: boolean\n canMangageAccess?: boolean\n currentPage?: number\n totalPages?: number\n onPageChange?: (page: number) => void\n}\n\nexport const FlavorListContainer = ({\n flavors,\n isLoading,\n client,\n project,\n onFlavorDeleted,\n canDeleteFlavor,\n canMangageAccess,\n currentPage = 1,\n totalPages = 1,\n onPageChange,\n}: FlavorListContainerProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const [deleteModalOpen, setDeleteModalOpen] = useState(false)\n const [specModalOpen, setSpecModalOpen] = useState(false)\n const [accessModalOpen, setAccessModalOpen] = useState(false)\n const [selectedFlavor, setSelectedFlavor] = useState<Flavor | null>(null)\n\n const { projectId } = useParams({\n from: \"/_auth/projects/$projectId/compute/flavors/\",\n })\n\n const openDeleteModal = (flavor: Flavor) => {\n setSelectedFlavor(flavor)\n setDeleteModalOpen(true)\n }\n\n const openSpecModal = (flavor: Flavor) => {\n setSelectedFlavor(flavor)\n setSpecModalOpen(true)\n }\n\n const openAccessModal = (flavor: Flavor) => {\n setSelectedFlavor(flavor)\n setAccessModalOpen(true)\n }\n\n const closeDeleteModal = () => {\n setDeleteModalOpen(false)\n setSelectedFlavor(null)\n }\n\n const handleDeleteSuccess = () => {\n if (selectedFlavor && onFlavorDeleted) {\n onFlavorDeleted(selectedFlavor.name || \"\")\n }\n closeDeleteModal()\n }\n\n if (isLoading) {\n return (\n <div data-testid=\"loading\">\n <div data-testid=\"loading\">\n <DataGridRow>\n <DataGridCell colSpan={3}>\n <Stack distribution=\"center\" alignment=\"center\">\n <Spinner variant=\"primary\" />\n <Trans>Loading...</Trans>\n </Stack>\n </DataGridCell>\n </DataGridRow>\n </div>\n </div>\n )\n }\n\n if (!flavors || flavors.length === 0) {\n return (\n <DataGrid columns={7} className=\"flavors\" data-testid=\"no-flavors\">\n <DataGridRow>\n <DataGridCell colSpan={7}>\n <ContentHeading>\n <Trans>No flavors found</Trans>\n </ContentHeading>\n <p>\n <Trans>\n There are no flavors available for this project with the current filters applied. Try adjusting your\n filter criteria or create a new flavor.\n </Trans>\n </p>\n </DataGridCell>\n </DataGridRow>\n </DataGrid>\n )\n }\n\n return (\n <>\n <DataGrid columns={6} minContentColumns={[5]} className=\"flavors\" data-testid=\"flavors-table\">\n <DataGridRow>\n <DataGridHeadCell>\n <Trans>Name</Trans>\n </DataGridHeadCell>\n <DataGridHeadCell>\n <Trans>vCPU</Trans>\n </DataGridHeadCell>\n <DataGridHeadCell>\n <Trans>RAM (MiB)</Trans>\n </DataGridHeadCell>\n <DataGridHeadCell>\n <Trans>Root Disk (GiB)</Trans>\n </DataGridHeadCell>\n <DataGridHeadCell>\n <Trans>Swap (MiB)</Trans>\n </DataGridHeadCell>\n <DataGridHeadCell></DataGridHeadCell>\n </DataGridRow>\n\n {flavors.map((flavor) => (\n <DataGridRow\n key={flavor.id}\n data-testid={`flavor-row-${flavor.id}`}\n onClick={() =>\n navigate({\n to: \"/projects/$projectId/compute/flavors/$flavorId\",\n params: { projectId, flavorId: flavor.id },\n })\n }\n >\n <DataGridCell>{flavor.name || flavor.id}</DataGridCell>\n <DataGridCell>{flavor.vcpus || \"–\"}</DataGridCell>\n <DataGridCell>{flavor.ram || \"–\"}</DataGridCell>\n <DataGridCell>{flavor.disk || \"–\"}</DataGridCell>\n <DataGridCell>{flavor.swap || \"–\"}</DataGridCell>\n <DataGridCell onClick={(e) => e.stopPropagation()}>\n <PopupMenu>\n <PopupMenuOptions>\n <PopupMenuItem>\n <Link\n to=\"/projects/$projectId/compute/flavors/$flavorId\"\n params={{ projectId: projectId, flavorId: flavor.id }}\n className=\"text-theme-default\"\n >\n {t`Details`}\n </Link>\n </PopupMenuItem>\n <PopupMenuItem label={t`Metadata`} onClick={() => openSpecModal(flavor)} />\n\n {canMangageAccess && (\n <PopupMenuItem label={t`Manage Access`} onClick={() => openAccessModal(flavor)} />\n )}\n {canDeleteFlavor && (\n <PopupMenuItem label={t`Delete Flavor`} onClick={() => openDeleteModal(flavor)} />\n )}\n </PopupMenuOptions>\n </PopupMenu>\n </DataGridCell>\n </DataGridRow>\n ))}\n </DataGrid>\n {totalPages > 1 && (\n <div className=\"flex justify-center py-4\">\n <Pagination\n variant=\"input\"\n currentPage={currentPage}\n pages={totalPages}\n onPressPrevious={() => onPageChange?.(Math.max(currentPage - 1, 1))}\n onPressNext={() => onPageChange?.(Math.min(currentPage + 1, totalPages))}\n onSelectChange={(page) => onPageChange?.(page)}\n />\n </div>\n )}\n <DeleteFlavorModal\n client={client}\n isOpen={deleteModalOpen}\n onClose={closeDeleteModal}\n project={project}\n flavor={selectedFlavor}\n onSuccess={handleDeleteSuccess}\n />\n <EditSpecModal\n client={client}\n isOpen={specModalOpen}\n onClose={() => setSpecModalOpen(false)}\n project={project}\n flavor={selectedFlavor}\n />\n\n <ManageAccessModal\n client={client}\n isOpen={accessModalOpen}\n onClose={() => setAccessModalOpen(false)}\n project={project}\n flavor={selectedFlavor}\n />\n </>\n )\n}\n","import { msg } from \"@lingui/core/macro\"\nimport { MessageDescriptor } from \"@lingui/core\"\nimport { Flavor } from \"@/server/Compute/types/flavor\"\n\nexport const validateField = (\n field: FlavorFormField,\n value: string | number | boolean | null | undefined,\n t: (descriptor: MessageDescriptor) => string\n): string | undefined => {\n switch (field) {\n case \"id\":\n if (!value) return undefined\n {\n const idStr = String(value).trim()\n const idRegex = /^[a-zA-Z0-9.\\-_]*$/\n return idRegex.test(idStr)\n ? undefined\n : t(msg`ID must only contain alphanumeric characters, hyphens, underscores, and dots.`)\n }\n\n case \"name\": {\n const nameStr = String(value || \"\").trim()\n return nameStr.length >= 2 && nameStr.length <= 50 ? undefined : t(msg`Name must be 2-50 characters long.`)\n }\n\n case \"vcpus\": {\n const vcpus = Number(value)\n return !isNaN(vcpus) && vcpus >= 1 ? undefined : t(msg`VCPUs must be an integer ≥ 1.`)\n }\n\n case \"ram\": {\n const ram = Number(value)\n return !isNaN(ram) && ram >= 128 ? undefined : t(msg`RAM must be an integer ≥ 128 MB.`)\n }\n\n case \"disk\": {\n const disk = Number(value)\n return !isNaN(disk) && disk >= 0 ? undefined : t(msg`Root Disk must be an integer ≥ 0.`)\n }\n\n case \"swap\":\n if (value === \"\" || value === undefined || value === null) return undefined\n {\n const swap = Number(value)\n return !isNaN(swap) && swap >= 0 ? undefined : t(msg`Swap Disk must be an integer ≥ 0.`)\n }\n\n case \"rxtx_factor\": {\n const rxtx = Number(value)\n return !isNaN(rxtx) && rxtx >= 1 ? undefined : t(msg`RX/TX Factor must be an integer ≥ 1.`)\n }\n\n case \"description\":\n if (!value) return undefined\n {\n const str = String(value)\n return str.length < 65535 ? undefined : t(msg`Description must be less than 65535 characters.`)\n }\n\n case \"OS-FLV-EXT-DATA:ephemeral\": {\n const ephemeral = Number(value)\n return !isNaN(ephemeral) && ephemeral >= 0 ? undefined : t(msg`Ephemeral Disk must be an integer ≥ 0.`)\n }\n\n case \"os-flavor-access:is_public\": {\n if (value === undefined || value === null) {\n return undefined\n }\n if (typeof value === \"boolean\") {\n return undefined\n }\n if (typeof value === \"string\" && (value === \"true\" || value === \"false\")) {\n return undefined\n }\n return t(msg`Invalid value for public flavor setting.`)\n }\n\n default:\n return undefined\n }\n}\n\nexport type FlavorFormField =\n | \"id\"\n | \"name\"\n | \"vcpus\"\n | \"ram\"\n | \"disk\"\n | \"swap\"\n | \"description\"\n | \"rxtx_factor\"\n | \"OS-FLV-EXT-DATA:ephemeral\"\n | \"os-flavor-access:is_public\"\n\nexport interface FieldErrors {\n id?: string\n name?: string\n vcpus?: string\n ram?: string\n disk?: string\n swap?: string\n rxtx_factor?: string\n description?: string\n \"OS-FLV-EXT-DATA:ephemeral\"?: string\n \"os-flavor-access:is_public\"?: string\n}\n\nexport const cleanFlavorData = (flavor: Partial<Flavor>) => {\n const result: {\n name: string\n vcpus: number\n ram: number\n disk: number\n \"OS-FLV-EXT-DATA:ephemeral\"?: number\n id?: string\n swap?: number\n rxtx_factor?: number\n description?: string\n \"os-flavor-access:is_public\"?: boolean\n } = {\n name: String(flavor.name),\n vcpus: Number(flavor.vcpus),\n ram: Number(flavor.ram),\n disk: Number(flavor.disk),\n }\n\n const isValidValue = (value: string | undefined | null) => {\n return value !== undefined && value !== null && value !== \"\" && String(value).trim() !== \"\"\n }\n\n const isValidNumber = (value: string | number | undefined | null) => {\n return value !== undefined && value !== null && value !== \"\" && String(value).trim() !== \"\" && !isNaN(Number(value))\n }\n\n if (isValidValue(flavor.id)) {\n result.id = String(flavor.id).trim()\n }\n\n if (isValidValue(flavor.description)) {\n result.description = String(flavor.description).trim()\n }\n\n if (isValidNumber(flavor.swap)) {\n result.swap = Number(flavor.swap)\n }\n\n if (isValidNumber(flavor.rxtx_factor)) {\n result.rxtx_factor = Number(flavor.rxtx_factor)\n }\n\n if (isValidNumber(flavor[\"OS-FLV-EXT-DATA:ephemeral\"])) {\n result[\"OS-FLV-EXT-DATA:ephemeral\"] = Number(flavor[\"OS-FLV-EXT-DATA:ephemeral\"])\n }\n\n if (flavor[\"os-flavor-access:is_public\"] !== undefined) {\n result[\"os-flavor-access:is_public\"] = Boolean(flavor[\"os-flavor-access:is_public\"])\n }\n\n return result\n}\n","import React, { useState } from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { TrpcClient } from \"@/client/trpcClient\"\nimport {\n Modal,\n Form,\n FormRow,\n FormSection,\n TextInput,\n Message,\n Spinner,\n Stack,\n Checkbox,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Flavor } from \"@/server/Compute/types/flavor\"\nimport { validateField, FlavorFormField, FieldErrors } from \"./flavorValidation\"\nimport { cleanFlavorData } from \"./flavorValidation\"\nimport { useErrorTranslation } from \"@/client/utils/useErrorTranslation\"\n\ninterface CreateFlavorModalProps {\n client: TrpcClient\n isOpen: boolean\n onClose: () => void\n project: string\n onSuccess: (name: string) => void\n}\n\nexport const CreateFlavorModal: React.FC<CreateFlavorModalProps> = ({\n client,\n isOpen,\n onClose,\n project,\n onSuccess,\n}) => {\n const { t } = useLingui()\n const { translateError } = useErrorTranslation()\n const [newFlavor, setNewFlavor] = useState<Partial<Flavor>>({\n \"os-flavor-access:is_public\": true,\n })\n const [errors, setErrors] = useState<FieldErrors>({})\n const [isLoading, setIsLoading] = useState(false)\n const [generalError, setGeneralError] = useState<string | null>(null)\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const { name, value, type, checked } = e.target\n\n setNewFlavor((prev) => {\n const newState = {\n ...prev,\n [name]: type === \"checkbox\" ? checked : value,\n }\n\n return newState\n })\n if (generalError) setGeneralError(null)\n }\n\n const handleNumericInputChange = (name: FlavorFormField, value: number | undefined) => {\n setNewFlavor((prev) => ({\n ...prev,\n [name]: value,\n }))\n if (generalError) setGeneralError(null)\n }\n\n const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n const { name, value } = e.target\n const error = validateField(name as FlavorFormField, value, t)\n setErrors((prev) => ({\n ...prev,\n [name]: error,\n }))\n }\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault()\n setGeneralError(null)\n\n const newErrors: FieldErrors = {}\n\n const requiredFields: FlavorFormField[] = [\"name\", \"vcpus\", \"ram\", \"disk\"]\n requiredFields.forEach((key) => {\n const error = validateField(key, newFlavor[key], t)\n if (error) {\n newErrors[key] = error\n }\n })\n\n const optionalFields: FlavorFormField[] = [\n \"id\",\n \"swap\",\n \"OS-FLV-EXT-DATA:ephemeral\",\n \"rxtx_factor\",\n \"description\",\n \"os-flavor-access:is_public\",\n ]\n optionalFields.forEach((key) => {\n const value = newFlavor[key]\n\n if (value !== undefined && value !== \"\" && value !== null) {\n const error = validateField(key, value, t)\n if (error) {\n newErrors[key] = error\n }\n }\n })\n\n if (Object.keys(newErrors).length > 0) {\n setErrors(newErrors)\n setGeneralError(t`Please fix the validation errors below.`)\n return\n }\n\n try {\n setIsLoading(true)\n\n const flavorData = cleanFlavorData(newFlavor)\n\n await client.compute.createFlavor.mutate({\n project_id: project,\n flavor: flavorData,\n })\n\n onSuccess(flavorData.name)\n handleClose()\n } catch (error) {\n const errorMessage = (error as Error)?.message\n ? translateError((error as Error).message)\n : t`Failed to create flavor. Please try again.`\n setGeneralError(errorMessage)\n } finally {\n setIsLoading(false)\n }\n }\n\n const handleClose = () => {\n setNewFlavor({\n \"os-flavor-access:is_public\": true,\n })\n setErrors({})\n setGeneralError(null)\n onClose()\n }\n\n const dismissError = () => {\n setGeneralError(null)\n }\n\n return (\n <Modal\n onCancel={handleClose}\n size=\"large\"\n title={t`Create Flavor`}\n open={isOpen}\n onConfirm={handleSubmit}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Create New Flavor`}\n >\n {isLoading && (\n <Stack distribution=\"center\" alignment=\"center\">\n <Spinner variant=\"primary\" />\n </Stack>\n )}\n {!isLoading && (\n <Form>\n {generalError && (\n <FormRow>\n <Message onDismiss={dismissError} text={generalError} variant=\"error\" />\n </FormRow>\n )}\n\n <FormSection>\n <FormRow>\n <TextInput\n id=\"id\"\n name=\"id\"\n label={t`Flavor ID`}\n value={newFlavor.id || \"\"}\n onChange={handleInputChange}\n onBlur={handleBlur}\n errortext={errors.id}\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"name\"\n name=\"name\"\n label={t`Flavor Name`}\n value={newFlavor.name || \"\"}\n onChange={handleInputChange}\n onBlur={handleBlur}\n errortext={errors.name}\n required\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"description\"\n name=\"description\"\n label={t`Description`}\n value={newFlavor.description || \"\"}\n onChange={handleInputChange}\n onBlur={handleBlur}\n errortext={errors.description}\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"vcpus\"\n name=\"vcpus\"\n label={t`VCPUs`}\n value={String(newFlavor.vcpus || \"\")}\n onChange={(e) => handleNumericInputChange(\"vcpus\", Number(e.target.value))}\n onBlur={handleBlur}\n errortext={errors.vcpus}\n type=\"number\"\n required\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"ram\"\n name=\"ram\"\n label={t`RAM (MiB)`}\n value={String(newFlavor.ram || \"\")}\n onChange={(e) => handleNumericInputChange(\"ram\", Number(e.target.value))}\n onBlur={handleBlur}\n errortext={errors.ram}\n type=\"number\"\n required\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"disk\"\n name=\"disk\"\n label={t`Disk (GiB)`}\n value={String(newFlavor.disk || \"\")}\n onChange={(e) => handleNumericInputChange(\"disk\", Number(e.target.value))}\n onBlur={handleBlur}\n errortext={errors.disk}\n type=\"number\"\n required\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"OS-FLV-EXT-DATA:ephemeral\"\n name=\"OS-FLV-EXT-DATA:ephemeral\"\n label={t`Ephemeral Disk (GiB)`}\n value={String(newFlavor[\"OS-FLV-EXT-DATA:ephemeral\"] || \"\")}\n onChange={(e) => handleNumericInputChange(\"OS-FLV-EXT-DATA:ephemeral\", Number(e.target.value))}\n onBlur={handleBlur}\n errortext={errors[\"OS-FLV-EXT-DATA:ephemeral\"]}\n type=\"number\"\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"swap\"\n name=\"swap\"\n label={t`Swap (MiB)`}\n value={String(newFlavor.swap || \"\")}\n onChange={(e) => handleNumericInputChange(\"swap\", e.target.value ? Number(e.target.value) : undefined)}\n onBlur={handleBlur}\n errortext={errors.swap}\n type=\"number\"\n />\n </FormRow>\n <FormRow>\n <TextInput\n id=\"rxtx_factor\"\n name=\"rxtx_factor\"\n label={t`RX/TX Factor`}\n defaultValue={1}\n value={String(newFlavor.rxtx_factor || \"\")}\n onChange={(e) => handleNumericInputChange(\"rxtx_factor\", Number(e.target.value))}\n onBlur={handleBlur}\n errortext={errors.rxtx_factor}\n type=\"number\"\n />\n </FormRow>\n <FormRow>\n <Checkbox\n name=\"os-flavor-access:is_public\"\n label={t`Public Flavor`}\n helptext={t`If checked, this flavor will be available to all tenants. If unchecked, access must be explicitly granted to specific tenants.`}\n checked={!!newFlavor[\"os-flavor-access:is_public\"]}\n onChange={handleInputChange}\n />\n </FormRow>\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { use, Suspense, useState, useRef, startTransition, useEffect, useCallback } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useSearch, useNavigate } from \"@tanstack/react-router\"\nimport { TrpcClient } from \"@/client/trpcClient\"\nimport { Flavor } from \"@/server/Compute/types/flavor\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { Message, Button, Stack, Spinner, DataGridToolbar, SearchInput } from \"@cloudoperators/juno-ui-components\"\nimport { SortInput } from \"@/client/components/ListToolbar/SortInput\"\nimport { SortSettings } from \"@/client/components/ListToolbar/types\"\nimport { FlavorListContainer } from \"./-components/FlavorListContainer\"\nimport { CreateFlavorModal } from \"./-components/CreateFlavorModal\"\nimport type { FlavorsSearchParams } from \"@/client/routes/_auth/projects/$projectId/compute/flavors\"\n\nconst PAGE_SIZE = 50\n\ninterface FlavorsProps {\n client: TrpcClient\n project: string\n}\n\ntype RequiredSortSettings = {\n options: SortSettings[\"options\"]\n sortBy: string\n sortDirection: \"asc\" | \"desc\"\n}\n\nconst createFlavorsPromise = (\n client: TrpcClient,\n project: string,\n sortBy: string,\n sortDirection: string,\n searchTerm: string\n) => {\n return client.compute.getFlavorsByProjectId\n .query({ project_id: project, sortBy, sortDirection, searchTerm })\n .then((res) => ({ ...res, listError: undefined as string | undefined }))\n .catch((err: unknown) => {\n if (err instanceof TRPCClientError && err.data?.code === \"FORBIDDEN\") {\n return { flavors: [] as Flavor[], privateFlavorError: undefined, listError: err.message }\n }\n throw err\n })\n}\n\nconst createPermissionsPromise = (client: TrpcClient, project: string) => {\n return client.compute.canUser\n .query({\n project_id: project,\n permission: [\"flavors:create\", \"flavors:delete\", \"flavors:list_projects\"],\n })\n .then(([canCreate, canDelete, canManageAccess]) => ({ canCreate, canDelete, canManageAccess }))\n}\n\nfunction FlavorsContent({\n flavorsPromise,\n permissionsPromise,\n client,\n project,\n onFlavorDeleted,\n onFlavorCreated,\n searchTerm,\n setSearchTerm,\n sortSettings,\n handleSortChange,\n createModalOpen,\n setCreateModalOpen,\n currentPage,\n onPageChange,\n}: {\n flavorsPromise: Promise<{ flavors: Flavor[]; privateFlavorError?: string; listError?: string }>\n permissionsPromise: Promise<{ canCreate: boolean; canDelete: boolean; canManageAccess: boolean }>\n client: TrpcClient\n project: string\n onFlavorDeleted: (name: string) => void\n onFlavorCreated: (name: string) => void\n searchTerm: string\n setSearchTerm: (term: string) => void\n sortSettings: SortSettings\n handleSortChange: (settings: SortSettings) => void\n createModalOpen: boolean\n setCreateModalOpen: (open: boolean) => void\n currentPage: number\n onPageChange: (page: number) => void\n}) {\n const { t } = useLingui()\n const { flavors, privateFlavorError, listError } = use(flavorsPromise)\n const permissions = use(permissionsPromise)\n const [localSearchTerm, setLocalSearchTerm] = useState(searchTerm)\n const debounceTimer = useRef<number | undefined>(undefined)\n\n useEffect(() => () => clearTimeout(debounceTimer.current), [])\n\n if (listError) {\n return <p>{listError}</p>\n }\n\n const totalPages = Math.max(1, Math.ceil(flavors.length / PAGE_SIZE))\n const safePage = Math.min(currentPage, totalPages)\n const paginatedFlavors = flavors.slice((safePage - 1) * PAGE_SIZE, safePage * PAGE_SIZE)\n\n useEffect(() => {\n if (currentPage > totalPages) onPageChange(1)\n }, [totalPages, currentPage, onPageChange])\n\n return (\n <>\n <CreateFlavorModal\n client={client}\n isOpen={createModalOpen}\n project={project}\n onClose={() => setCreateModalOpen(false)}\n onSuccess={onFlavorCreated}\n />\n\n {privateFlavorError && (\n <Message\n className=\"mb-4\"\n text={t`Private flavors could not be loaded. You may be seeing an incomplete list.`}\n variant=\"warning\"\n />\n )}\n\n {/* Zone 1 — sort + create action, no background */}\n <Stack distribution=\"end\" alignment=\"center\" gap=\"2\" className=\"pb-2\">\n <Stack gap=\"0.5\">\n <SortInput\n options={sortSettings.options}\n sortBy={sortSettings.sortBy}\n sortDirection={sortSettings.sortDirection ?? \"asc\"}\n onSortByChange={(v) =>\n handleSortChange({ ...sortSettings, sortBy: v, sortDirection: sortSettings.sortDirection })\n }\n onSortDirectionChange={(dir) => handleSortChange({ ...sortSettings, sortDirection: dir })}\n />\n </Stack>\n {permissions.canCreate && (\n <Button variant=\"primary\" label={t`Create Flavor`} onClick={() => setCreateModalOpen(true)} />\n )}\n </Stack>\n\n {/* Zone 2 — search bar */}\n <DataGridToolbar>\n <Stack distribution=\"end\" alignment=\"center\">\n <SearchInput\n placeholder={t`Search flavors...`}\n data-testid=\"searchbar\"\n value={localSearchTerm}\n onInput={(e: React.FormEvent<HTMLInputElement>) => {\n const v = e.currentTarget.value\n setLocalSearchTerm(v)\n clearTimeout(debounceTimer.current)\n debounceTimer.current = window.setTimeout(() => setSearchTerm(v), 500)\n }}\n onSearch={(v) => {\n clearTimeout(debounceTimer.current)\n setSearchTerm(typeof v === \"string\" ? v : \"\")\n }}\n onClear={() => {\n clearTimeout(debounceTimer.current)\n setLocalSearchTerm(\"\")\n setSearchTerm(\"\")\n }}\n />\n </Stack>\n </DataGridToolbar>\n\n <FlavorListContainer\n flavors={paginatedFlavors}\n isLoading={false}\n client={client}\n project={project}\n onFlavorDeleted={onFlavorDeleted}\n canDeleteFlavor={permissions.canDelete}\n canMangageAccess={permissions.canManageAccess}\n currentPage={safePage}\n totalPages={totalPages}\n onPageChange={onPageChange}\n />\n </>\n )\n}\nexport const Flavors = ({ client, project }: FlavorsProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const searchParams = useSearch({ strict: false }) as FlavorsSearchParams\n\n const [sortSettings, setSortSettings] = useState<RequiredSortSettings>({\n options: [\n { label: t`Name`, value: \"name\" },\n { label: t`VCPUs`, value: \"vcpus\" },\n { label: t`RAM`, value: \"ram\" },\n { label: t`Root Disk`, value: \"disk\" },\n { label: t`Swap`, value: \"swap\" },\n ],\n sortBy: searchParams.sortBy || \"name\",\n sortDirection: searchParams.sortDirection || \"asc\",\n })\n\n const [searchTerm, setSearchTerm] = useState(searchParams.search || \"\")\n const currentPage = searchParams.page ?? 1\n const [success, setSuccess] = useState<{ message: string; timestamp: number } | undefined>()\n const [createModalOpen, setCreateModalOpen] = useState(false)\n\n const [flavorsPromise, setFlavorsPromise] = useState(() =>\n createFlavorsPromise(client, project, sortSettings.sortBy, sortSettings.sortDirection, searchTerm)\n )\n const [permissionsPromise] = useState(() => createPermissionsPromise(client, project))\n\n const refetchFlavors = () => {\n startTransition(() => {\n setFlavorsPromise(\n createFlavorsPromise(client, project, sortSettings.sortBy, sortSettings.sortDirection, searchTerm)\n )\n })\n }\n\n const handleFlavorDeleted = (flavorName: string) => {\n setSuccess({\n message: t`Flavor \"${flavorName}\" has been successfully deleted.`,\n timestamp: Date.now(),\n })\n setTimeout(() => setSuccess(undefined), 5000)\n refetchFlavors()\n }\n\n const handleFlavorCreated = (flavorName: string) => {\n setSuccess({\n message: t`Flavor \"${flavorName}\" has been successfully created.`,\n timestamp: Date.now(),\n })\n setTimeout(() => setSuccess(undefined), 5000)\n refetchFlavors()\n }\n\n const handleSortChange = (newSortSettings: SortSettings) => {\n const settings: RequiredSortSettings = {\n options: newSortSettings.options,\n sortBy: newSortSettings.sortBy?.toString() || \"name\",\n sortDirection: newSortSettings.sortDirection || \"asc\",\n }\n\n setSortSettings(settings)\n navigate({\n search: ((prev: FlavorsSearchParams) => ({\n ...prev,\n sortBy: settings.sortBy,\n sortDirection: settings.sortDirection,\n page: undefined,\n })) as unknown as true,\n replace: true,\n })\n startTransition(() => {\n setFlavorsPromise(createFlavorsPromise(client, project, settings.sortBy, settings.sortDirection, searchTerm))\n })\n }\n\n const handleSearchChange = (term: string | number | string[] | undefined) => {\n const searchValue = typeof term === \"string\" ? term : \"\"\n setSearchTerm(searchValue)\n\n navigate({\n search: ((prev: FlavorsSearchParams) => ({\n ...prev,\n search: searchValue || undefined,\n page: undefined,\n })) as unknown as true,\n replace: true,\n })\n startTransition(() => {\n setFlavorsPromise(\n createFlavorsPromise(client, project, sortSettings.sortBy, sortSettings.sortDirection, searchValue)\n )\n })\n }\n\n const handlePageChange = useCallback(\n (page: number) => {\n navigate({\n search: ((prev: FlavorsSearchParams) => ({\n ...prev,\n page: page === 1 ? undefined : page,\n })) as unknown as true,\n })\n },\n [navigate]\n )\n\n return (\n <div className=\"relative\">\n {success && (\n <Message\n className=\"absolute -top-14 right-0 left-0 z-50\"\n text={success.message}\n variant=\"info\"\n onDismiss={() => setSuccess(undefined)}\n dismissible\n />\n )}\n\n <Suspense\n fallback={\n <Stack className=\"fixed inset-0\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n <Trans>Loading Flavors...</Trans>\n </Stack>\n }\n >\n <FlavorsContent\n flavorsPromise={flavorsPromise}\n permissionsPromise={permissionsPromise}\n client={client}\n project={project}\n onFlavorDeleted={handleFlavorDeleted}\n onFlavorCreated={handleFlavorCreated}\n searchTerm={searchTerm}\n setSearchTerm={handleSearchChange}\n sortSettings={sortSettings}\n handleSortChange={handleSortChange}\n createModalOpen={createModalOpen}\n setCreateModalOpen={setCreateModalOpen}\n currentPage={currentPage}\n onPageChange={handlePageChange}\n />\n </Suspense>\n </div>\n )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { Flavors } from \"../-components/Flavors/List\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/compute/flavors/\")({\n staticData: {\n section: \"compute\",\n service: \"flavors\",\n sectionCrumb: { labelKey: \"Compute\" },\n crumb: { labelKey: \"Flavors\" },\n } satisfies RouteInfo,\n head: () => ({ meta: [{ title: t`Flavors` }] }),\n component: RouteComponent,\n})\n\nfunction RouteComponent() {\n const { t } = useLingui()\n const { projectId } = Route.useParams()\n const { trpcClient } = Route.useRouteContext()\n return (\n <>\n <ContentHeader title={t`Flavors`} projectId={projectId} />\n <Flavors project={projectId} client={trpcClient!} />\n </>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { E as e, G as t, I as n, M as r, Q as i, T as a, U as o, Y as s, at as c, c as l, d as u, et as d, j as f, n as p, nt as m, ot as h, q as g, r as _, s as v } from "./build-BJDfnAyi.mjs";
|
|
2
2
|
import { r as y } from "./trpcClient-BxguzNYF.mjs";
|
|
3
3
|
import { c as b, n as x, p as S } from "./md-BivyCkGC.mjs";
|
|
4
4
|
import { t as C } from "./useModal-DxxlilRm.mjs";
|
|
5
|
-
import { t as w } from "./
|
|
6
|
-
import { t as T } from "./useProjectId-CgOTejka.mjs";
|
|
5
|
+
import { t as w } from "./useProjectId-CgOTejka.mjs";
|
|
7
6
|
import "./hooks-D0krAKvo.mjs";
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
7
|
+
import { t as T } from "./FloatingIpActionModals-By2hXR9m.mjs";
|
|
8
|
+
import { t as E } from "./ListToolbar-BvtCo8dk.mjs";
|
|
9
|
+
import { t as D } from "./buildFilterParams-By33pG59.mjs";
|
|
10
|
+
import { t as O } from "./useListWithFiltering-CqQbAjEe.mjs";
|
|
11
11
|
import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
|
|
12
12
|
import { useNavigate as M } from "@tanstack/react-router";
|
|
13
13
|
import { Trans as N, useLingui as P } from "@lingui/react";
|
|
@@ -47,91 +47,91 @@ var z = {
|
|
|
47
47
|
I._({ id: "7NC3vm" }),
|
|
48
48
|
I._({ id: "Nu4oKW" }),
|
|
49
49
|
""
|
|
50
|
-
], V = ({ floatingIp:
|
|
51
|
-
let { i18n:
|
|
50
|
+
], V = ({ floatingIp: t }) => {
|
|
51
|
+
let { i18n: i, _: a } = P(), o = M(), c = w(), l = () => {
|
|
52
52
|
o({
|
|
53
53
|
to: "/projects/$projectId/network/floatingips/$floatingIpId",
|
|
54
54
|
params: {
|
|
55
|
-
projectId:
|
|
56
|
-
floatingIpId:
|
|
55
|
+
projectId: c,
|
|
56
|
+
floatingIpId: t.id
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
59
|
};
|
|
60
|
-
return /* @__PURE__ */ j(
|
|
61
|
-
"data-testid": `floating-ip-row-${
|
|
62
|
-
onClick:
|
|
60
|
+
return /* @__PURE__ */ j(n, {
|
|
61
|
+
"data-testid": `floating-ip-row-${t.id}`,
|
|
62
|
+
onClick: l,
|
|
63
63
|
children: [
|
|
64
|
-
/* @__PURE__ */ A(
|
|
64
|
+
/* @__PURE__ */ A(r, { children: /* @__PURE__ */ j("div", {
|
|
65
65
|
className: "flex items-center gap-2",
|
|
66
|
-
children: [z[
|
|
66
|
+
children: [z[t.status].icon, z[t.status].text]
|
|
67
67
|
}) }),
|
|
68
|
-
/* @__PURE__ */ A(
|
|
69
|
-
/* @__PURE__ */ A(
|
|
70
|
-
/* @__PURE__ */ A(
|
|
71
|
-
/* @__PURE__ */ A(
|
|
72
|
-
/* @__PURE__ */ A(
|
|
68
|
+
/* @__PURE__ */ A(r, { children: t.floating_ip_address }),
|
|
69
|
+
/* @__PURE__ */ A(r, { children: t.fixed_ip_address || "—" }),
|
|
70
|
+
/* @__PURE__ */ A(r, { children: t.floating_network_id }),
|
|
71
|
+
/* @__PURE__ */ A(r, { children: t.description || "—" }),
|
|
72
|
+
/* @__PURE__ */ A(r, {
|
|
73
73
|
onClick: (e) => e.stopPropagation(),
|
|
74
74
|
className: "items-end pr-0",
|
|
75
|
-
children: /* @__PURE__ */ A(
|
|
76
|
-
floatingIp:
|
|
77
|
-
children: ({ toggleEditModal:
|
|
78
|
-
/* @__PURE__ */ A(
|
|
79
|
-
label:
|
|
80
|
-
onClick:
|
|
75
|
+
children: /* @__PURE__ */ A(T, {
|
|
76
|
+
floatingIp: t,
|
|
77
|
+
children: ({ toggleEditModal: t, toggleAttachModal: n, toggleDetachModal: r, toggleReleaseModal: a }) => /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j(e, { children: [
|
|
78
|
+
/* @__PURE__ */ A(s, {
|
|
79
|
+
label: i._({ id: "rdUucN" }),
|
|
80
|
+
onClick: l
|
|
81
81
|
}),
|
|
82
|
-
/* @__PURE__ */ A(
|
|
83
|
-
label:
|
|
84
|
-
onClick: e
|
|
85
|
-
}),
|
|
86
|
-
/* @__PURE__ */ A(c, {
|
|
87
|
-
label: n._({ id: "igVDFt" }),
|
|
82
|
+
/* @__PURE__ */ A(s, {
|
|
83
|
+
label: i._({ id: "n22YIM" }),
|
|
88
84
|
onClick: t
|
|
89
85
|
}),
|
|
90
|
-
/* @__PURE__ */ A(
|
|
91
|
-
label:
|
|
86
|
+
/* @__PURE__ */ A(s, {
|
|
87
|
+
label: i._({ id: "igVDFt" }),
|
|
88
|
+
onClick: n
|
|
89
|
+
}),
|
|
90
|
+
/* @__PURE__ */ A(s, {
|
|
91
|
+
label: i._({ id: "FOcBn3" }),
|
|
92
92
|
onClick: r
|
|
93
93
|
}),
|
|
94
|
-
/* @__PURE__ */ A(
|
|
95
|
-
label:
|
|
96
|
-
onClick:
|
|
94
|
+
/* @__PURE__ */ A(s, {
|
|
95
|
+
label: i._({ id: "H+a5j6" }),
|
|
96
|
+
onClick: a
|
|
97
97
|
})
|
|
98
98
|
] }) })
|
|
99
99
|
})
|
|
100
100
|
})
|
|
101
101
|
]
|
|
102
|
-
},
|
|
103
|
-
}, H = ({ floatingIps:
|
|
104
|
-
let { i18n:
|
|
105
|
-
return
|
|
102
|
+
}, t.id);
|
|
103
|
+
}, H = ({ floatingIps: e, isLoading: a, isError: s, error: c }) => {
|
|
104
|
+
let { i18n: l, _: u } = P(), d = B();
|
|
105
|
+
return a ? /* @__PURE__ */ j(m, {
|
|
106
106
|
className: "py-8",
|
|
107
107
|
distribution: "center",
|
|
108
108
|
alignment: "center",
|
|
109
109
|
direction: "vertical",
|
|
110
|
-
children: [/* @__PURE__ */ A(
|
|
110
|
+
children: [/* @__PURE__ */ A(i, {
|
|
111
111
|
variant: "primary",
|
|
112
112
|
size: "large",
|
|
113
113
|
className: "mb-2"
|
|
114
114
|
}), /* @__PURE__ */ A(N, { id: "Z3FXyt" })]
|
|
115
|
-
}) :
|
|
115
|
+
}) : s ? /* @__PURE__ */ A(m, {
|
|
116
116
|
className: "py-8",
|
|
117
117
|
distribution: "center",
|
|
118
118
|
alignment: "center",
|
|
119
119
|
direction: "vertical",
|
|
120
|
-
children:
|
|
121
|
-
}) :
|
|
122
|
-
columns:
|
|
120
|
+
children: c?.message ?? l._({ id: "+Nx1wc" })
|
|
121
|
+
}) : e.length === 0 ? /* @__PURE__ */ A(o, {
|
|
122
|
+
columns: d.length,
|
|
123
123
|
className: "floating-ips",
|
|
124
124
|
"data-testid": "no-floating-ips",
|
|
125
|
-
children: /* @__PURE__ */ A(
|
|
126
|
-
colSpan:
|
|
127
|
-
children: [/* @__PURE__ */ A(
|
|
125
|
+
children: /* @__PURE__ */ A(n, { children: /* @__PURE__ */ j(r, {
|
|
126
|
+
colSpan: d.length,
|
|
127
|
+
children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ A(N, { id: "WCLyHI" }) }), /* @__PURE__ */ A("p", { children: /* @__PURE__ */ A(N, { id: "0eY8Mz" }) })]
|
|
128
128
|
}) })
|
|
129
|
-
}) : /* @__PURE__ */ j(
|
|
130
|
-
columns:
|
|
131
|
-
children: [/* @__PURE__ */ A(
|
|
129
|
+
}) : /* @__PURE__ */ j(o, {
|
|
130
|
+
columns: d.length,
|
|
131
|
+
children: [/* @__PURE__ */ A(n, { children: d.map((e) => /* @__PURE__ */ A(t, { children: e }, e)) }), e.map((e) => /* @__PURE__ */ A(V, { floatingIp: e }, e.id))]
|
|
132
132
|
});
|
|
133
133
|
}, U = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}$/, W = /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(([0-9a-fA-F]{1,4}:){1,7}:)|(([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2})|(([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3})|(([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4})|(([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5})|([0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6}))|(:((:[0-9a-fA-F]{1,4}){1,7}|:))|(::([fF]{4}(:0{1,4})?:)?((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|(([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})))$/, G = (e) => U.test(e) || W.test(e), K = /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)*[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/, q = ({ open: e, onClose: t }) => {
|
|
134
|
-
let { i18n:
|
|
134
|
+
let { i18n: n, _: r } = P(), o = w(), s = y.useUtils(), { isPending: l, ...d } = y.network.floatingIp.create.useMutation({ onSettled: () => s.network.floatingIp.list.invalidate() }), { data: f = [], isLoading: m, error: b } = y.network.floatingIp.listExternalNetworks.useQuery({ project_id: o }), { data: x = [], isLoading: S, error: C } = y.network.floatingIp.listDnsDomains.useQuery({ project_id: o }), { data: T = [], isLoading: E, error: D } = y.network.floatingIp.listAvailablePorts.useQuery({ project_id: o }), O = L({
|
|
135
135
|
defaultValues: {
|
|
136
136
|
floating_network_id: "",
|
|
137
137
|
dns_domain: "",
|
|
@@ -144,16 +144,16 @@ var z = {
|
|
|
144
144
|
validators: { onSubmit: F.object({
|
|
145
145
|
floating_network_id: F.string(),
|
|
146
146
|
dns_domain: F.string(),
|
|
147
|
-
dns_name: F.string().trim().max(63,
|
|
148
|
-
description: F.string().trim().max(255,
|
|
149
|
-
floating_ip_address: F.string().trim().refine((e) => e === "" || G(e), { message:
|
|
147
|
+
dns_name: F.string().trim().max(63, n._({ id: "Zq6Y5u" })).refine((e) => e === "" || K.test(e), { message: n._({ id: "R6kcsL" }) }),
|
|
148
|
+
description: F.string().trim().max(255, n._({ id: "lZvIXd" })),
|
|
149
|
+
floating_ip_address: F.string().trim().refine((e) => e === "" || G(e), { message: n._({ id: "AZyHwC" }) }),
|
|
150
150
|
port_id: F.string(),
|
|
151
151
|
fixed_ip_address: F.string()
|
|
152
152
|
}) },
|
|
153
153
|
onSubmit: async ({ value: e }) => {
|
|
154
|
-
|
|
155
|
-
project_id:
|
|
156
|
-
tenant_id:
|
|
154
|
+
l || (await d.mutateAsync({
|
|
155
|
+
project_id: o,
|
|
156
|
+
tenant_id: o,
|
|
157
157
|
floating_network_id: e.floating_network_id,
|
|
158
158
|
...e.dns_domain && { dns_domain: e.dns_domain },
|
|
159
159
|
...e.dns_name && { dns_name: e.dns_name },
|
|
@@ -164,172 +164,172 @@ var z = {
|
|
|
164
164
|
}), k());
|
|
165
165
|
}
|
|
166
166
|
}), k = () => {
|
|
167
|
-
|
|
168
|
-
}, M = R(O.store, (e) => e.values.port_id), I = R(O.store, (e) => e.values.floating_network_id), z =
|
|
169
|
-
return /* @__PURE__ */ j(
|
|
167
|
+
l || (O.reset(), d.reset(), t());
|
|
168
|
+
}, M = R(O.store, (e) => e.values.port_id), I = R(O.store, (e) => e.values.floating_network_id), z = T.find((e) => e.id === M)?.fixed_ips ?? [], B = (b?.message || C?.message || D?.message) ?? d.error?.message ?? null;
|
|
169
|
+
return /* @__PURE__ */ j(h, {
|
|
170
170
|
open: e,
|
|
171
171
|
size: "large",
|
|
172
|
-
title:
|
|
172
|
+
title: n._({ id: "h99+4y" }),
|
|
173
173
|
onCancel: k,
|
|
174
|
-
cancelButtonLabel:
|
|
175
|
-
confirmButtonLabel:
|
|
174
|
+
cancelButtonLabel: n._({ id: "dEgA5A" }),
|
|
175
|
+
confirmButtonLabel: n._({ id: "9X8lAk" }),
|
|
176
176
|
onConfirm: O.handleSubmit,
|
|
177
|
-
disableConfirmButton:
|
|
177
|
+
disableConfirmButton: l || !I,
|
|
178
178
|
children: [
|
|
179
|
-
B && /* @__PURE__ */ A(
|
|
179
|
+
B && /* @__PURE__ */ A(g, {
|
|
180
180
|
dismissible: !1,
|
|
181
181
|
variant: "error",
|
|
182
182
|
className: "mb-4",
|
|
183
183
|
children: B
|
|
184
184
|
}),
|
|
185
|
-
|
|
185
|
+
l && /* @__PURE__ */ j("div", {
|
|
186
186
|
className: "mb-4 flex items-center justify-center gap-2",
|
|
187
|
-
children: [/* @__PURE__ */ A(
|
|
187
|
+
children: [/* @__PURE__ */ A(i, { variant: "primary" }), /* @__PURE__ */ A("span", {
|
|
188
188
|
className: "text-theme-high text-sm",
|
|
189
189
|
children: /* @__PURE__ */ A(N, { id: "HuA8iQ" })
|
|
190
190
|
})]
|
|
191
191
|
}),
|
|
192
|
-
!
|
|
192
|
+
!l && /* @__PURE__ */ j(c, {
|
|
193
193
|
className: "mb-0",
|
|
194
194
|
id: "allocate-floating-ip-form",
|
|
195
195
|
onSubmit: (e) => {
|
|
196
196
|
e.preventDefault(), O.handleSubmit();
|
|
197
197
|
},
|
|
198
198
|
children: [
|
|
199
|
-
/* @__PURE__ */ A(
|
|
199
|
+
/* @__PURE__ */ A(p, {
|
|
200
200
|
className: "mb-4",
|
|
201
201
|
children: /* @__PURE__ */ A(O.Field, {
|
|
202
202
|
name: "floating_network_id",
|
|
203
|
-
children: (e) => /* @__PURE__ */ A(
|
|
203
|
+
children: (e) => /* @__PURE__ */ A(_, {
|
|
204
204
|
id: e.name,
|
|
205
205
|
name: e.name,
|
|
206
206
|
value: e.state.value,
|
|
207
207
|
onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
|
|
208
|
-
label:
|
|
209
|
-
helptext:
|
|
210
|
-
placeholder:
|
|
211
|
-
disabled:
|
|
208
|
+
label: n._({ id: "kA2lMP" }),
|
|
209
|
+
helptext: n._({ id: "BoIAP6" }),
|
|
210
|
+
placeholder: n._({ id: "T6Gm5y" }),
|
|
211
|
+
disabled: l || m,
|
|
212
212
|
required: !0,
|
|
213
|
-
loading:
|
|
214
|
-
children:
|
|
213
|
+
loading: m,
|
|
214
|
+
children: f.map(({ id: e, name: t }) => /* @__PURE__ */ A(u, {
|
|
215
215
|
value: e,
|
|
216
216
|
label: t ? `${t} (${e})` : e
|
|
217
217
|
}, e))
|
|
218
218
|
})
|
|
219
219
|
})
|
|
220
220
|
}),
|
|
221
|
-
/* @__PURE__ */ A(
|
|
221
|
+
/* @__PURE__ */ A(p, {
|
|
222
222
|
className: "mb-4",
|
|
223
223
|
children: /* @__PURE__ */ A(O.Field, {
|
|
224
224
|
name: "dns_domain",
|
|
225
|
-
children: (e) => /* @__PURE__ */ A(
|
|
225
|
+
children: (e) => /* @__PURE__ */ A(_, {
|
|
226
226
|
id: e.name,
|
|
227
227
|
name: e.name,
|
|
228
228
|
value: e.state.value,
|
|
229
229
|
onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
|
|
230
|
-
label:
|
|
231
|
-
helptext:
|
|
232
|
-
disabled:
|
|
230
|
+
label: n._({ id: "WlpcJv" }),
|
|
231
|
+
helptext: n._({ id: "1ojTVo" }),
|
|
232
|
+
disabled: l || S,
|
|
233
233
|
loading: S,
|
|
234
|
-
children: x.map(({ id: e, name: t }) => /* @__PURE__ */ A(
|
|
234
|
+
children: x.map(({ id: e, name: t }) => /* @__PURE__ */ A(u, {
|
|
235
235
|
value: t,
|
|
236
236
|
label: t
|
|
237
237
|
}, e))
|
|
238
238
|
})
|
|
239
239
|
})
|
|
240
240
|
}),
|
|
241
|
-
/* @__PURE__ */ A(
|
|
241
|
+
/* @__PURE__ */ A(p, {
|
|
242
242
|
className: "mb-4",
|
|
243
243
|
children: /* @__PURE__ */ A(O.Field, {
|
|
244
244
|
name: "dns_name",
|
|
245
|
-
children: (e) => /* @__PURE__ */ A(
|
|
245
|
+
children: (e) => /* @__PURE__ */ A(a, {
|
|
246
246
|
id: e.name,
|
|
247
247
|
name: e.name,
|
|
248
248
|
value: e.state.value,
|
|
249
249
|
onBlur: e.handleBlur,
|
|
250
250
|
onChange: (t) => e.handleChange(t.target.value),
|
|
251
|
-
label:
|
|
252
|
-
placeholder:
|
|
253
|
-
helptext:
|
|
251
|
+
label: n._({ id: "eGEHJE" }),
|
|
252
|
+
placeholder: n._({ id: "SLEH7X" }),
|
|
253
|
+
helptext: n._({ id: "Tx4Ym+" }),
|
|
254
254
|
errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
|
|
255
|
-
disabled:
|
|
255
|
+
disabled: l
|
|
256
256
|
})
|
|
257
257
|
})
|
|
258
258
|
}),
|
|
259
|
-
/* @__PURE__ */ A(
|
|
259
|
+
/* @__PURE__ */ A(p, {
|
|
260
260
|
className: "mb-4",
|
|
261
261
|
children: /* @__PURE__ */ A(O.Field, {
|
|
262
262
|
name: "description",
|
|
263
|
-
children: (e) => /* @__PURE__ */ A(
|
|
263
|
+
children: (e) => /* @__PURE__ */ A(v, {
|
|
264
264
|
id: e.name,
|
|
265
265
|
name: e.name,
|
|
266
266
|
value: e.state.value,
|
|
267
267
|
onBlur: e.handleBlur,
|
|
268
268
|
onChange: (t) => e.handleChange(t.target.value),
|
|
269
|
-
placeholder:
|
|
269
|
+
placeholder: n._({ id: "Nu4oKW" }),
|
|
270
270
|
errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
|
|
271
|
-
disabled:
|
|
271
|
+
disabled: l
|
|
272
272
|
})
|
|
273
273
|
})
|
|
274
274
|
}),
|
|
275
|
-
/* @__PURE__ */ A(
|
|
275
|
+
/* @__PURE__ */ A(p, {
|
|
276
276
|
className: "mb-4",
|
|
277
277
|
children: /* @__PURE__ */ A(O.Field, {
|
|
278
278
|
name: "floating_ip_address",
|
|
279
|
-
children: (e) => /* @__PURE__ */ A(
|
|
279
|
+
children: (e) => /* @__PURE__ */ A(a, {
|
|
280
280
|
id: e.name,
|
|
281
281
|
name: e.name,
|
|
282
282
|
value: e.state.value,
|
|
283
283
|
onBlur: e.handleBlur,
|
|
284
284
|
onChange: (t) => e.handleChange(t.target.value),
|
|
285
|
-
label:
|
|
286
|
-
placeholder:
|
|
287
|
-
helptext:
|
|
285
|
+
label: n._({ id: "xNG/3n" }),
|
|
286
|
+
placeholder: n._({ id: "5/wyf8" }),
|
|
287
|
+
helptext: n._({ id: "PAKSdy" }),
|
|
288
288
|
errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
|
|
289
|
-
disabled:
|
|
289
|
+
disabled: l
|
|
290
290
|
})
|
|
291
291
|
})
|
|
292
292
|
}),
|
|
293
|
-
/* @__PURE__ */ A(
|
|
293
|
+
/* @__PURE__ */ A(p, {
|
|
294
294
|
className: "mb-4",
|
|
295
295
|
children: /* @__PURE__ */ A(O.Field, {
|
|
296
296
|
name: "port_id",
|
|
297
|
-
children: (e) => /* @__PURE__ */ A(
|
|
297
|
+
children: (e) => /* @__PURE__ */ A(_, {
|
|
298
298
|
id: e.name,
|
|
299
299
|
name: e.name,
|
|
300
300
|
value: e.state.value,
|
|
301
301
|
onChange: (t) => {
|
|
302
302
|
let n = typeof t == "string" ? t : "";
|
|
303
303
|
e.handleChange(n);
|
|
304
|
-
let r =
|
|
304
|
+
let r = T.find((e) => e.id === n)?.fixed_ips ?? [];
|
|
305
305
|
O.setFieldValue("fixed_ip_address", r.length === 1 ? r[0].ip_address : "");
|
|
306
306
|
},
|
|
307
|
-
label:
|
|
308
|
-
placeholder:
|
|
307
|
+
label: n._({ id: "eks7oA" }),
|
|
308
|
+
placeholder: n._({ id: "UztfYZ" }),
|
|
309
309
|
errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
|
|
310
|
-
disabled:
|
|
310
|
+
disabled: l || E,
|
|
311
311
|
loading: E,
|
|
312
|
-
children:
|
|
312
|
+
children: T.map((e) => /* @__PURE__ */ A(u, {
|
|
313
313
|
value: e.id,
|
|
314
314
|
label: e.name ? `${e.name} (${e.id})` : e.id
|
|
315
315
|
}, e.id))
|
|
316
316
|
})
|
|
317
317
|
})
|
|
318
318
|
}),
|
|
319
|
-
/* @__PURE__ */ A(
|
|
319
|
+
/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(O.Field, {
|
|
320
320
|
name: "fixed_ip_address",
|
|
321
|
-
children: (e) => /* @__PURE__ */ A(
|
|
321
|
+
children: (e) => /* @__PURE__ */ A(_, {
|
|
322
322
|
id: e.name,
|
|
323
323
|
name: e.name,
|
|
324
324
|
value: e.state.value,
|
|
325
325
|
onBlur: e.handleBlur,
|
|
326
326
|
onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
|
|
327
|
-
label:
|
|
328
|
-
placeholder:
|
|
329
|
-
helptext:
|
|
327
|
+
label: n._({ id: "Nc7QKU" }),
|
|
328
|
+
placeholder: n._({ id: "i41Xuw" }),
|
|
329
|
+
helptext: n._({ id: "PtjzS+" }),
|
|
330
330
|
errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
|
|
331
|
-
disabled:
|
|
332
|
-
children: z.map(({ ip_address: e }) => /* @__PURE__ */ A(
|
|
331
|
+
disabled: l || z.length === 0,
|
|
332
|
+
children: z.map(({ ip_address: e }) => /* @__PURE__ */ A(u, {
|
|
333
333
|
value: e,
|
|
334
334
|
label: e
|
|
335
335
|
}, e))
|
|
@@ -340,7 +340,7 @@ var z = {
|
|
|
340
340
|
]
|
|
341
341
|
});
|
|
342
342
|
}, J = "fixed_ip_address", Y = "asc", X = () => {
|
|
343
|
-
let { i18n: e, _: t } = P(), n =
|
|
343
|
+
let { i18n: e, _: t } = P(), n = w(), [r, i] = C(!1), { searchTerm: a, handleSearchChange: o, sortSettings: s, handleSortChange: c, filterSettings: u, handleFilterChange: d } = O({
|
|
344
344
|
defaultSortKey: J,
|
|
345
345
|
defaultSortDir: Y,
|
|
346
346
|
sortOptions: [
|
|
@@ -387,33 +387,33 @@ var z = {
|
|
|
387
387
|
],
|
|
388
388
|
supportsMultiValue: !1
|
|
389
389
|
}] }
|
|
390
|
-
}), { data:
|
|
390
|
+
}), { data: f = [], isLoading: p, isError: m, error: h } = y.network.floatingIp.list.useQuery({
|
|
391
391
|
project_id: n,
|
|
392
392
|
sort_key: s.sortBy,
|
|
393
393
|
sort_dir: s.sortDirection,
|
|
394
|
-
...D(
|
|
394
|
+
...D(u),
|
|
395
395
|
...a ? { searchTerm: a } : {}
|
|
396
396
|
});
|
|
397
397
|
return /* @__PURE__ */ j("div", {
|
|
398
398
|
className: "relative",
|
|
399
399
|
children: [
|
|
400
|
-
/* @__PURE__ */ A(
|
|
400
|
+
/* @__PURE__ */ A(E, {
|
|
401
401
|
searchTerm: a,
|
|
402
402
|
onSearch: o,
|
|
403
403
|
sortSettings: s,
|
|
404
404
|
onSort: c,
|
|
405
|
-
filterSettings:
|
|
406
|
-
onFilter:
|
|
407
|
-
actions: /* @__PURE__ */ A(
|
|
405
|
+
filterSettings: u,
|
|
406
|
+
onFilter: d,
|
|
407
|
+
actions: /* @__PURE__ */ A(l, {
|
|
408
408
|
variant: "primary",
|
|
409
409
|
label: e._({ id: "h99+4y" }),
|
|
410
410
|
onClick: i
|
|
411
411
|
})
|
|
412
412
|
}),
|
|
413
413
|
/* @__PURE__ */ A(H, {
|
|
414
|
-
floatingIps:
|
|
415
|
-
isLoading:
|
|
416
|
-
isError:
|
|
414
|
+
floatingIps: f,
|
|
415
|
+
isLoading: p,
|
|
416
|
+
isError: m,
|
|
417
417
|
error: h
|
|
418
418
|
}),
|
|
419
419
|
r && /* @__PURE__ */ A(q, {
|
|
@@ -427,9 +427,9 @@ var z = {
|
|
|
427
427
|
//#region src/client/routes/_auth/projects/$projectId/network/floatingips/index.tsx?tsr-split=component
|
|
428
428
|
function Z() {
|
|
429
429
|
let { i18n: e, _: t } = P();
|
|
430
|
-
return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(
|
|
430
|
+
return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(f, { children: e._({ id: "u77/s4" }) }), /* @__PURE__ */ A(X, {})] });
|
|
431
431
|
}
|
|
432
432
|
//#endregion
|
|
433
433
|
export { Z as component };
|
|
434
434
|
|
|
435
|
-
//# sourceMappingURL=floatingips-
|
|
435
|
+
//# sourceMappingURL=floatingips-Be3zLoaD.mjs.map
|