@backstage/plugin-kubernetes-react 0.5.16-next.0 → 0.5.16-next.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/CHANGELOG.md +9 -0
- package/dist/components/Cluster/Cluster.esm.js +14 -4
- package/dist/components/Cluster/Cluster.esm.js.map +1 -1
- package/dist/components/PersistentVolumesAccordions/PersistentVolumesAccordions.esm.js +112 -0
- package/dist/components/PersistentVolumesAccordions/PersistentVolumesAccordions.esm.js.map +1 -0
- package/dist/components/PersistentVolumesAccordions/PersistentVolumesDrawer.esm.js +49 -0
- package/dist/components/PersistentVolumesAccordions/PersistentVolumesDrawer.esm.js.map +1 -0
- package/dist/components/PersistentVolumesAccordions/PersistentVolumesTable.esm.js +113 -0
- package/dist/components/PersistentVolumesAccordions/PersistentVolumesTable.esm.js.map +1 -0
- package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsAccordions.esm.js +117 -0
- package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsAccordions.esm.js.map +1 -0
- package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsDrawer.esm.js +49 -0
- package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsDrawer.esm.js.map +1 -0
- package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsTable.esm.js +100 -0
- package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsTable.esm.js.map +1 -0
- package/dist/hooks/GroupedResponses.esm.js +3 -1
- package/dist/hooks/GroupedResponses.esm.js.map +1 -1
- package/dist/utils/persistentVolumes.esm.js +22 -0
- package/dist/utils/persistentVolumes.esm.js.map +1 -0
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @backstage/plugin-kubernetes-react
|
|
2
2
|
|
|
3
|
+
## 0.5.16-next.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- ce3639c: Add PersistentVolume and PersistentVolumeClaims Rendering
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
- @backstage/plugin-kubernetes-common@0.9.10-next.1
|
|
10
|
+
- @backstage/core-components@0.18.7-next.1
|
|
11
|
+
|
|
3
12
|
## 0.5.16-next.0
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -14,10 +14,21 @@ import { ConfigmapsAccordions } from '../ConfigmapsAccordions/ConfigmapsAccordio
|
|
|
14
14
|
import { CronJobsAccordions } from '../CronJobsAccordions/CronJobsAccordions.esm.js';
|
|
15
15
|
import { CustomResources } from '../CustomResources/CustomResources.esm.js';
|
|
16
16
|
import { DaemonSetsAccordions } from '../DaemonSetsAccordions/DaemonSetsAccordions.esm.js';
|
|
17
|
+
import { PersistentVolumesAccordions } from '../PersistentVolumesAccordions/PersistentVolumesAccordions.esm.js';
|
|
18
|
+
import '../KubernetesDrawer/KubernetesStructuredMetadataTableDrawer.esm.js';
|
|
19
|
+
import '../KubernetesDrawer/KubernetesDrawer.esm.js';
|
|
20
|
+
import { StatusOK, StatusError } from '@backstage/core-components';
|
|
21
|
+
import '@material-ui/core/FormControlLabel';
|
|
22
|
+
import '@material-ui/core/Switch';
|
|
23
|
+
import 'js-yaml';
|
|
24
|
+
import 'react';
|
|
25
|
+
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
26
|
+
import { kubernetesReactTranslationRef } from '../../translation.esm.js';
|
|
27
|
+
import '@material-ui/core/Chip';
|
|
28
|
+
import { PersistentVolumeClaimsAccordions } from '../PersistentVolumesClaimsAccordions/PersistentVolumeClaimsAccordions.esm.js';
|
|
17
29
|
import '@backstage/core-plugin-api';
|
|
18
30
|
import 'react-use/esm/useAsync';
|
|
19
31
|
import '../../api/types.esm.js';
|
|
20
|
-
import 'react';
|
|
21
32
|
import 'react-use/esm/useInterval';
|
|
22
33
|
import 'react-use/esm/useAsyncRetry';
|
|
23
34
|
import '../../kubernetes-auth-provider/types.esm.js';
|
|
@@ -27,9 +38,6 @@ import { GroupedResponsesContext } from '../../hooks/GroupedResponses.esm.js';
|
|
|
27
38
|
import { ClusterContext } from '../../hooks/Cluster.esm.js';
|
|
28
39
|
import { PodMetricsContext } from '../../hooks/usePodMetrics.esm.js';
|
|
29
40
|
import '../../hooks/useMatchingErrors.esm.js';
|
|
30
|
-
import { StatusOK, StatusError } from '@backstage/core-components';
|
|
31
|
-
import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
|
|
32
|
-
import { kubernetesReactTranslationRef } from '../../translation.esm.js';
|
|
33
41
|
import { SecretsAccordions } from '../SecretsAccordions/SecretsAccordions.esm.js';
|
|
34
42
|
|
|
35
43
|
const ClusterSummary = ({
|
|
@@ -105,6 +113,8 @@ const Cluster = ({ clusterObjects, podsWithErrors }) => {
|
|
|
105
113
|
groupedResponses.services.length > 0 ? /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(ServicesAccordions, {}) }) : void 0,
|
|
106
114
|
groupedResponses.configMaps.length > 0 ? /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(ConfigmapsAccordions, {}) }) : void 0,
|
|
107
115
|
groupedResponses.secrets.length > 0 ? /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(SecretsAccordions, {}) }) : void 0,
|
|
116
|
+
groupedResponses.persistentVolumes.length > 0 ? /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PersistentVolumesAccordions, {}) }) : void 0,
|
|
117
|
+
groupedResponses.persistentVolumeClaims.length > 0 ? /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(PersistentVolumeClaimsAccordions, {}) }) : void 0,
|
|
108
118
|
groupedResponses.cronJobs.length > 0 ? /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(CronJobsAccordions, {}) }) : void 0
|
|
109
119
|
] }) })
|
|
110
120
|
] }) }) }) }) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cluster.esm.js","sources":["../../../src/components/Cluster/Cluster.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport {\n ClientPodStatus,\n ClusterObjects,\n groupResponses,\n} from '@backstage/plugin-kubernetes-common';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { DeploymentsAccordions } from '../DeploymentsAccordions';\nimport { StatefulSetsAccordions } from '../StatefulSetsAccordions';\nimport { IngressesAccordions } from '../IngressesAccordions';\nimport { ServicesAccordions } from '../ServicesAccordions';\nimport { ConfigmapsAccordions } from '../ConfigmapsAccordions';\nimport { CronJobsAccordions } from '../CronJobsAccordions';\nimport { CustomResources } from '../CustomResources';\nimport { DaemonSetsAccordions } from '../DaemonSetsAccordions';\nimport {\n ClusterContext,\n GroupedResponsesContext,\n PodNamesWithErrorsContext,\n} from '../../hooks';\n\nimport { StatusError, StatusOK } from '@backstage/core-components';\nimport { PodMetricsContext } from '../../hooks/usePodMetrics';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../translation';\nimport { SecretsAccordions } from '../SecretsAccordions';\n\ntype ClusterSummaryProps = {\n clusterName: string;\n totalNumberOfPods: number;\n numberOfPodsWithErrors: number;\n children?: ReactNode;\n};\n\nconst ClusterSummary = ({\n clusterName,\n totalNumberOfPods,\n numberOfPodsWithErrors,\n}: ClusterSummaryProps) => {\n const { t } = useTranslationRef(kubernetesReactTranslationRef);\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid\n xs={6}\n item\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid item xs>\n <Typography variant=\"body1\">{clusterName}</Typography>\n <Typography color=\"textSecondary\" variant=\"subtitle1\">\n {t('cluster.label')}\n </Typography>\n </Grid>\n </Grid>\n <Grid\n item\n container\n xs={3}\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-end\"\n spacing={0}\n >\n <Grid item>\n <StatusOK>{t('cluster.pods', { count: totalNumberOfPods })}</StatusOK>\n </Grid>\n <Grid item>\n {numberOfPodsWithErrors > 0 ? (\n <StatusError>\n {t('cluster.podsWithErrors', { count: numberOfPodsWithErrors })}\n </StatusError>\n ) : (\n <StatusOK>{t('cluster.noPodsWithErrors')}</StatusOK>\n )}\n </Grid>\n </Grid>\n </Grid>\n );\n};\n\n/**\n * Props for Cluster\n *\n * @public\n */\nexport type ClusterProps = {\n clusterObjects: ClusterObjects;\n podsWithErrors: Set<string>;\n children?: ReactNode;\n};\n\n/**\n * Component for rendering Kubernetes resources in a cluster\n *\n * @public\n */\nexport const Cluster = ({ clusterObjects, podsWithErrors }: ClusterProps) => {\n const groupedResponses = groupResponses(clusterObjects.resources);\n\n const podMetricsMap = new Map<string, ClientPodStatus[]>();\n podMetricsMap.set(clusterObjects.cluster.name, clusterObjects.podMetrics);\n return (\n <ClusterContext.Provider value={clusterObjects.cluster}>\n <GroupedResponsesContext.Provider value={groupedResponses}>\n <PodMetricsContext.Provider value={podMetricsMap}>\n <PodNamesWithErrorsContext.Provider value={podsWithErrors}>\n <Accordion TransitionProps={{ unmountOnExit: true }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <ClusterSummary\n clusterName={\n clusterObjects.cluster.title || clusterObjects.cluster.name\n }\n totalNumberOfPods={groupedResponses.pods.length}\n numberOfPodsWithErrors={podsWithErrors.size}\n />\n </AccordionSummary>\n <AccordionDetails>\n <Grid container direction=\"column\">\n {groupedResponses.customResources.length > 0 ? (\n <Grid item>\n <CustomResources />\n </Grid>\n ) : undefined}\n {groupedResponses.deployments.length > 0 ? (\n <Grid item>\n <DeploymentsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.daemonSets.length > 0 ? (\n <Grid item>\n <DaemonSetsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.statefulsets.length > 0 ? (\n <Grid item>\n <StatefulSetsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.ingresses.length > 0 ? (\n <Grid item>\n <IngressesAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.services.length > 0 ? (\n <Grid item>\n <ServicesAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.configMaps.length > 0 ? (\n <Grid item>\n <ConfigmapsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.secrets.length > 0 ? (\n <Grid item>\n <SecretsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.cronJobs.length > 0 ? (\n <Grid item>\n <CronJobsAccordions />\n </Grid>\n ) : undefined}\n </Grid>\n </AccordionDetails>\n </Accordion>\n </PodNamesWithErrorsContext.Provider>\n </PodMetricsContext.Provider>\n </GroupedResponsesContext.Provider>\n </ClusterContext.Provider>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Cluster.esm.js","sources":["../../../src/components/Cluster/Cluster.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport {\n ClientPodStatus,\n ClusterObjects,\n groupResponses,\n} from '@backstage/plugin-kubernetes-common';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { DeploymentsAccordions } from '../DeploymentsAccordions';\nimport { StatefulSetsAccordions } from '../StatefulSetsAccordions';\nimport { IngressesAccordions } from '../IngressesAccordions';\nimport { ServicesAccordions } from '../ServicesAccordions';\nimport { ConfigmapsAccordions } from '../ConfigmapsAccordions';\nimport { CronJobsAccordions } from '../CronJobsAccordions';\nimport { CustomResources } from '../CustomResources';\nimport { DaemonSetsAccordions } from '../DaemonSetsAccordions';\nimport { PersistentVolumesAccordions } from '../PersistentVolumesAccordions';\nimport { PersistentVolumeClaimsAccordions } from '../PersistentVolumesClaimsAccordions';\nimport {\n ClusterContext,\n GroupedResponsesContext,\n PodNamesWithErrorsContext,\n} from '../../hooks';\n\nimport { StatusError, StatusOK } from '@backstage/core-components';\nimport { PodMetricsContext } from '../../hooks/usePodMetrics';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../translation';\nimport { SecretsAccordions } from '../SecretsAccordions';\n\ntype ClusterSummaryProps = {\n clusterName: string;\n totalNumberOfPods: number;\n numberOfPodsWithErrors: number;\n children?: ReactNode;\n};\n\nconst ClusterSummary = ({\n clusterName,\n totalNumberOfPods,\n numberOfPodsWithErrors,\n}: ClusterSummaryProps) => {\n const { t } = useTranslationRef(kubernetesReactTranslationRef);\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid\n xs={6}\n item\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid item xs>\n <Typography variant=\"body1\">{clusterName}</Typography>\n <Typography color=\"textSecondary\" variant=\"subtitle1\">\n {t('cluster.label')}\n </Typography>\n </Grid>\n </Grid>\n <Grid\n item\n container\n xs={3}\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-end\"\n spacing={0}\n >\n <Grid item>\n <StatusOK>{t('cluster.pods', { count: totalNumberOfPods })}</StatusOK>\n </Grid>\n <Grid item>\n {numberOfPodsWithErrors > 0 ? (\n <StatusError>\n {t('cluster.podsWithErrors', { count: numberOfPodsWithErrors })}\n </StatusError>\n ) : (\n <StatusOK>{t('cluster.noPodsWithErrors')}</StatusOK>\n )}\n </Grid>\n </Grid>\n </Grid>\n );\n};\n\n/**\n * Props for Cluster\n *\n * @public\n */\nexport type ClusterProps = {\n clusterObjects: ClusterObjects;\n podsWithErrors: Set<string>;\n children?: ReactNode;\n};\n\n/**\n * Component for rendering Kubernetes resources in a cluster\n *\n * @public\n */\nexport const Cluster = ({ clusterObjects, podsWithErrors }: ClusterProps) => {\n const groupedResponses = groupResponses(clusterObjects.resources);\n\n const podMetricsMap = new Map<string, ClientPodStatus[]>();\n podMetricsMap.set(clusterObjects.cluster.name, clusterObjects.podMetrics);\n return (\n <ClusterContext.Provider value={clusterObjects.cluster}>\n <GroupedResponsesContext.Provider value={groupedResponses}>\n <PodMetricsContext.Provider value={podMetricsMap}>\n <PodNamesWithErrorsContext.Provider value={podsWithErrors}>\n <Accordion TransitionProps={{ unmountOnExit: true }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <ClusterSummary\n clusterName={\n clusterObjects.cluster.title || clusterObjects.cluster.name\n }\n totalNumberOfPods={groupedResponses.pods.length}\n numberOfPodsWithErrors={podsWithErrors.size}\n />\n </AccordionSummary>\n <AccordionDetails>\n <Grid container direction=\"column\">\n {groupedResponses.customResources.length > 0 ? (\n <Grid item>\n <CustomResources />\n </Grid>\n ) : undefined}\n {groupedResponses.deployments.length > 0 ? (\n <Grid item>\n <DeploymentsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.daemonSets.length > 0 ? (\n <Grid item>\n <DaemonSetsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.statefulsets.length > 0 ? (\n <Grid item>\n <StatefulSetsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.ingresses.length > 0 ? (\n <Grid item>\n <IngressesAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.services.length > 0 ? (\n <Grid item>\n <ServicesAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.configMaps.length > 0 ? (\n <Grid item>\n <ConfigmapsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.secrets.length > 0 ? (\n <Grid item>\n <SecretsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.persistentVolumes.length > 0 ? (\n <Grid item>\n <PersistentVolumesAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.persistentVolumeClaims.length > 0 ? (\n <Grid item>\n <PersistentVolumeClaimsAccordions />\n </Grid>\n ) : undefined}\n {groupedResponses.cronJobs.length > 0 ? (\n <Grid item>\n <CronJobsAccordions />\n </Grid>\n ) : undefined}\n </Grid>\n </AccordionDetails>\n </Accordion>\n </PodNamesWithErrorsContext.Provider>\n </PodMetricsContext.Provider>\n </GroupedResponsesContext.Provider>\n </ClusterContext.Provider>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useContext } from 'react';
|
|
3
|
+
import Accordion from '@material-ui/core/Accordion';
|
|
4
|
+
import AccordionDetails from '@material-ui/core/AccordionDetails';
|
|
5
|
+
import AccordionSummary from '@material-ui/core/AccordionSummary';
|
|
6
|
+
import Grid from '@material-ui/core/Grid';
|
|
7
|
+
import Typography from '@material-ui/core/Typography';
|
|
8
|
+
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
|
|
9
|
+
import { PersistentVolumesTable } from './PersistentVolumesTable.esm.js';
|
|
10
|
+
import '@backstage/core-plugin-api';
|
|
11
|
+
import 'react-use/esm/useAsync';
|
|
12
|
+
import '../../api/types.esm.js';
|
|
13
|
+
import 'react-use/esm/useInterval';
|
|
14
|
+
import 'react-use/esm/useAsyncRetry';
|
|
15
|
+
import '../../kubernetes-auth-provider/types.esm.js';
|
|
16
|
+
import '../../hooks/PodNamesWithErrors.esm.js';
|
|
17
|
+
import '../../hooks/PodNamesWithMetrics.esm.js';
|
|
18
|
+
import { GroupedResponsesContext } from '../../hooks/GroupedResponses.esm.js';
|
|
19
|
+
import '../../hooks/Cluster.esm.js';
|
|
20
|
+
import '../../hooks/usePodMetrics.esm.js';
|
|
21
|
+
import '../../hooks/useMatchingErrors.esm.js';
|
|
22
|
+
import { StatusOK, StatusError } from '@backstage/core-components';
|
|
23
|
+
|
|
24
|
+
const PersistentVolumesSummary = ({
|
|
25
|
+
numberOfPersistentVolumes,
|
|
26
|
+
numberOfBoundVolumes,
|
|
27
|
+
numberOfFailedVolumes
|
|
28
|
+
}) => {
|
|
29
|
+
return /* @__PURE__ */ jsxs(
|
|
30
|
+
Grid,
|
|
31
|
+
{
|
|
32
|
+
container: true,
|
|
33
|
+
direction: "row",
|
|
34
|
+
justifyContent: "space-between",
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
spacing: 0,
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ jsx(Grid, { xs: 4, item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: /* @__PURE__ */ jsx("strong", { children: "PersistentVolumes" }) }) }),
|
|
39
|
+
/* @__PURE__ */ jsxs(
|
|
40
|
+
Grid,
|
|
41
|
+
{
|
|
42
|
+
item: true,
|
|
43
|
+
container: true,
|
|
44
|
+
xs: 8,
|
|
45
|
+
direction: "column",
|
|
46
|
+
justifyContent: "flex-start",
|
|
47
|
+
alignItems: "flex-end",
|
|
48
|
+
spacing: 0,
|
|
49
|
+
children: [
|
|
50
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusOK, { children: [
|
|
51
|
+
numberOfPersistentVolumes,
|
|
52
|
+
" volumes"
|
|
53
|
+
] }) }),
|
|
54
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusOK, { children: [
|
|
55
|
+
numberOfBoundVolumes,
|
|
56
|
+
" bound"
|
|
57
|
+
] }) }),
|
|
58
|
+
numberOfFailedVolumes > 0 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusError, { children: [
|
|
59
|
+
numberOfFailedVolumes,
|
|
60
|
+
" volume",
|
|
61
|
+
numberOfFailedVolumes > 1 ? "s" : "",
|
|
62
|
+
" failed"
|
|
63
|
+
] }) })
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
)
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
};
|
|
71
|
+
const PersistentVolumesAccordion = ({
|
|
72
|
+
persistentVolumes
|
|
73
|
+
}) => {
|
|
74
|
+
const boundVolumes = persistentVolumes.filter(
|
|
75
|
+
(pv) => pv.status?.phase === "Bound"
|
|
76
|
+
);
|
|
77
|
+
const failedVolumes = persistentVolumes.filter(
|
|
78
|
+
(pv) => pv.status?.phase === "Failed"
|
|
79
|
+
);
|
|
80
|
+
return /* @__PURE__ */ jsxs(Accordion, { TransitionProps: { unmountOnExit: true }, variant: "outlined", children: [
|
|
81
|
+
/* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(
|
|
82
|
+
PersistentVolumesSummary,
|
|
83
|
+
{
|
|
84
|
+
numberOfPersistentVolumes: persistentVolumes.length,
|
|
85
|
+
numberOfBoundVolumes: boundVolumes.length,
|
|
86
|
+
numberOfFailedVolumes: failedVolumes.length
|
|
87
|
+
}
|
|
88
|
+
) }),
|
|
89
|
+
/* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(PersistentVolumesTable, { persistentVolumes }) })
|
|
90
|
+
] });
|
|
91
|
+
};
|
|
92
|
+
const PersistentVolumesAccordions = ({}) => {
|
|
93
|
+
const groupedResponses = useContext(GroupedResponsesContext);
|
|
94
|
+
return /* @__PURE__ */ jsx(
|
|
95
|
+
Grid,
|
|
96
|
+
{
|
|
97
|
+
container: true,
|
|
98
|
+
direction: "column",
|
|
99
|
+
justifyContent: "flex-start",
|
|
100
|
+
alignItems: "flex-start",
|
|
101
|
+
children: /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
|
|
102
|
+
PersistentVolumesAccordion,
|
|
103
|
+
{
|
|
104
|
+
persistentVolumes: groupedResponses.persistentVolumes
|
|
105
|
+
}
|
|
106
|
+
) }) })
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
export { PersistentVolumesAccordions };
|
|
112
|
+
//# sourceMappingURL=PersistentVolumesAccordions.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PersistentVolumesAccordions.esm.js","sources":["../../../src/components/PersistentVolumesAccordions/PersistentVolumesAccordions.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode, useContext } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport type { V1PersistentVolume } from '@kubernetes/client-node';\nimport { PersistentVolumesTable } from './PersistentVolumesTable';\nimport { GroupedResponsesContext } from '../../hooks';\nimport { StatusOK, StatusError } from '@backstage/core-components';\n\ntype PersistentVolumesAccordionsProps = {\n children?: ReactNode;\n};\n\ntype PersistentVolumesAccordionProps = {\n persistentVolumes: V1PersistentVolume[];\n children?: ReactNode;\n};\n\ntype PersistentVolumesSummaryProps = {\n numberOfPersistentVolumes: number;\n numberOfBoundVolumes: number;\n numberOfFailedVolumes: number;\n children?: ReactNode;\n};\n\nconst PersistentVolumesSummary = ({\n numberOfPersistentVolumes,\n numberOfBoundVolumes,\n numberOfFailedVolumes,\n}: PersistentVolumesSummaryProps) => {\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n spacing={0}\n >\n <Grid xs={4} item>\n <Typography variant=\"body1\">\n <strong>PersistentVolumes</strong>\n </Typography>\n </Grid>\n <Grid\n item\n container\n xs={8}\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-end\"\n spacing={0}\n >\n <Grid item>\n <StatusOK>{numberOfPersistentVolumes} volumes</StatusOK>\n </Grid>\n <Grid item>\n <StatusOK>{numberOfBoundVolumes} bound</StatusOK>\n </Grid>\n {numberOfFailedVolumes > 0 && (\n <Grid item>\n <StatusError>\n {numberOfFailedVolumes} volume\n {numberOfFailedVolumes > 1 ? 's' : ''} failed\n </StatusError>\n </Grid>\n )}\n </Grid>\n </Grid>\n );\n};\n\nconst PersistentVolumesAccordion = ({\n persistentVolumes,\n}: PersistentVolumesAccordionProps) => {\n const boundVolumes = persistentVolumes.filter(\n pv => pv.status?.phase === 'Bound',\n );\n const failedVolumes = persistentVolumes.filter(\n pv => pv.status?.phase === 'Failed',\n );\n\n return (\n <Accordion TransitionProps={{ unmountOnExit: true }} variant=\"outlined\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <PersistentVolumesSummary\n numberOfPersistentVolumes={persistentVolumes.length}\n numberOfBoundVolumes={boundVolumes.length}\n numberOfFailedVolumes={failedVolumes.length}\n />\n </AccordionSummary>\n <AccordionDetails>\n <PersistentVolumesTable persistentVolumes={persistentVolumes} />\n </AccordionDetails>\n </Accordion>\n );\n};\n\nexport const PersistentVolumesAccordions =\n ({}: PersistentVolumesAccordionsProps) => {\n const groupedResponses = useContext(GroupedResponsesContext);\n\n return (\n <Grid\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n <Grid container item xs>\n <Grid item xs>\n <PersistentVolumesAccordion\n persistentVolumes={groupedResponses.persistentVolumes}\n />\n </Grid>\n </Grid>\n </Grid>\n );\n };\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer/KubernetesStructuredMetadataTableDrawer.esm.js';
|
|
3
|
+
import '../KubernetesDrawer/KubernetesDrawer.esm.js';
|
|
4
|
+
import '@backstage/core-components';
|
|
5
|
+
import '@material-ui/core/FormControlLabel';
|
|
6
|
+
import '@material-ui/core/Switch';
|
|
7
|
+
import 'js-yaml';
|
|
8
|
+
import 'react';
|
|
9
|
+
import '@backstage/core-plugin-api/alpha';
|
|
10
|
+
import '../../translation.esm.js';
|
|
11
|
+
import Typography from '@material-ui/core/Typography';
|
|
12
|
+
import Grid from '@material-ui/core/Grid';
|
|
13
|
+
import Chip from '@material-ui/core/Chip';
|
|
14
|
+
|
|
15
|
+
const PersistentVolumesDrawer = ({
|
|
16
|
+
persistentVolume,
|
|
17
|
+
expanded
|
|
18
|
+
}) => {
|
|
19
|
+
const namespace = persistentVolume.metadata?.namespace;
|
|
20
|
+
return /* @__PURE__ */ jsx(
|
|
21
|
+
KubernetesStructuredMetadataTableDrawer,
|
|
22
|
+
{
|
|
23
|
+
object: persistentVolume,
|
|
24
|
+
expanded,
|
|
25
|
+
kind: "PersistentVolume",
|
|
26
|
+
renderObject: (persistentVolumeObject) => {
|
|
27
|
+
return persistentVolumeObject || {};
|
|
28
|
+
},
|
|
29
|
+
children: /* @__PURE__ */ jsxs(
|
|
30
|
+
Grid,
|
|
31
|
+
{
|
|
32
|
+
container: true,
|
|
33
|
+
direction: "column",
|
|
34
|
+
justifyContent: "flex-start",
|
|
35
|
+
alignItems: "flex-start",
|
|
36
|
+
spacing: 0,
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: persistentVolume.metadata?.name ?? "unknown object" }) }),
|
|
39
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "PersistentVolume" }) }),
|
|
40
|
+
namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Chip, { size: "small", label: `namespace: ${namespace}` }) })
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
)
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export { PersistentVolumesDrawer };
|
|
49
|
+
//# sourceMappingURL=PersistentVolumesDrawer.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PersistentVolumesDrawer.esm.js","sources":["../../../src/components/PersistentVolumesAccordions/PersistentVolumesDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { V1PersistentVolume } from '@kubernetes/client-node';\nimport { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport Chip from '@material-ui/core/Chip';\n\nexport const PersistentVolumesDrawer = ({\n persistentVolume,\n expanded,\n}: {\n persistentVolume: V1PersistentVolume;\n expanded?: boolean;\n}) => {\n const namespace = persistentVolume.metadata?.namespace;\n return (\n <KubernetesStructuredMetadataTableDrawer\n object={persistentVolume}\n expanded={expanded}\n kind=\"PersistentVolume\"\n renderObject={(persistentVolumeObject: V1PersistentVolume) => {\n return persistentVolumeObject || {};\n }}\n >\n <Grid\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid item>\n <Typography variant=\"body1\">\n {persistentVolume.metadata?.name ?? 'unknown object'}\n </Typography>\n </Grid>\n <Grid item>\n <Typography color=\"textSecondary\" variant=\"subtitle1\">\n PersistentVolume\n </Typography>\n </Grid>\n {namespace && (\n <Grid item>\n <Chip size=\"small\" label={`namespace: ${namespace}`} />\n </Grid>\n )}\n </Grid>\n </KubernetesStructuredMetadataTableDrawer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,gBAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,SAAA,GAAY,iBAAiB,QAAA,EAAU,SAAA;AAC7C,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,gBAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,kBAAA;AAAA,MACL,YAAA,EAAc,CAAC,sBAAA,KAA+C;AAC5D,QAAA,OAAO,0BAA0B,EAAC;AAAA,MACpC,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,gBAAA,CAAiB,QAAA,EAAU,IAAA,IAAQ,gBAAA,EACtC,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,kBAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,CAAA,WAAA,EAAc,SAAS,IAAI,CAAA,EACvD;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { PersistentVolumesDrawer } from './PersistentVolumesDrawer.esm.js';
|
|
3
|
+
import { Table, StatusOK, StatusPending, StatusError } from '@backstage/core-components';
|
|
4
|
+
import { getPersistentVolumeType } from '../../utils/persistentVolumes.esm.js';
|
|
5
|
+
|
|
6
|
+
const PersistentVolumeDrawerTrigger = ({
|
|
7
|
+
persistentVolume
|
|
8
|
+
}) => {
|
|
9
|
+
return /* @__PURE__ */ jsx(PersistentVolumesDrawer, { persistentVolume });
|
|
10
|
+
};
|
|
11
|
+
const renderPhaseStatus = (persistentVolume) => {
|
|
12
|
+
const phase = persistentVolume.status?.phase;
|
|
13
|
+
if (phase === "Bound") {
|
|
14
|
+
return /* @__PURE__ */ jsx(StatusOK, { children: "Bound" });
|
|
15
|
+
}
|
|
16
|
+
if (phase === "Available") {
|
|
17
|
+
return /* @__PURE__ */ jsx(StatusPending, { children: "Available" });
|
|
18
|
+
}
|
|
19
|
+
if (phase === "Released") {
|
|
20
|
+
return /* @__PURE__ */ jsx(StatusPending, { children: "Released" });
|
|
21
|
+
}
|
|
22
|
+
if (phase === "Pending") {
|
|
23
|
+
return /* @__PURE__ */ jsx(StatusPending, { children: "Pending" });
|
|
24
|
+
}
|
|
25
|
+
if (phase === "Failed") {
|
|
26
|
+
return /* @__PURE__ */ jsx(StatusError, { children: "Failed" });
|
|
27
|
+
}
|
|
28
|
+
return /* @__PURE__ */ jsx(Fragment, { children: phase ?? "Unknown" });
|
|
29
|
+
};
|
|
30
|
+
const PersistentVolumesTable = ({
|
|
31
|
+
persistentVolumes
|
|
32
|
+
}) => {
|
|
33
|
+
const defaultColumns = [
|
|
34
|
+
{
|
|
35
|
+
title: "ID",
|
|
36
|
+
field: "metadata.uid",
|
|
37
|
+
hidden: true
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
title: "name",
|
|
41
|
+
highlight: true,
|
|
42
|
+
render: (persistentVolume) => {
|
|
43
|
+
return /* @__PURE__ */ jsx(PersistentVolumeDrawerTrigger, { persistentVolume });
|
|
44
|
+
},
|
|
45
|
+
cellStyle: {
|
|
46
|
+
width: "20%"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
title: "phase",
|
|
51
|
+
render: renderPhaseStatus,
|
|
52
|
+
cellStyle: {
|
|
53
|
+
width: "9%"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
title: "status",
|
|
58
|
+
render: (persistentVolume) => persistentVolume.status?.phase ?? "Unknown",
|
|
59
|
+
cellStyle: {
|
|
60
|
+
width: "9%"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
title: "capacity",
|
|
65
|
+
render: (persistentVolume) => persistentVolume.spec?.capacity?.storage ?? "N/A",
|
|
66
|
+
cellStyle: {
|
|
67
|
+
width: "10%"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
title: "type",
|
|
72
|
+
render: (persistentVolume) => {
|
|
73
|
+
const driver = persistentVolume.spec?.csi?.driver;
|
|
74
|
+
return getPersistentVolumeType(driver) ?? "N/A";
|
|
75
|
+
},
|
|
76
|
+
cellStyle: {
|
|
77
|
+
width: "15%"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
title: "claim",
|
|
82
|
+
render: (persistentVolume) => {
|
|
83
|
+
const claim = persistentVolume.spec?.claimRef;
|
|
84
|
+
if (claim?.namespace && claim?.name) {
|
|
85
|
+
return `${claim.namespace}/${claim.name}`;
|
|
86
|
+
}
|
|
87
|
+
return "N/A";
|
|
88
|
+
},
|
|
89
|
+
cellStyle: {
|
|
90
|
+
width: "37%"
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
];
|
|
94
|
+
const columns = [...defaultColumns];
|
|
95
|
+
const tableStyle = {
|
|
96
|
+
minWidth: "0",
|
|
97
|
+
width: "100%"
|
|
98
|
+
};
|
|
99
|
+
return /* @__PURE__ */ jsx("div", { style: tableStyle, children: /* @__PURE__ */ jsx(
|
|
100
|
+
Table,
|
|
101
|
+
{
|
|
102
|
+
options: { paging: true, search: false, emptyRowsWhenPaging: false },
|
|
103
|
+
data: persistentVolumes.map((pv) => ({
|
|
104
|
+
...pv,
|
|
105
|
+
id: pv?.metadata?.uid
|
|
106
|
+
})),
|
|
107
|
+
columns
|
|
108
|
+
}
|
|
109
|
+
) });
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
export { PersistentVolumesTable };
|
|
113
|
+
//# sourceMappingURL=PersistentVolumesTable.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PersistentVolumesTable.esm.js","sources":["../../../src/components/PersistentVolumesAccordions/PersistentVolumesTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport { PersistentVolumesDrawer } from './PersistentVolumesDrawer';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport type { V1PersistentVolume } from '@kubernetes/client-node';\nimport {\n StatusError,\n StatusOK,\n StatusPending,\n} from '@backstage/core-components';\nimport { getPersistentVolumeType } from '../../utils/persistentVolumes';\n\nexport type PersistentVolumesTableProps = {\n persistentVolumes: V1PersistentVolume[];\n children?: ReactNode;\n};\n\nconst PersistentVolumeDrawerTrigger = ({\n persistentVolume,\n}: {\n persistentVolume: V1PersistentVolume;\n}) => {\n return <PersistentVolumesDrawer persistentVolume={persistentVolume} />;\n};\n\nconst renderPhaseStatus = (persistentVolume: V1PersistentVolume) => {\n const phase = persistentVolume.status?.phase;\n\n if (phase === 'Bound') {\n return <StatusOK>Bound</StatusOK>;\n }\n if (phase === 'Available') {\n return <StatusPending>Available</StatusPending>;\n }\n if (phase === 'Released') {\n return <StatusPending>Released</StatusPending>;\n }\n if (phase === 'Pending') {\n return <StatusPending>Pending</StatusPending>;\n }\n if (phase === 'Failed') {\n return <StatusError>Failed</StatusError>;\n }\n return <>{phase ?? 'Unknown'}</>;\n};\n\nexport const PersistentVolumesTable = ({\n persistentVolumes,\n}: PersistentVolumesTableProps) => {\n const defaultColumns: TableColumn<V1PersistentVolume>[] = [\n {\n title: 'ID',\n field: 'metadata.uid',\n hidden: true,\n },\n {\n title: 'name',\n highlight: true,\n render: (persistentVolume: V1PersistentVolume) => {\n return (\n <PersistentVolumeDrawerTrigger persistentVolume={persistentVolume} />\n );\n },\n cellStyle: {\n width: '20%',\n },\n },\n {\n title: 'phase',\n render: renderPhaseStatus,\n cellStyle: {\n width: '9%',\n },\n },\n {\n title: 'status',\n render: (persistentVolume: V1PersistentVolume) =>\n persistentVolume.status?.phase ?? 'Unknown',\n cellStyle: {\n width: '9%',\n },\n },\n {\n title: 'capacity',\n render: (persistentVolume: V1PersistentVolume) =>\n persistentVolume.spec?.capacity?.storage ?? 'N/A',\n cellStyle: {\n width: '10%',\n },\n },\n {\n title: 'type',\n render: (persistentVolume: V1PersistentVolume) => {\n const driver = persistentVolume.spec?.csi?.driver;\n return getPersistentVolumeType(driver) ?? 'N/A';\n },\n cellStyle: {\n width: '15%',\n },\n },\n {\n title: 'claim',\n render: (persistentVolume: V1PersistentVolume) => {\n const claim = persistentVolume.spec?.claimRef;\n if (claim?.namespace && claim?.name) {\n return `${claim.namespace}/${claim.name}`;\n }\n return 'N/A';\n },\n cellStyle: {\n width: '37%',\n },\n },\n ];\n\n const columns: TableColumn<V1PersistentVolume>[] = [...defaultColumns];\n\n const tableStyle = {\n minWidth: '0',\n width: '100%',\n };\n\n return (\n <div style={tableStyle}>\n <Table\n options={{ paging: true, search: false, emptyRowsWhenPaging: false }}\n data={\n persistentVolumes.map((pv: V1PersistentVolume) => ({\n ...pv,\n id: pv?.metadata?.uid,\n })) as any as V1PersistentVolume[]\n }\n columns={columns}\n />\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsAccordions.esm.js
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useContext } from 'react';
|
|
3
|
+
import Accordion from '@material-ui/core/Accordion';
|
|
4
|
+
import AccordionDetails from '@material-ui/core/AccordionDetails';
|
|
5
|
+
import AccordionSummary from '@material-ui/core/AccordionSummary';
|
|
6
|
+
import Grid from '@material-ui/core/Grid';
|
|
7
|
+
import Typography from '@material-ui/core/Typography';
|
|
8
|
+
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
|
|
9
|
+
import { PersistentVolumeClaimsTable } from './PersistentVolumeClaimsTable.esm.js';
|
|
10
|
+
import '@backstage/core-plugin-api';
|
|
11
|
+
import 'react-use/esm/useAsync';
|
|
12
|
+
import '../../api/types.esm.js';
|
|
13
|
+
import 'react-use/esm/useInterval';
|
|
14
|
+
import 'react-use/esm/useAsyncRetry';
|
|
15
|
+
import '../../kubernetes-auth-provider/types.esm.js';
|
|
16
|
+
import '../../hooks/PodNamesWithErrors.esm.js';
|
|
17
|
+
import '../../hooks/PodNamesWithMetrics.esm.js';
|
|
18
|
+
import { GroupedResponsesContext } from '../../hooks/GroupedResponses.esm.js';
|
|
19
|
+
import '../../hooks/Cluster.esm.js';
|
|
20
|
+
import '../../hooks/usePodMetrics.esm.js';
|
|
21
|
+
import '../../hooks/useMatchingErrors.esm.js';
|
|
22
|
+
import { StatusOK, StatusError } from '@backstage/core-components';
|
|
23
|
+
|
|
24
|
+
const PersistentVolumeClaimsSummary = ({
|
|
25
|
+
numberOfPersistentVolumeClaims,
|
|
26
|
+
numberOfBoundClaims,
|
|
27
|
+
numberOfLostClaims
|
|
28
|
+
}) => {
|
|
29
|
+
return /* @__PURE__ */ jsxs(
|
|
30
|
+
Grid,
|
|
31
|
+
{
|
|
32
|
+
container: true,
|
|
33
|
+
direction: "row",
|
|
34
|
+
justifyContent: "space-between",
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
spacing: 0,
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ jsx(Grid, { xs: 4, item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: /* @__PURE__ */ jsx("strong", { children: "PersistentVolumeClaims" }) }) }),
|
|
39
|
+
/* @__PURE__ */ jsxs(
|
|
40
|
+
Grid,
|
|
41
|
+
{
|
|
42
|
+
item: true,
|
|
43
|
+
container: true,
|
|
44
|
+
xs: 8,
|
|
45
|
+
direction: "column",
|
|
46
|
+
justifyContent: "flex-start",
|
|
47
|
+
alignItems: "flex-end",
|
|
48
|
+
spacing: 0,
|
|
49
|
+
children: [
|
|
50
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusOK, { children: [
|
|
51
|
+
numberOfPersistentVolumeClaims,
|
|
52
|
+
" claims"
|
|
53
|
+
] }) }),
|
|
54
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusOK, { children: [
|
|
55
|
+
numberOfBoundClaims,
|
|
56
|
+
" bound"
|
|
57
|
+
] }) }),
|
|
58
|
+
numberOfLostClaims > 0 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusError, { children: [
|
|
59
|
+
numberOfLostClaims,
|
|
60
|
+
" claim",
|
|
61
|
+
numberOfLostClaims > 1 ? "s" : "",
|
|
62
|
+
" lost"
|
|
63
|
+
] }) })
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
)
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
};
|
|
71
|
+
const PersistentVolumeClaimsAccordion = ({
|
|
72
|
+
persistentVolumeClaims
|
|
73
|
+
}) => {
|
|
74
|
+
const boundClaims = persistentVolumeClaims.filter(
|
|
75
|
+
(pvc) => pvc.status?.phase === "Bound"
|
|
76
|
+
);
|
|
77
|
+
const lostClaims = persistentVolumeClaims.filter(
|
|
78
|
+
(pvc) => pvc.status?.phase === "Lost"
|
|
79
|
+
);
|
|
80
|
+
return /* @__PURE__ */ jsxs(Accordion, { TransitionProps: { unmountOnExit: true }, variant: "outlined", children: [
|
|
81
|
+
/* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(
|
|
82
|
+
PersistentVolumeClaimsSummary,
|
|
83
|
+
{
|
|
84
|
+
numberOfPersistentVolumeClaims: persistentVolumeClaims.length,
|
|
85
|
+
numberOfBoundClaims: boundClaims.length,
|
|
86
|
+
numberOfLostClaims: lostClaims.length
|
|
87
|
+
}
|
|
88
|
+
) }),
|
|
89
|
+
/* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(
|
|
90
|
+
PersistentVolumeClaimsTable,
|
|
91
|
+
{
|
|
92
|
+
persistentVolumeClaims
|
|
93
|
+
}
|
|
94
|
+
) })
|
|
95
|
+
] });
|
|
96
|
+
};
|
|
97
|
+
const PersistentVolumeClaimsAccordions = ({}) => {
|
|
98
|
+
const groupedResponses = useContext(GroupedResponsesContext);
|
|
99
|
+
return /* @__PURE__ */ jsx(
|
|
100
|
+
Grid,
|
|
101
|
+
{
|
|
102
|
+
container: true,
|
|
103
|
+
direction: "column",
|
|
104
|
+
justifyContent: "flex-start",
|
|
105
|
+
alignItems: "flex-start",
|
|
106
|
+
children: /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
|
|
107
|
+
PersistentVolumeClaimsAccordion,
|
|
108
|
+
{
|
|
109
|
+
persistentVolumeClaims: groupedResponses.persistentVolumeClaims
|
|
110
|
+
}
|
|
111
|
+
) }) })
|
|
112
|
+
}
|
|
113
|
+
);
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
export { PersistentVolumeClaimsAccordions };
|
|
117
|
+
//# sourceMappingURL=PersistentVolumeClaimsAccordions.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PersistentVolumeClaimsAccordions.esm.js","sources":["../../../src/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsAccordions.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode, useContext } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport type { V1PersistentVolumeClaim } from '@kubernetes/client-node';\nimport { PersistentVolumeClaimsTable } from './PersistentVolumeClaimsTable';\nimport { GroupedResponsesContext } from '../../hooks';\nimport { StatusOK, StatusError } from '@backstage/core-components';\n\ntype PersistentVolumeClaimsAccordionsProps = {\n children?: ReactNode;\n};\n\ntype PersistentVolumeClaimsAccordionProps = {\n persistentVolumeClaims: V1PersistentVolumeClaim[];\n children?: ReactNode;\n};\n\ntype PersistentVolumeClaimsSummaryProps = {\n numberOfPersistentVolumeClaims: number;\n numberOfBoundClaims: number;\n numberOfLostClaims: number;\n children?: ReactNode;\n};\n\nconst PersistentVolumeClaimsSummary = ({\n numberOfPersistentVolumeClaims,\n numberOfBoundClaims,\n numberOfLostClaims,\n}: PersistentVolumeClaimsSummaryProps) => {\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n spacing={0}\n >\n <Grid xs={4} item>\n <Typography variant=\"body1\">\n <strong>PersistentVolumeClaims</strong>\n </Typography>\n </Grid>\n <Grid\n item\n container\n xs={8}\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-end\"\n spacing={0}\n >\n <Grid item>\n <StatusOK>{numberOfPersistentVolumeClaims} claims</StatusOK>\n </Grid>\n <Grid item>\n <StatusOK>{numberOfBoundClaims} bound</StatusOK>\n </Grid>\n {numberOfLostClaims > 0 && (\n <Grid item>\n <StatusError>\n {numberOfLostClaims} claim\n {numberOfLostClaims > 1 ? 's' : ''} lost\n </StatusError>\n </Grid>\n )}\n </Grid>\n </Grid>\n );\n};\n\nconst PersistentVolumeClaimsAccordion = ({\n persistentVolumeClaims,\n}: PersistentVolumeClaimsAccordionProps) => {\n const boundClaims = persistentVolumeClaims.filter(\n pvc => pvc.status?.phase === 'Bound',\n );\n const lostClaims = persistentVolumeClaims.filter(\n pvc => pvc.status?.phase === 'Lost',\n );\n\n return (\n <Accordion TransitionProps={{ unmountOnExit: true }} variant=\"outlined\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <PersistentVolumeClaimsSummary\n numberOfPersistentVolumeClaims={persistentVolumeClaims.length}\n numberOfBoundClaims={boundClaims.length}\n numberOfLostClaims={lostClaims.length}\n />\n </AccordionSummary>\n <AccordionDetails>\n <PersistentVolumeClaimsTable\n persistentVolumeClaims={persistentVolumeClaims}\n />\n </AccordionDetails>\n </Accordion>\n );\n};\n\nexport const PersistentVolumeClaimsAccordions =\n ({}: PersistentVolumeClaimsAccordionsProps) => {\n const groupedResponses = useContext(GroupedResponsesContext);\n\n return (\n <Grid\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n <Grid container item xs>\n <Grid item xs>\n <PersistentVolumeClaimsAccordion\n persistentVolumeClaims={groupedResponses.persistentVolumeClaims}\n />\n </Grid>\n </Grid>\n </Grid>\n );\n };\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer/KubernetesStructuredMetadataTableDrawer.esm.js';
|
|
3
|
+
import '../KubernetesDrawer/KubernetesDrawer.esm.js';
|
|
4
|
+
import '@backstage/core-components';
|
|
5
|
+
import '@material-ui/core/FormControlLabel';
|
|
6
|
+
import '@material-ui/core/Switch';
|
|
7
|
+
import 'js-yaml';
|
|
8
|
+
import 'react';
|
|
9
|
+
import '@backstage/core-plugin-api/alpha';
|
|
10
|
+
import '../../translation.esm.js';
|
|
11
|
+
import Typography from '@material-ui/core/Typography';
|
|
12
|
+
import Grid from '@material-ui/core/Grid';
|
|
13
|
+
import Chip from '@material-ui/core/Chip';
|
|
14
|
+
|
|
15
|
+
const PersistentVolumeClaimsDrawer = ({
|
|
16
|
+
persistentVolumeClaim,
|
|
17
|
+
expanded
|
|
18
|
+
}) => {
|
|
19
|
+
const namespace = persistentVolumeClaim.metadata?.namespace;
|
|
20
|
+
return /* @__PURE__ */ jsx(
|
|
21
|
+
KubernetesStructuredMetadataTableDrawer,
|
|
22
|
+
{
|
|
23
|
+
object: persistentVolumeClaim,
|
|
24
|
+
expanded,
|
|
25
|
+
kind: "PersistentVolumeClaim",
|
|
26
|
+
renderObject: (persistentVolumeClaimObject) => {
|
|
27
|
+
return persistentVolumeClaimObject || {};
|
|
28
|
+
},
|
|
29
|
+
children: /* @__PURE__ */ jsxs(
|
|
30
|
+
Grid,
|
|
31
|
+
{
|
|
32
|
+
container: true,
|
|
33
|
+
direction: "column",
|
|
34
|
+
justifyContent: "flex-start",
|
|
35
|
+
alignItems: "flex-start",
|
|
36
|
+
spacing: 0,
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: persistentVolumeClaim.metadata?.name ?? "unknown object" }) }),
|
|
39
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "PersistentVolumeClaim" }) }),
|
|
40
|
+
namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Chip, { size: "small", label: `namespace: ${namespace}` }) })
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
)
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export { PersistentVolumeClaimsDrawer };
|
|
49
|
+
//# sourceMappingURL=PersistentVolumeClaimsDrawer.esm.js.map
|
package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsDrawer.esm.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PersistentVolumeClaimsDrawer.esm.js","sources":["../../../src/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { V1PersistentVolumeClaim } from '@kubernetes/client-node';\nimport { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport Chip from '@material-ui/core/Chip';\n\nexport const PersistentVolumeClaimsDrawer = ({\n persistentVolumeClaim,\n expanded,\n}: {\n persistentVolumeClaim: V1PersistentVolumeClaim;\n expanded?: boolean;\n}) => {\n const namespace = persistentVolumeClaim.metadata?.namespace;\n return (\n <KubernetesStructuredMetadataTableDrawer\n object={persistentVolumeClaim}\n expanded={expanded}\n kind=\"PersistentVolumeClaim\"\n renderObject={(persistentVolumeClaimObject: V1PersistentVolumeClaim) => {\n return persistentVolumeClaimObject || {};\n }}\n >\n <Grid\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid item>\n <Typography variant=\"body1\">\n {persistentVolumeClaim.metadata?.name ?? 'unknown object'}\n </Typography>\n </Grid>\n <Grid item>\n <Typography color=\"textSecondary\" variant=\"subtitle1\">\n PersistentVolumeClaim\n </Typography>\n </Grid>\n {namespace && (\n <Grid item>\n <Chip size=\"small\" label={`namespace: ${namespace}`} />\n </Grid>\n )}\n </Grid>\n </KubernetesStructuredMetadataTableDrawer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqBO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,qBAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,SAAA,GAAY,sBAAsB,QAAA,EAAU,SAAA;AAClD,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,qBAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,uBAAA;AAAA,MACL,YAAA,EAAc,CAAC,2BAAA,KAAyD;AACtE,QAAA,OAAO,+BAA+B,EAAC;AAAA,MACzC,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,qBAAA,CAAsB,QAAA,EAAU,IAAA,IAAQ,gBAAA,EAC3C,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,uBAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,CAAA,WAAA,EAAc,SAAS,IAAI,CAAA,EACvD;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { PersistentVolumeClaimsDrawer } from './PersistentVolumeClaimsDrawer.esm.js';
|
|
3
|
+
import { Table, StatusOK, StatusPending, StatusError } from '@backstage/core-components';
|
|
4
|
+
|
|
5
|
+
const PersistentVolumeClaimDrawerTrigger = ({
|
|
6
|
+
persistentVolumeClaim
|
|
7
|
+
}) => {
|
|
8
|
+
return /* @__PURE__ */ jsx(
|
|
9
|
+
PersistentVolumeClaimsDrawer,
|
|
10
|
+
{
|
|
11
|
+
persistentVolumeClaim
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
};
|
|
15
|
+
const renderPhaseStatus = (persistentVolumeClaim) => {
|
|
16
|
+
const phase = persistentVolumeClaim.status?.phase;
|
|
17
|
+
if (phase === "Bound") {
|
|
18
|
+
return /* @__PURE__ */ jsx(StatusOK, { children: "Bound" });
|
|
19
|
+
}
|
|
20
|
+
if (phase === "Pending") {
|
|
21
|
+
return /* @__PURE__ */ jsx(StatusPending, { children: "Pending" });
|
|
22
|
+
}
|
|
23
|
+
if (phase === "Lost") {
|
|
24
|
+
return /* @__PURE__ */ jsx(StatusError, { children: "Lost" });
|
|
25
|
+
}
|
|
26
|
+
return /* @__PURE__ */ jsx(Fragment, { children: phase ?? "Unknown" });
|
|
27
|
+
};
|
|
28
|
+
const PersistentVolumeClaimsTable = ({
|
|
29
|
+
persistentVolumeClaims
|
|
30
|
+
}) => {
|
|
31
|
+
const defaultColumns = [
|
|
32
|
+
{
|
|
33
|
+
title: "ID",
|
|
34
|
+
field: "metadata.uid",
|
|
35
|
+
hidden: true
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
title: "name",
|
|
39
|
+
highlight: true,
|
|
40
|
+
render: (persistentVolumeClaim) => {
|
|
41
|
+
return /* @__PURE__ */ jsx(
|
|
42
|
+
PersistentVolumeClaimDrawerTrigger,
|
|
43
|
+
{
|
|
44
|
+
persistentVolumeClaim
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
},
|
|
48
|
+
cellStyle: {
|
|
49
|
+
width: "25%"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
title: "phase",
|
|
54
|
+
render: renderPhaseStatus,
|
|
55
|
+
cellStyle: {
|
|
56
|
+
width: "10%"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
title: "status",
|
|
61
|
+
render: (persistentVolumeClaim) => persistentVolumeClaim.status?.phase ?? "Unknown",
|
|
62
|
+
cellStyle: {
|
|
63
|
+
width: "10%"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
title: "capacity",
|
|
68
|
+
render: (persistentVolumeClaim) => persistentVolumeClaim.status?.capacity?.storage ?? "N/A",
|
|
69
|
+
cellStyle: {
|
|
70
|
+
width: "10%"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
title: "volume",
|
|
75
|
+
render: (persistentVolumeClaim) => persistentVolumeClaim.spec?.volumeName ?? "N/A",
|
|
76
|
+
cellStyle: {
|
|
77
|
+
width: "45%"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
];
|
|
81
|
+
const columns = [...defaultColumns];
|
|
82
|
+
const tableStyle = {
|
|
83
|
+
minWidth: "0",
|
|
84
|
+
width: "100%"
|
|
85
|
+
};
|
|
86
|
+
return /* @__PURE__ */ jsx("div", { style: tableStyle, children: /* @__PURE__ */ jsx(
|
|
87
|
+
Table,
|
|
88
|
+
{
|
|
89
|
+
options: { paging: true, search: false, emptyRowsWhenPaging: false },
|
|
90
|
+
data: persistentVolumeClaims.map((pvc) => ({
|
|
91
|
+
...pvc,
|
|
92
|
+
id: pvc?.metadata?.uid
|
|
93
|
+
})),
|
|
94
|
+
columns
|
|
95
|
+
}
|
|
96
|
+
) });
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
export { PersistentVolumeClaimsTable };
|
|
100
|
+
//# sourceMappingURL=PersistentVolumeClaimsTable.esm.js.map
|
package/dist/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsTable.esm.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PersistentVolumeClaimsTable.esm.js","sources":["../../../src/components/PersistentVolumesClaimsAccordions/PersistentVolumeClaimsTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ReactNode } from 'react';\nimport { PersistentVolumeClaimsDrawer } from './PersistentVolumeClaimsDrawer';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport type { V1PersistentVolumeClaim } from '@kubernetes/client-node';\nimport {\n StatusError,\n StatusOK,\n StatusPending,\n} from '@backstage/core-components';\n\nexport type PersistentVolumeClaimsTableProps = {\n persistentVolumeClaims: V1PersistentVolumeClaim[];\n children?: ReactNode;\n};\n\nconst PersistentVolumeClaimDrawerTrigger = ({\n persistentVolumeClaim,\n}: {\n persistentVolumeClaim: V1PersistentVolumeClaim;\n}) => {\n return (\n <PersistentVolumeClaimsDrawer\n persistentVolumeClaim={persistentVolumeClaim}\n />\n );\n};\n\nconst renderPhaseStatus = (persistentVolumeClaim: V1PersistentVolumeClaim) => {\n const phase = persistentVolumeClaim.status?.phase;\n\n if (phase === 'Bound') {\n return <StatusOK>Bound</StatusOK>;\n }\n if (phase === 'Pending') {\n return <StatusPending>Pending</StatusPending>;\n }\n if (phase === 'Lost') {\n return <StatusError>Lost</StatusError>;\n }\n return <>{phase ?? 'Unknown'}</>;\n};\n\nexport const PersistentVolumeClaimsTable = ({\n persistentVolumeClaims,\n}: PersistentVolumeClaimsTableProps) => {\n const defaultColumns: TableColumn<V1PersistentVolumeClaim>[] = [\n {\n title: 'ID',\n field: 'metadata.uid',\n hidden: true,\n },\n {\n title: 'name',\n highlight: true,\n render: (persistentVolumeClaim: V1PersistentVolumeClaim) => {\n return (\n <PersistentVolumeClaimDrawerTrigger\n persistentVolumeClaim={persistentVolumeClaim}\n />\n );\n },\n cellStyle: {\n width: '25%',\n },\n },\n {\n title: 'phase',\n render: renderPhaseStatus,\n cellStyle: {\n width: '10%',\n },\n },\n {\n title: 'status',\n render: (persistentVolumeClaim: V1PersistentVolumeClaim) =>\n persistentVolumeClaim.status?.phase ?? 'Unknown',\n cellStyle: {\n width: '10%',\n },\n },\n {\n title: 'capacity',\n render: (persistentVolumeClaim: V1PersistentVolumeClaim) =>\n persistentVolumeClaim.status?.capacity?.storage ?? 'N/A',\n cellStyle: {\n width: '10%',\n },\n },\n {\n title: 'volume',\n render: (persistentVolumeClaim: V1PersistentVolumeClaim) =>\n persistentVolumeClaim.spec?.volumeName ?? 'N/A',\n cellStyle: {\n width: '45%',\n },\n },\n ];\n\n const columns: TableColumn<V1PersistentVolumeClaim>[] = [...defaultColumns];\n\n const tableStyle = {\n minWidth: '0',\n width: '100%',\n };\n\n return (\n <div style={tableStyle}>\n <Table\n options={{ paging: true, search: false, emptyRowsWhenPaging: false }}\n data={\n persistentVolumeClaims.map((pvc: V1PersistentVolumeClaim) => ({\n ...pvc,\n id: pvc?.metadata?.uid,\n })) as any as V1PersistentVolumeClaim[]\n }\n columns={columns}\n />\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupedResponses.esm.js","sources":["../../src/hooks/GroupedResponses.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createContext } from 'react';\nimport { GroupedResponses } from '@backstage/plugin-kubernetes-common';\n\n/**\n *\n *\n * @public\n */\nexport const GroupedResponsesContext = createContext<GroupedResponses>({\n pods: [],\n replicaSets: [],\n deployments: [],\n daemonSets: [],\n services: [],\n configMaps: [],\n secrets: [],\n horizontalPodAutoscalers: [],\n ingresses: [],\n jobs: [],\n cronJobs: [],\n customResources: [],\n statefulsets: [],\n});\n"],"names":[],"mappings":";;AAuBO,MAAM,0BAA0B,aAAA,CAAgC;AAAA,EACrE,MAAM,EAAC;AAAA,EACP,aAAa,EAAC;AAAA,EACd,aAAa,EAAC;AAAA,EACd,YAAY,EAAC;AAAA,EACb,UAAU,EAAC;AAAA,EACX,YAAY,EAAC;AAAA,EACb,SAAS,EAAC;AAAA,EACV,0BAA0B,EAAC;AAAA,EAC3B,WAAW,EAAC;AAAA,EACZ,MAAM,EAAC;AAAA,EACP,UAAU,EAAC;AAAA,EACX,iBAAiB,EAAC;AAAA,EAClB,cAAc;
|
|
1
|
+
{"version":3,"file":"GroupedResponses.esm.js","sources":["../../src/hooks/GroupedResponses.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createContext } from 'react';\nimport { GroupedResponses } from '@backstage/plugin-kubernetes-common';\n\n/**\n *\n *\n * @public\n */\nexport const GroupedResponsesContext = createContext<GroupedResponses>({\n pods: [],\n replicaSets: [],\n deployments: [],\n daemonSets: [],\n services: [],\n configMaps: [],\n secrets: [],\n horizontalPodAutoscalers: [],\n ingresses: [],\n jobs: [],\n cronJobs: [],\n customResources: [],\n statefulsets: [],\n persistentVolumes: [],\n persistentVolumeClaims: [],\n});\n"],"names":[],"mappings":";;AAuBO,MAAM,0BAA0B,aAAA,CAAgC;AAAA,EACrE,MAAM,EAAC;AAAA,EACP,aAAa,EAAC;AAAA,EACd,aAAa,EAAC;AAAA,EACd,YAAY,EAAC;AAAA,EACb,UAAU,EAAC;AAAA,EACX,YAAY,EAAC;AAAA,EACb,SAAS,EAAC;AAAA,EACV,0BAA0B,EAAC;AAAA,EAC3B,WAAW,EAAC;AAAA,EACZ,MAAM,EAAC;AAAA,EACP,UAAU,EAAC;AAAA,EACX,iBAAiB,EAAC;AAAA,EAClB,cAAc,EAAC;AAAA,EACf,mBAAmB,EAAC;AAAA,EACpB,wBAAwB;AAC1B,CAAC;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const getPersistentVolumeType = (driver) => {
|
|
2
|
+
if (!driver) return null;
|
|
3
|
+
if (driver.includes("aws")) {
|
|
4
|
+
if (driver.includes("ebs")) return `AWS EBS Volume`;
|
|
5
|
+
if (driver.includes("efs")) return `AWS EFS`;
|
|
6
|
+
if (driver.includes("s3")) return `S3 Bucket`;
|
|
7
|
+
}
|
|
8
|
+
if (driver.includes("gke")) {
|
|
9
|
+
if (driver.includes("gcsfuse")) return `GCS Fuse`;
|
|
10
|
+
if (driver.includes("filestore")) return `GCP Filestore`;
|
|
11
|
+
if (driver.includes("pd")) return `GCP Persistent Disk`;
|
|
12
|
+
}
|
|
13
|
+
if (driver.includes("azure")) {
|
|
14
|
+
if (driver.includes("disk")) return `Azure Disk`;
|
|
15
|
+
if (driver.includes("file")) return `Azure File`;
|
|
16
|
+
if (driver.includes("blob")) return `Azure Blob`;
|
|
17
|
+
}
|
|
18
|
+
return driver;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { getPersistentVolumeType };
|
|
22
|
+
//# sourceMappingURL=persistentVolumes.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"persistentVolumes.esm.js","sources":["../../src/utils/persistentVolumes.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const getPersistentVolumeType = (driver?: string): string | null => {\n if (!driver) return null;\n\n if (driver.includes('aws')) {\n if (driver.includes('ebs')) return `AWS EBS Volume`;\n if (driver.includes('efs')) return `AWS EFS`;\n if (driver.includes('s3')) return `S3 Bucket`;\n }\n\n if (driver.includes('gke')) {\n if (driver.includes('gcsfuse')) return `GCS Fuse`;\n if (driver.includes('filestore')) return `GCP Filestore`;\n if (driver.includes('pd')) return `GCP Persistent Disk`;\n }\n\n if (driver.includes('azure')) {\n if (driver.includes('disk')) return `Azure Disk`;\n if (driver.includes('file')) return `Azure File`;\n if (driver.includes('blob')) return `Azure Blob`;\n }\n\n return driver;\n};\n"],"names":[],"mappings":"AAgBO,MAAM,uBAAA,GAA0B,CAAC,MAAA,KAAmC;AACzE,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,IAAI,MAAA,CAAO,QAAA,CAAS,KAAK,CAAA,EAAG;AAC1B,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,KAAK,CAAA,EAAG,OAAO,CAAA,cAAA,CAAA;AACnC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,KAAK,CAAA,EAAG,OAAO,CAAA,OAAA,CAAA;AACnC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,CAAA,SAAA,CAAA;AAAA,EACpC;AAEA,EAAA,IAAI,MAAA,CAAO,QAAA,CAAS,KAAK,CAAA,EAAG;AAC1B,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,SAAS,CAAA,EAAG,OAAO,CAAA,QAAA,CAAA;AACvC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,WAAW,CAAA,EAAG,OAAO,CAAA,aAAA,CAAA;AACzC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,IAAI,CAAA,EAAG,OAAO,CAAA,mBAAA,CAAA;AAAA,EACpC;AAEA,EAAA,IAAI,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA,EAAG;AAC5B,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG,OAAO,CAAA,UAAA,CAAA;AACpC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG,OAAO,CAAA,UAAA,CAAA;AACpC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG,OAAO,CAAA,UAAA,CAAA;AAAA,EACtC;AAEA,EAAA,OAAO,MAAA;AACT;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/plugin-kubernetes-react",
|
|
3
|
-
"version": "0.5.16-next.
|
|
3
|
+
"version": "0.5.16-next.1",
|
|
4
4
|
"description": "Web library for the kubernetes-react plugin",
|
|
5
5
|
"backstage": {
|
|
6
6
|
"role": "web-library",
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
65
|
"@backstage/catalog-model": "1.7.6",
|
|
66
|
-
"@backstage/core-components": "0.18.
|
|
67
|
-
"@backstage/core-plugin-api": "1.12.
|
|
66
|
+
"@backstage/core-components": "0.18.7-next.1",
|
|
67
|
+
"@backstage/core-plugin-api": "1.12.3-next.0",
|
|
68
68
|
"@backstage/errors": "1.2.7",
|
|
69
|
-
"@backstage/plugin-kubernetes-common": "0.9.10-next.
|
|
69
|
+
"@backstage/plugin-kubernetes-common": "0.9.10-next.1",
|
|
70
70
|
"@backstage/types": "1.2.2",
|
|
71
71
|
"@kubernetes-models/apimachinery": "^2.0.0",
|
|
72
72
|
"@kubernetes-models/base": "^5.0.0",
|
|
@@ -85,9 +85,9 @@
|
|
|
85
85
|
"react-use": "^17.4.0"
|
|
86
86
|
},
|
|
87
87
|
"devDependencies": {
|
|
88
|
-
"@backstage/cli": "0.35.
|
|
89
|
-
"@backstage/core-app-api": "1.19.
|
|
90
|
-
"@backstage/test-utils": "1.7.15-next.
|
|
88
|
+
"@backstage/cli": "0.35.4-next.1",
|
|
89
|
+
"@backstage/core-app-api": "1.19.5-next.0",
|
|
90
|
+
"@backstage/test-utils": "1.7.15-next.1",
|
|
91
91
|
"@testing-library/jest-dom": "^6.0.0",
|
|
92
92
|
"@testing-library/react": "^16.0.0",
|
|
93
93
|
"@types/react": "^18.0.0",
|