Abdulbari/sgeUpdated
1
0
Fork 1
forked from BLC/sgeUpdated
Code Pull Requests Actions Activity

Add cityID in creation and update and edit some graphics in the map

Browse Source
This commit is contained in:
Khaled Elagamy
2025-08-19 09:24:29 +03:00
parent 50c6a2ef5b
commit a14bc4e73a
5 changed files with 158 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
sge-frontend/src/views/DataCenter.js
View File

@@ -20,15 +20,14 @@ const DataCenter = () => {
const getAllPhysicalMachines = (dataCenter) => {
// Physical machines are directly in the dataCenter object, not in projects
const pms = dataCenter.physicalMachines || [];
console.log(`Physical machines for ${dataCenter.dataCenter}:`, pms);
return pms;
};
// Table columns following your pattern
const initialColumns = [
{
name: "Number",
selector: (row) => row.number,
name: "External ID",
selector: (row) => row.externalId,
sortable: true,
minWidth: "100px",
},
@@ -39,32 +38,32 @@ const DataCenter = () => {
minWidth: "200px",
},
// Projects - Based on API response, this field might not exist or be structured differently
{
name: "Projects",
selector: (row) => row.projects?.length || 0,
sortable: true,
minWidth: "200px",
cell: (row) => (
<div>
{row.projects && row.projects.length > 0 ? (
<div className="d-flex flex-column">
{row.projects.map((project, index) => (
<div
key={project.id}
className={`badge badge-light-primary ${
index > 0 ? "mt-1" : ""
}`}
>
{project.name}
</div>
))}
</div>
) : (
<span className="text-muted">-</span>
)}
</div>
),
},
// {
// name: "Projects",
// selector: (row) => row.projects?.length || 0,
// sortable: true,
// minWidth: "200px",
// cell: (row) => (
// <div>
// {row.projects && row.projects.length > 0 ? (
// <div className="d-flex flex-column">
// {row.projects.map((project, index) => (
// <div
// key={project.id}
// className={`badge badge-light-primary ${
// index > 0 ? "mt-1" : ""
// }`}
// >
// {project.name}
// </div>
// ))}
// </div>
// ) : (
// <span className="text-muted">-</span>
// )}
// </div>
// ),
// },
// Physical Machines
{
name: "Physical Machines",