pucketm2016/DCM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
mpuckett
2026-08-09 17:04:38 -05:00
parent 0fa80d1fb9
commit 140d006159
4 changed files with 143 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docker-compose.yml
View File

@@ -25,6 +25,7 @@ services:
git \
ca-certificates
rm -rf /var/lib/apt/lists/*
git config set advice.defaultBranchName false
if [ -f /apps/package.json ] && [ -d /apps/.git ]; then
cd /apps
git reset --hard
@@ -38,9 +39,10 @@ services:
git fetch origin main
git checkout -B main origin/main
fi
npm install
npm install --include=dev
npm run build
npm run start
npm prune --omit=dev
node server/index.js
volumes:
- dcm_data:/apps/data

86
src/App.tsx
View File

@@ -1314,14 +1314,16 @@ function RackView({
const rackHeight = rack.sizeU * RACK_ROW_HEIGHT;
const horizontalEquipment = rack.equipment.filter((item) => !(item.type === 'pdu' && item.pduMount === 'vertical'));
const verticalPdus = rack.equipment.filter((item) => item.type === 'pdu' && item.pduMount === 'vertical');
const totalWatts = rack.equipment.reduce((sum, item) => sum + item.powerWatts, 0);
const locationDisplay = [rack.locationArea, rack.locationRow, rack.locationColumn].filter(Boolean).join(' / ') || 'Unassigned';
return (
<Box sx={{ width: 270, flex: '0 0 270px', display: 'flex', flexDirection: 'column', gap: 1 }}>
<Paper
variant="outlined"
onClick={onSelectRack}
sx={{
width: 270,
flex: '0 0 270px',
width: '100%',
overflow: 'hidden',
borderColor: (theme) =>
selected?.kind === 'rack' && selected.rackId === rack.id
@@ -1515,6 +1517,50 @@ function RackView({
})}
</Box>
</Paper>
<Paper
variant="outlined"
onClick={onSelectRack}
sx={{
width: '100%',
p: 1,
cursor: 'pointer',
borderColor: (theme) =>
selected?.kind === 'rack' && selected.rackId === rack.id
? 'primary.main'
: theme.palette.mode === 'dark'
? 'rgba(97, 255, 207, 0.18)'
: 'rgba(0, 108, 95, 0.24)',
bgcolor: (theme) => (theme.palette.mode === 'dark' ? 'rgba(7, 17, 16, 0.72)' : 'rgba(244, 249, 241, 0.9)'),
backgroundImage: (theme) =>
theme.palette.mode === 'dark'
? 'linear-gradient(135deg, rgba(97, 255, 207, 0.08), rgba(240, 184, 77, 0.04))'
: 'linear-gradient(135deg, rgba(0, 108, 95, 0.08), rgba(156, 92, 12, 0.05))',
boxShadow: (theme) =>
theme.palette.mode === 'dark'
? '0 12px 28px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05)'
: '0 10px 22px rgba(23, 38, 33, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.65)',
}}
>
<Stack spacing={0.45}>
<Box sx={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between', gap: 1, minWidth: 0 }}>
<Typography variant="caption" color="text.secondary" sx={{ flex: '0 0 auto', fontSize: 9, textTransform: 'uppercase' }}>
Location
</Typography>
<Typography variant="caption" noWrap sx={{ minWidth: 0, fontWeight: 900, textAlign: 'right' }}>
{locationDisplay}
</Typography>
</Box>
<Box sx={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between', gap: 1, minWidth: 0 }}>
<Typography variant="caption" color="text.secondary" sx={{ fontSize: 9, textTransform: 'uppercase' }}>
Total Watts
</Typography>
<Typography variant="caption" sx={{ fontWeight: 900 }}>
{totalWatts.toLocaleString()} W
</Typography>
</Box>
</Stack>
</Paper>
</Box>
);
}
@@ -1654,7 +1700,41 @@ function PropertiesPanel({
/>
<TextField label="Manufacturer" value={selectedRack.manufacturer} onChange={(event) => onRackChange(selectedRack.id, { manufacturer: event.target.value })} fullWidth />
<TextField label="Model" value={selectedRack.model} onChange={(event) => onRackChange(selectedRack.id, { model: event.target.value })} fullWidth />
<TextField label="Location" value={selectedRack.location} onChange={(event) => onRackChange(selectedRack.id, { location: event.target.value })} fullWidth />
<Stack direction={{ xs: 'column', sm: 'row' }} spacing={1}>
<TextField
label="Area"
value={selectedRack.locationArea}
onChange={(event) =>
onRackChange(selectedRack.id, {
locationArea: event.target.value,
location: [event.target.value, selectedRack.locationRow, selectedRack.locationColumn].filter(Boolean).join('/'),
})
}
fullWidth
/>
<TextField
label="Row"
value={selectedRack.locationRow}
onChange={(event) =>
onRackChange(selectedRack.id, {
locationRow: event.target.value,
location: [selectedRack.locationArea, event.target.value, selectedRack.locationColumn].filter(Boolean).join('/'),
})
}
fullWidth
/>
<TextField
label="Column"
value={selectedRack.locationColumn}
onChange={(event) =>
onRackChange(selectedRack.id, {
locationColumn: event.target.value,
location: [selectedRack.locationArea, selectedRack.locationRow, event.target.value].filter(Boolean).join('/'),
})
}
fullWidth
/>
</Stack>
<TextField label="Notes" value={selectedRack.notes} onChange={(event) => onRackChange(selectedRack.id, { notes: event.target.value })} multiline minRows={3} fullWidth />
<Button color="error" variant="outlined" startIcon={<Delete />} onClick={onDelete}>
Delete rack

3
src/types.ts
View File

@@ -93,6 +93,9 @@ export interface RackContainer {
manufacturer: string;
model: string;
location: string;
locationArea: string;
locationRow: string;
locationColumn: string;
notes: string;
equipment: Equipment[];
}

6
src/utils/model.ts
View File

@@ -27,6 +27,9 @@ export const createRack = (type: 'rack' | 'cabinet', index: number, sizeU = 42):
manufacturer: '',
model: '',
location: '',
locationArea: '',
locationRow: '',
locationColumn: '',
notes: '',
equipment: [],
});
@@ -157,6 +160,9 @@ export const normalizeDiagram = (value: unknown): DiagramData => {
manufacturer: rack.manufacturer || '',
model: rack.model || '',
location: rack.location || '',
locationArea: rack.locationArea || rack.location || '',
locationRow: rack.locationRow || '',
locationColumn: rack.locationColumn || '',
notes: rack.notes || '',
equipment: Array.isArray(rack.equipment)
? rack.equipment.map((item, itemIndex) => {