@terasky/backstage-plugin-vcf-automation 0.1.0 → 0.1.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/components/VCFAutomationDeploymentDetails.esm.js +33 -29
- package/dist/components/VCFAutomationDeploymentDetails.esm.js.map +1 -1
- package/dist/components/VCFAutomationDeploymentOverview.esm.js +66 -7
- package/dist/components/VCFAutomationDeploymentOverview.esm.js.map +1 -1
- package/dist/components/VCFAutomationGenericResourceDetails.esm.js +6 -6
- package/dist/components/VCFAutomationGenericResourceDetails.esm.js.map +1 -1
- package/dist/components/VCFAutomationGenericResourceOverview.esm.js +6 -6
- package/dist/components/VCFAutomationGenericResourceOverview.esm.js.map +1 -1
- package/dist/components/VCFAutomationProjectDetails.esm.js +99 -87
- package/dist/components/VCFAutomationProjectDetails.esm.js.map +1 -1
- package/dist/components/VCFAutomationProjectOverview.esm.js +75 -13
- package/dist/components/VCFAutomationProjectOverview.esm.js.map +1 -1
- package/dist/components/VCFAutomationVSphereVMDetails.esm.js +75 -69
- package/dist/components/VCFAutomationVSphereVMDetails.esm.js.map +1 -1
- package/dist/components/VCFAutomationVSphereVMOverview.esm.js +57 -10
- package/dist/components/VCFAutomationVSphereVMOverview.esm.js.map +1 -1
- package/dist/index.d.ts +9 -10
- package/package.json +5 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';
|
|
3
3
|
import { ResponseErrorPanel, Progress, InfoCard, StructuredMetadataTable, Table, Link } from '@backstage/core-components';
|
|
4
4
|
import { Grid } from '@material-ui/core';
|
|
@@ -57,21 +57,21 @@ const VCFAutomationProjectDetails = () => {
|
|
|
57
57
|
return deployments;
|
|
58
58
|
}, [projectId, allowed]);
|
|
59
59
|
if (projectError) {
|
|
60
|
-
return /* @__PURE__ */
|
|
60
|
+
return /* @__PURE__ */ jsx(ResponseErrorPanel, { error: projectError });
|
|
61
61
|
}
|
|
62
62
|
if (projectLoading || systemsLoading) {
|
|
63
|
-
return /* @__PURE__ */
|
|
63
|
+
return /* @__PURE__ */ jsx(Progress, {});
|
|
64
64
|
}
|
|
65
65
|
if (!projectId) {
|
|
66
|
-
return /* @__PURE__ */
|
|
66
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "No project ID found", children: "This entity is not associated with a VCF project." });
|
|
67
67
|
}
|
|
68
68
|
if (!allowed) {
|
|
69
|
-
return /* @__PURE__ */
|
|
69
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "Permission Denied", children: "You don't have permission to view project details." });
|
|
70
70
|
}
|
|
71
71
|
if (!projectData) {
|
|
72
|
-
return /* @__PURE__ */
|
|
72
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "No Data", children: "No project details available." });
|
|
73
73
|
}
|
|
74
|
-
const renderMemberTable = (members, title) => /* @__PURE__ */
|
|
74
|
+
const renderMemberTable = (members, title) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(InfoCard, { title, children: /* @__PURE__ */ jsx(
|
|
75
75
|
Table,
|
|
76
76
|
{
|
|
77
77
|
columns: [
|
|
@@ -81,91 +81,103 @@ const VCFAutomationProjectDetails = () => {
|
|
|
81
81
|
data: members,
|
|
82
82
|
options: { search: false, paging: false }
|
|
83
83
|
}
|
|
84
|
-
)));
|
|
85
|
-
return /* @__PURE__ */
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
84
|
+
) }) });
|
|
85
|
+
return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
|
|
86
|
+
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Overview", children: /* @__PURE__ */ jsx(
|
|
87
|
+
StructuredMetadataTable,
|
|
88
|
+
{
|
|
89
|
+
metadata: {
|
|
90
|
+
"Project Name": projectData.name,
|
|
91
|
+
"Project ID": projectData.id,
|
|
92
|
+
Description: projectData.description,
|
|
93
|
+
"Organization ID": projectData.organizationId,
|
|
94
|
+
"Operation Timeout": `${projectData.operationTimeout} seconds`,
|
|
95
|
+
"Machine Naming Template": projectData.machineNamingTemplate || "N/A",
|
|
96
|
+
"Shared Resources": projectData.sharedResources ? "Yes" : "No"
|
|
97
|
+
}
|
|
96
98
|
}
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
99
|
+
) }) }),
|
|
100
|
+
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Deployments", children: /* @__PURE__ */ jsx(
|
|
101
|
+
Table,
|
|
102
|
+
{
|
|
103
|
+
columns: [
|
|
104
|
+
{
|
|
105
|
+
title: "Name",
|
|
106
|
+
field: "title",
|
|
107
|
+
render: (row) => /* @__PURE__ */ jsx(Link, { to: row.entityRef, children: row.title })
|
|
108
|
+
},
|
|
109
|
+
{ title: "Owner", field: "owner" },
|
|
110
|
+
{
|
|
111
|
+
title: "VMs",
|
|
112
|
+
field: "vmCount",
|
|
113
|
+
align: "right"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
title: "Additional Resources",
|
|
117
|
+
field: "resourceCount",
|
|
118
|
+
align: "right"
|
|
119
|
+
}
|
|
120
|
+
],
|
|
121
|
+
data: systemsData || [],
|
|
122
|
+
options: {
|
|
123
|
+
search: true,
|
|
124
|
+
paging: true
|
|
117
125
|
}
|
|
118
|
-
],
|
|
119
|
-
data: systemsData || [],
|
|
120
|
-
options: {
|
|
121
|
-
search: true,
|
|
122
|
-
paging: true
|
|
123
126
|
}
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
127
|
+
) }) }),
|
|
128
|
+
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Members", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
|
|
129
|
+
renderMemberTable(projectData.administrators, "Administrators"),
|
|
130
|
+
renderMemberTable(projectData.members, "Members"),
|
|
131
|
+
renderMemberTable(projectData.viewers, "Viewers"),
|
|
132
|
+
renderMemberTable(projectData.supervisors, "Supervisors")
|
|
133
|
+
] }) }) }),
|
|
134
|
+
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Zones", children: /* @__PURE__ */ jsx(
|
|
135
|
+
Table,
|
|
136
|
+
{
|
|
137
|
+
columns: [
|
|
138
|
+
{ title: "Zone ID", field: "zoneId" },
|
|
139
|
+
{ title: "Priority", field: "priority" },
|
|
140
|
+
{
|
|
141
|
+
title: "Instances",
|
|
142
|
+
field: "instances",
|
|
143
|
+
render: (row) => `${row.allocatedInstancesCount}/${row.maxNumberInstances || "\u221E"}`
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
title: "Memory (MB)",
|
|
147
|
+
field: "memory",
|
|
148
|
+
render: (row) => `${row.allocatedMemoryMB}/${row.memoryLimitMB || "\u221E"}`
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
title: "CPU",
|
|
152
|
+
field: "cpu",
|
|
153
|
+
render: (row) => `${row.allocatedCpu}/${row.cpuLimit || "\u221E"}`
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
title: "Storage (GB)",
|
|
157
|
+
field: "storage",
|
|
158
|
+
render: (row) => `${row.allocatedStorageGB}/${row.storageLimitGB || "\u221E"}`
|
|
159
|
+
}
|
|
160
|
+
],
|
|
161
|
+
data: projectData.zones,
|
|
162
|
+
options: {
|
|
163
|
+
search: true,
|
|
164
|
+
paging: true
|
|
150
165
|
}
|
|
151
|
-
],
|
|
152
|
-
data: projectData.zones,
|
|
153
|
-
options: {
|
|
154
|
-
search: true,
|
|
155
|
-
paging: true
|
|
156
166
|
}
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
167
|
+
) }) }),
|
|
168
|
+
Object.keys(projectData.constraints).length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Constraints", children: /* @__PURE__ */ jsx(
|
|
169
|
+
StructuredMetadataTable,
|
|
170
|
+
{
|
|
171
|
+
metadata: projectData.constraints
|
|
172
|
+
}
|
|
173
|
+
) }) }),
|
|
174
|
+
Object.keys(projectData.customProperties).length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Custom Properties", children: /* @__PURE__ */ jsx(
|
|
175
|
+
StructuredMetadataTable,
|
|
176
|
+
{
|
|
177
|
+
metadata: projectData.customProperties
|
|
178
|
+
}
|
|
179
|
+
) }) })
|
|
180
|
+
] });
|
|
169
181
|
};
|
|
170
182
|
|
|
171
183
|
export { VCFAutomationProjectDetails };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCFAutomationProjectDetails.esm.js","sources":["../../src/components/VCFAutomationProjectDetails.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';\nimport {\n InfoCard,\n Progress,\n ResponseErrorPanel,\n StructuredMetadataTable,\n Table,\n Link,\n} from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { VcfProjectZone } from '../types';\n\ntype ProjectMember = {\n email: string;\n type: string;\n};\n\ntype SystemDeployment = {\n name: string;\n title: string;\n owner: string;\n vmCount: number;\n resourceCount: number;\n entityRef: string;\n};\n\nexport const VCFAutomationProjectDetails = () => {\n const { entity } = useEntity();\n const vcfAutomationApi = useApi(vcfAutomationApiRef);\n const catalogApi = useApi(catalogApiRef);\n const projectId = entity.metadata.name;\n\n const { allowed } = usePermission({\n permission: viewProjectDetailsPermission,\n });\n\n const { value: projectData, loading: projectLoading, error: projectError } = useAsync(async () => {\n if (!projectId || !allowed) return undefined;\n return await vcfAutomationApi.getProjectDetails(projectId);\n }, [projectId, allowed]);\n\n const { value: systemsData, loading: systemsLoading } = useAsync(async () => {\n if (!projectId || !allowed) return undefined;\n\n // Get all systems that belong to this project's domain\n const systems = await catalogApi.getEntities({\n filter: {\n kind: 'System',\n 'spec.domain': projectId,\n },\n });\n\n const deployments = await Promise.all(\n systems.items.map(async (system) => {\n // Get VMs belonging to this system\n const vms = await catalogApi.getEntities({\n filter: {\n kind: 'Component',\n 'spec.type': 'Cloud.vSphere.Machine',\n 'spec.system': system.metadata.name,\n },\n });\n\n // Get other resources belonging to this system\n const resources = await catalogApi.getEntities({\n filter: {\n kind: 'Resource',\n 'spec.system': system.metadata.name,\n },\n });\n\n const owner = system.spec?.owner;\n return {\n name: system.metadata.name,\n title: system.metadata.title || system.metadata.name,\n owner: typeof owner === 'string' ? owner : 'N/A',\n vmCount: vms.items.length,\n resourceCount: resources.items.length,\n entityRef: `/catalog/${system.metadata.namespace || 'default'}/system/${system.metadata.name}`,\n } as SystemDeployment;\n }),\n );\n\n return deployments;\n }, [projectId, allowed]);\n\n if (projectError) {\n return <ResponseErrorPanel error={projectError} />;\n }\n\n if (projectLoading || systemsLoading) {\n return <Progress />;\n }\n\n if (!projectId) {\n return <InfoCard title=\"No project ID found\">This entity is not associated with a VCF project.</InfoCard>;\n }\n\n if (!allowed) {\n return <InfoCard title=\"Permission Denied\">You don't have permission to view project details.</InfoCard>;\n }\n\n if (!projectData) {\n return <InfoCard title=\"No Data\">No project details available.</InfoCard>;\n }\n\n const renderMemberTable = (members: ProjectMember[], title: string) => (\n <Grid item xs={12} md={6}>\n <InfoCard title={title}>\n <Table\n columns={[\n { title: 'Email', field: 'email' },\n { title: 'Type', field: 'type' },\n ]}\n data={members}\n options={{ search: false, paging: false }}\n />\n </InfoCard>\n </Grid>\n );\n\n return (\n <Grid container spacing={3}>\n <Grid item xs={12}>\n <InfoCard title=\"Project Overview\">\n <StructuredMetadataTable\n metadata={{\n 'Project Name': projectData.name,\n 'Project ID': projectData.id,\n Description: projectData.description,\n 'Organization ID': projectData.organizationId,\n 'Operation Timeout': `${projectData.operationTimeout} seconds`,\n 'Machine Naming Template': projectData.machineNamingTemplate || 'N/A',\n 'Shared Resources': projectData.sharedResources ? 'Yes' : 'No',\n }}\n />\n </InfoCard>\n </Grid>\n\n <Grid item xs={12}>\n <InfoCard title=\"Project Deployments\">\n <Table\n columns={[\n { \n title: 'Name', \n field: 'title',\n render: (row: SystemDeployment) => (\n <Link to={row.entityRef}>{row.title}</Link>\n ),\n },\n { title: 'Owner', field: 'owner' },\n { \n title: 'VMs', \n field: 'vmCount',\n align: 'right',\n },\n { \n title: 'Additional Resources', \n field: 'resourceCount',\n align: 'right',\n },\n ]}\n data={systemsData || []}\n options={{\n search: true,\n paging: true,\n }}\n />\n </InfoCard>\n </Grid>\n\n <Grid item xs={12}>\n <InfoCard title=\"Project Members\">\n <Grid container spacing={3}>\n {renderMemberTable(projectData.administrators, 'Administrators')}\n {renderMemberTable(projectData.members, 'Members')}\n {renderMemberTable(projectData.viewers, 'Viewers')}\n {renderMemberTable(projectData.supervisors, 'Supervisors')}\n </Grid>\n </InfoCard>\n </Grid>\n\n <Grid item xs={12}>\n <InfoCard title=\"Project Zones\">\n <Table\n columns={[\n { title: 'Zone ID', field: 'zoneId' },\n { title: 'Priority', field: 'priority' },\n { \n title: 'Instances', \n field: 'instances',\n render: (row: VcfProjectZone) => `${row.allocatedInstancesCount}/${row.maxNumberInstances || '∞'}`,\n },\n { \n title: 'Memory (MB)', \n field: 'memory',\n render: (row: VcfProjectZone) => `${row.allocatedMemoryMB}/${row.memoryLimitMB || '∞'}`,\n },\n { \n title: 'CPU', \n field: 'cpu',\n render: (row: VcfProjectZone) => `${row.allocatedCpu}/${row.cpuLimit || '∞'}`,\n },\n { \n title: 'Storage (GB)', \n field: 'storage',\n render: (row: VcfProjectZone) => `${row.allocatedStorageGB}/${row.storageLimitGB || '∞'}`,\n },\n ]}\n data={projectData.zones}\n options={{\n search: true,\n paging: true,\n }}\n />\n </InfoCard>\n </Grid>\n\n {Object.keys(projectData.constraints).length > 0 && (\n <Grid item xs={12}>\n <InfoCard title=\"Constraints\">\n <StructuredMetadataTable\n metadata={projectData.constraints}\n />\n </InfoCard>\n </Grid>\n )}\n\n {Object.keys(projectData.customProperties).length > 0 && (\n <Grid item xs={12}>\n <InfoCard title=\"Custom Properties\">\n <StructuredMetadataTable\n metadata={projectData.customProperties}\n />\n </InfoCard>\n </Grid>\n )}\n </Grid>\n );\n}; "],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VCFAutomationProjectDetails.esm.js","sources":["../../src/components/VCFAutomationProjectDetails.tsx"],"sourcesContent":["import { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';\nimport {\n InfoCard,\n Progress,\n ResponseErrorPanel,\n StructuredMetadataTable,\n Table,\n Link,\n} from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { VcfProjectZone } from '../types';\n\ntype ProjectMember = {\n email: string;\n type: string;\n};\n\ntype SystemDeployment = {\n name: string;\n title: string;\n owner: string;\n vmCount: number;\n resourceCount: number;\n entityRef: string;\n};\n\nexport const VCFAutomationProjectDetails = () => {\n const { entity } = useEntity();\n const vcfAutomationApi = useApi(vcfAutomationApiRef);\n const catalogApi = useApi(catalogApiRef);\n const projectId = entity.metadata.name;\n\n const { allowed } = usePermission({\n permission: viewProjectDetailsPermission,\n });\n\n const { value: projectData, loading: projectLoading, error: projectError } = useAsync(async () => {\n if (!projectId || !allowed) return undefined;\n return await vcfAutomationApi.getProjectDetails(projectId);\n }, [projectId, allowed]);\n\n const { value: systemsData, loading: systemsLoading } = useAsync(async () => {\n if (!projectId || !allowed) return undefined;\n\n // Get all systems that belong to this project's domain\n const systems = await catalogApi.getEntities({\n filter: {\n kind: 'System',\n 'spec.domain': projectId,\n },\n });\n\n const deployments = await Promise.all(\n systems.items.map(async (system) => {\n // Get VMs belonging to this system\n const vms = await catalogApi.getEntities({\n filter: {\n kind: 'Component',\n 'spec.type': 'Cloud.vSphere.Machine',\n 'spec.system': system.metadata.name,\n },\n });\n\n // Get other resources belonging to this system\n const resources = await catalogApi.getEntities({\n filter: {\n kind: 'Resource',\n 'spec.system': system.metadata.name,\n },\n });\n\n const owner = system.spec?.owner;\n return {\n name: system.metadata.name,\n title: system.metadata.title || system.metadata.name,\n owner: typeof owner === 'string' ? owner : 'N/A',\n vmCount: vms.items.length,\n resourceCount: resources.items.length,\n entityRef: `/catalog/${system.metadata.namespace || 'default'}/system/${system.metadata.name}`,\n } as SystemDeployment;\n }),\n );\n\n return deployments;\n }, [projectId, allowed]);\n\n if (projectError) {\n return <ResponseErrorPanel error={projectError} />;\n }\n\n if (projectLoading || systemsLoading) {\n return <Progress />;\n }\n\n if (!projectId) {\n return <InfoCard title=\"No project ID found\">This entity is not associated with a VCF project.</InfoCard>;\n }\n\n if (!allowed) {\n return <InfoCard title=\"Permission Denied\">You don't have permission to view project details.</InfoCard>;\n }\n\n if (!projectData) {\n return <InfoCard title=\"No Data\">No project details available.</InfoCard>;\n }\n\n const renderMemberTable = (members: ProjectMember[], title: string) => (\n <Grid item xs={12} md={6}>\n <InfoCard title={title}>\n <Table\n columns={[\n { title: 'Email', field: 'email' },\n { title: 'Type', field: 'type' },\n ]}\n data={members}\n options={{ search: false, paging: false }}\n />\n </InfoCard>\n </Grid>\n );\n\n return (\n <Grid container spacing={3}>\n <Grid item xs={12}>\n <InfoCard title=\"Project Overview\">\n <StructuredMetadataTable\n metadata={{\n 'Project Name': projectData.name,\n 'Project ID': projectData.id,\n Description: projectData.description,\n 'Organization ID': projectData.organizationId,\n 'Operation Timeout': `${projectData.operationTimeout} seconds`,\n 'Machine Naming Template': projectData.machineNamingTemplate || 'N/A',\n 'Shared Resources': projectData.sharedResources ? 'Yes' : 'No',\n }}\n />\n </InfoCard>\n </Grid>\n\n <Grid item xs={12}>\n <InfoCard title=\"Project Deployments\">\n <Table\n columns={[\n { \n title: 'Name', \n field: 'title',\n render: (row: SystemDeployment) => (\n <Link to={row.entityRef}>{row.title}</Link>\n ),\n },\n { title: 'Owner', field: 'owner' },\n { \n title: 'VMs', \n field: 'vmCount',\n align: 'right',\n },\n { \n title: 'Additional Resources', \n field: 'resourceCount',\n align: 'right',\n },\n ]}\n data={systemsData || []}\n options={{\n search: true,\n paging: true,\n }}\n />\n </InfoCard>\n </Grid>\n\n <Grid item xs={12}>\n <InfoCard title=\"Project Members\">\n <Grid container spacing={3}>\n {renderMemberTable(projectData.administrators, 'Administrators')}\n {renderMemberTable(projectData.members, 'Members')}\n {renderMemberTable(projectData.viewers, 'Viewers')}\n {renderMemberTable(projectData.supervisors, 'Supervisors')}\n </Grid>\n </InfoCard>\n </Grid>\n\n <Grid item xs={12}>\n <InfoCard title=\"Project Zones\">\n <Table\n columns={[\n { title: 'Zone ID', field: 'zoneId' },\n { title: 'Priority', field: 'priority' },\n { \n title: 'Instances', \n field: 'instances',\n render: (row: VcfProjectZone) => `${row.allocatedInstancesCount}/${row.maxNumberInstances || '∞'}`,\n },\n { \n title: 'Memory (MB)', \n field: 'memory',\n render: (row: VcfProjectZone) => `${row.allocatedMemoryMB}/${row.memoryLimitMB || '∞'}`,\n },\n { \n title: 'CPU', \n field: 'cpu',\n render: (row: VcfProjectZone) => `${row.allocatedCpu}/${row.cpuLimit || '∞'}`,\n },\n { \n title: 'Storage (GB)', \n field: 'storage',\n render: (row: VcfProjectZone) => `${row.allocatedStorageGB}/${row.storageLimitGB || '∞'}`,\n },\n ]}\n data={projectData.zones}\n options={{\n search: true,\n paging: true,\n }}\n />\n </InfoCard>\n </Grid>\n\n {Object.keys(projectData.constraints).length > 0 && (\n <Grid item xs={12}>\n <InfoCard title=\"Constraints\">\n <StructuredMetadataTable\n metadata={projectData.constraints}\n />\n </InfoCard>\n </Grid>\n )}\n\n {Object.keys(projectData.customProperties).length > 0 && (\n <Grid item xs={12}>\n <InfoCard title=\"Custom Properties\">\n <StructuredMetadataTable\n metadata={projectData.customProperties}\n />\n </InfoCard>\n </Grid>\n )}\n </Grid>\n );\n}; "],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useEntity } from '@backstage/plugin-catalog-react';
|
|
3
3
|
import { useApi } from '@backstage/core-plugin-api';
|
|
4
4
|
import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
|
|
@@ -20,27 +20,89 @@ const VCFAutomationProjectOverview = () => {
|
|
|
20
20
|
return await api.getProjectDetails(projectId);
|
|
21
21
|
}, [projectId, hasViewPermission]);
|
|
22
22
|
if (!projectId) {
|
|
23
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Typography, { children: "No project ID found for this entity." }) });
|
|
24
24
|
}
|
|
25
25
|
if (loading || permissionLoading) {
|
|
26
|
-
return /* @__PURE__ */
|
|
26
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Progress, {}) });
|
|
27
27
|
}
|
|
28
28
|
if (!hasViewPermission) {
|
|
29
|
-
return /* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Typography, { children: "You don't have permission to view project details." }) });
|
|
30
30
|
}
|
|
31
31
|
if (error) {
|
|
32
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
|
|
33
33
|
}
|
|
34
34
|
if (!project) {
|
|
35
|
-
return /* @__PURE__ */
|
|
35
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Typography, { children: "No project details available." }) });
|
|
36
36
|
}
|
|
37
|
-
return /* @__PURE__ */
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
37
|
+
return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
|
|
38
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
|
|
39
|
+
/* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Name" }),
|
|
40
|
+
/* @__PURE__ */ jsx(Typography, { children: project.name })
|
|
41
|
+
] }),
|
|
42
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
|
|
43
|
+
/* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Description" }),
|
|
44
|
+
/* @__PURE__ */ jsx(Typography, { children: project.description || "No description" })
|
|
45
|
+
] }),
|
|
46
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
|
|
47
|
+
/* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Administrators" }),
|
|
48
|
+
/* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: project.administrators.map((admin) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
49
|
+
Chip,
|
|
50
|
+
{
|
|
51
|
+
label: `${admin.email} (${admin.type})`,
|
|
52
|
+
size: "small"
|
|
53
|
+
}
|
|
54
|
+
) }, `${admin.email}-${admin.type}`)) })
|
|
55
|
+
] }),
|
|
56
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
|
|
57
|
+
/* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Resource Allocation" }),
|
|
58
|
+
project.zones.map((zone) => /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
|
|
59
|
+
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
60
|
+
"Zone: ",
|
|
61
|
+
zone.zoneId
|
|
62
|
+
] }) }),
|
|
63
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
|
|
64
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Instances" }),
|
|
65
|
+
/* @__PURE__ */ jsxs(Typography, { children: [
|
|
66
|
+
zone.allocatedInstancesCount,
|
|
67
|
+
" / ",
|
|
68
|
+
zone.maxNumberInstances || "Unlimited"
|
|
69
|
+
] })
|
|
70
|
+
] }),
|
|
71
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
|
|
72
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Memory (MB)" }),
|
|
73
|
+
/* @__PURE__ */ jsxs(Typography, { children: [
|
|
74
|
+
zone.allocatedMemoryMB,
|
|
75
|
+
" / ",
|
|
76
|
+
zone.memoryLimitMB || "Unlimited"
|
|
77
|
+
] })
|
|
78
|
+
] }),
|
|
79
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
|
|
80
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", children: "CPU" }),
|
|
81
|
+
/* @__PURE__ */ jsxs(Typography, { children: [
|
|
82
|
+
zone.allocatedCpu,
|
|
83
|
+
" / ",
|
|
84
|
+
zone.cpuLimit || "Unlimited"
|
|
85
|
+
] })
|
|
86
|
+
] }),
|
|
87
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
|
|
88
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Storage (GB)" }),
|
|
89
|
+
/* @__PURE__ */ jsxs(Typography, { children: [
|
|
90
|
+
zone.allocatedStorageGB,
|
|
91
|
+
" / ",
|
|
92
|
+
zone.storageLimitGB || "Unlimited"
|
|
93
|
+
] })
|
|
94
|
+
] })
|
|
95
|
+
] }, zone.id))
|
|
96
|
+
] }),
|
|
97
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
|
|
98
|
+
/* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Shared Resources" }),
|
|
99
|
+
/* @__PURE__ */ jsx(Typography, { children: project.sharedResources ? "Yes" : "No" })
|
|
100
|
+
] }),
|
|
101
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
|
|
102
|
+
/* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Placement Policy" }),
|
|
103
|
+
/* @__PURE__ */ jsx(Typography, { children: project.placementPolicy })
|
|
104
|
+
] })
|
|
105
|
+
] }) });
|
|
44
106
|
};
|
|
45
107
|
|
|
46
108
|
export { VCFAutomationProjectOverview };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCFAutomationProjectOverview.esm.js","sources":["../../src/components/VCFAutomationProjectOverview.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport {\n InfoCard,\n Progress,\n ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { Grid, Typography, Chip } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';\n\nexport const VCFAutomationProjectOverview = () => {\n const { entity } = useEntity();\n const api = useApi(vcfAutomationApiRef);\n const projectId = entity.metadata.name;\n\n const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({\n permission: viewProjectDetailsPermission,\n });\n\n const { value: project, loading, error } = useAsync(async () => {\n if (!projectId || !hasViewPermission) return undefined;\n return await api.getProjectDetails(projectId);\n }, [projectId, hasViewPermission]);\n\n if (!projectId) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Typography>No project ID found for this entity.</Typography>\n </InfoCard>\n );\n }\n\n if (loading || permissionLoading) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Progress />\n </InfoCard>\n );\n }\n\n if (!hasViewPermission) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Typography>You don't have permission to view project details.</Typography>\n </InfoCard>\n );\n }\n\n if (error) {\n return <ResponseErrorPanel error={error} />;\n }\n\n if (!project) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Typography>No project details available.</Typography>\n </InfoCard>\n );\n }\n\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Grid container spacing={2}>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Name</Typography>\n <Typography>{project.name}</Typography>\n </Grid>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Description</Typography>\n <Typography>{project.description || 'No description'}</Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Administrators</Typography>\n <Grid container spacing={1}>\n {project.administrators.map((admin: { email: any; type: any; }) => (\n <Grid item key={`${admin.email}-${admin.type}`}>\n <Chip\n label={`${admin.email} (${admin.type})`}\n size=\"small\"\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Resource Allocation</Typography>\n {project.zones.map((zone: { id: React.Key | null | undefined; zoneId: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined; allocatedInstancesCount: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined; maxNumberInstances: any; allocatedMemoryMB: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined; memoryLimitMB: any; allocatedCpu: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined; cpuLimit: any; allocatedStorageGB: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null | undefined; storageLimitGB: any; }) => (\n <Grid container spacing={2} key={zone.id}>\n <Grid item xs={12}>\n <Typography variant=\"body2\">Zone: {zone.zoneId}</Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">Instances</Typography>\n <Typography>\n {zone.allocatedInstancesCount} / {zone.maxNumberInstances || 'Unlimited'}\n </Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">Memory (MB)</Typography>\n <Typography>\n {zone.allocatedMemoryMB} / {zone.memoryLimitMB || 'Unlimited'}\n </Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">CPU</Typography>\n <Typography>\n {zone.allocatedCpu} / {zone.cpuLimit || 'Unlimited'}\n </Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">Storage (GB)</Typography>\n <Typography>\n {zone.allocatedStorageGB} / {zone.storageLimitGB || 'Unlimited'}\n </Typography>\n </Grid>\n </Grid>\n ))}\n </Grid>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Shared Resources</Typography>\n <Typography>{project.sharedResources ? 'Yes' : 'No'}</Typography>\n </Grid>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Placement Policy</Typography>\n <Typography>{project.placementPolicy}</Typography>\n </Grid>\n </Grid>\n </InfoCard>\n );\n}; "],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VCFAutomationProjectOverview.esm.js","sources":["../../src/components/VCFAutomationProjectOverview.tsx"],"sourcesContent":["import { Key, JSXElementConstructor, ReactElement, ReactNode, ReactPortal } from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport {\n InfoCard,\n Progress,\n ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { Grid, Typography, Chip } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';\n\nexport const VCFAutomationProjectOverview = () => {\n const { entity } = useEntity();\n const api = useApi(vcfAutomationApiRef);\n const projectId = entity.metadata.name;\n\n const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({\n permission: viewProjectDetailsPermission,\n });\n\n const { value: project, loading, error } = useAsync(async () => {\n if (!projectId || !hasViewPermission) return undefined;\n return await api.getProjectDetails(projectId);\n }, [projectId, hasViewPermission]);\n\n if (!projectId) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Typography>No project ID found for this entity.</Typography>\n </InfoCard>\n );\n }\n\n if (loading || permissionLoading) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Progress />\n </InfoCard>\n );\n }\n\n if (!hasViewPermission) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Typography>You don't have permission to view project details.</Typography>\n </InfoCard>\n );\n }\n\n if (error) {\n return <ResponseErrorPanel error={error} />;\n }\n\n if (!project) {\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Typography>No project details available.</Typography>\n </InfoCard>\n );\n }\n\n return (\n <InfoCard title=\"VCF Automation Project\">\n <Grid container spacing={2}>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Name</Typography>\n <Typography>{project.name}</Typography>\n </Grid>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Description</Typography>\n <Typography>{project.description || 'No description'}</Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Administrators</Typography>\n <Grid container spacing={1}>\n {project.administrators.map((admin: { email: any; type: any; }) => (\n <Grid item key={`${admin.email}-${admin.type}`}>\n <Chip\n label={`${admin.email} (${admin.type})`}\n size=\"small\"\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Resource Allocation</Typography>\n {project.zones.map((zone: { id: Key | null | undefined; zoneId: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; allocatedInstancesCount: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; maxNumberInstances: any; allocatedMemoryMB: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; memoryLimitMB: any; allocatedCpu: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; cpuLimit: any; allocatedStorageGB: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; storageLimitGB: any; }) => (\n <Grid container spacing={2} key={zone.id}>\n <Grid item xs={12}>\n <Typography variant=\"body2\">Zone: {zone.zoneId}</Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">Instances</Typography>\n <Typography>\n {zone.allocatedInstancesCount} / {zone.maxNumberInstances || 'Unlimited'}\n </Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">Memory (MB)</Typography>\n <Typography>\n {zone.allocatedMemoryMB} / {zone.memoryLimitMB || 'Unlimited'}\n </Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">CPU</Typography>\n <Typography>\n {zone.allocatedCpu} / {zone.cpuLimit || 'Unlimited'}\n </Typography>\n </Grid>\n <Grid item xs={4}>\n <Typography variant=\"caption\">Storage (GB)</Typography>\n <Typography>\n {zone.allocatedStorageGB} / {zone.storageLimitGB || 'Unlimited'}\n </Typography>\n </Grid>\n </Grid>\n ))}\n </Grid>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Shared Resources</Typography>\n <Typography>{project.sharedResources ? 'Yes' : 'No'}</Typography>\n </Grid>\n <Grid item xs={6}>\n <Typography variant=\"subtitle2\">Placement Policy</Typography>\n <Typography>{project.placementPolicy}</Typography>\n </Grid>\n </Grid>\n </InfoCard>\n );\n}; "],"names":[],"mappings":"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"}
|