matthias/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct vorlageId casing in startExecution, make checklist rows clickable with alternating backgrounds

Browse Source
This commit is contained in:
Matthias Hochmeister
2026-03-28 17:57:45 +01:00
parent a04de62634
commit b62fd55246
2 changed files with 16 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/src/pages/Checklisten.tsx
View File

@@ -20,7 +20,7 @@ import {
IconButton,
InputLabel,
List,
ListItem,
ListItemButton,
ListItemText,
MenuItem,
Paper,
@@ -262,27 +262,21 @@ function OverviewTab({ overview, loading, canExecute, navigate }: OverviewTabPro
return <Alert severity="info" sx={{ mt: 1 }}>Keine Checklisten zugewiesen</Alert>;
}
const renderChecklistRow = (cl: ChecklistOverviewChecklist, itemId: string, type: 'fahrzeug' | 'ausruestung') => {
const renderChecklistRow = (cl: ChecklistOverviewChecklist, itemId: string, type: 'fahrzeug' | 'ausruestung', index: number) => {
const color = getDueColor(cl.next_due, cl.intervall);
const label = getDueLabel(cl.next_due, cl.intervall);
const param = type === 'fahrzeug' ? `fahrzeug=${itemId}` : `ausruestung=${itemId}`;
return (
<ListItem
<ListItemButton
key={cl.vorlage_id}
sx={{ py: 0.5, px: 1 }}
secondaryAction={
canExecute ? (
<Tooltip title="Checkliste starten">
<IconButton
size="small"
color="primary"
onClick={() => navigate(`/checklisten/ausfuehrung/new?${param}&vorlage=${cl.vorlage_id}`)}
>
<PlayArrow fontSize="small" />
</IconButton>
</Tooltip>
) : undefined
}
onClick={() => canExecute && navigate(`/checklisten/ausfuehrung/new?${param}&vorlage=${cl.vorlage_id}`)}
sx={{
py: 0.75,
px: 2,
bgcolor: index % 2 === 0 ? 'action.hover' : 'transparent',
cursor: canExecute ? 'pointer' : 'default',
'&:hover': canExecute ? undefined : { bgcolor: index % 2 === 0 ? 'action.hover' : 'transparent' },
}}
>
<ListItemText
primary={cl.vorlage_name}
@@ -293,9 +287,10 @@ function OverviewTab({ overview, loading, canExecute, navigate }: OverviewTabPro
color={color}
size="small"
variant="outlined"
sx={{ mr: canExecute ? 4 : 0, ml: 1 }}
sx={{ ml: 1, pointerEvents: 'none' }}
/>
</ListItem>
{canExecute && <PlayArrow fontSize="small" color="action" sx={{ ml: 1, opacity: 0.5 }} />}
</ListItemButton>
);
};
@@ -329,7 +324,7 @@ function OverviewTab({ overview, loading, canExecute, navigate }: OverviewTabPro
</AccordionSummary>
<AccordionDetails sx={{ p: 0 }}>
<List dense disablePadding>
{item.checklists.map((cl) => renderChecklistRow(cl, item.id, type))}
{item.checklists.map((cl, idx) => renderChecklistRow(cl, item.id, type, idx))}
</List>
</AccordionDetails>
</Accordion>