michael/tickettracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve analysis group headings

Browse Source
This commit is contained in:
michael
2026-08-05 11:38:28 +02:00
parent 125b1d22ff
commit 0325631d02
1 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/AnalysisPage.tsx
+25 -15
View File
@@ -856,16 +856,21 @@ export function AnalysisPage({ onNavigate }: AnalysisPageProps) {
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
{ticketSections.map((section) => ( {ticketSections.map((section, sectionIndex) => (
<Fragment key={section.key}> <Fragment key={section.key}>
{ticketViewSettings.groupBy !== "none" ? ( {ticketViewSettings.groupBy !== "none" ? (
<TableRow className="bg-muted/40 hover:bg-muted/40"> <TableRow className={`${sectionIndex > 0 ? "border-t-[12px] border-t-background" : ""} border-b-2 border-border bg-muted/70 hover:bg-muted/70`}>
<TableCell colSpan={9}> <TableCell colSpan={9} className="py-0">
<div className="flex flex-wrap items-center gap-2"> <div className="flex flex-wrap items-center justify-between gap-3 rounded-md border border-border/80 bg-card px-3 py-2 shadow-sm">
<span className="font-semibold">{section.label}</span> <div className="flex min-w-0 items-center gap-2">
<Badge variant="outline">{section.ticketCount} Ticket(s)</Badge> <span className="rounded-sm bg-primary px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-primary-foreground">Gruppe</span>
<Badge variant="outline">{formatMinutes(section.totalMinutes)}</Badge> <span className="truncate text-base font-semibold">{section.label}</span>
{section.openCount > 0 ? <Badge variant="warning">{section.openCount} offen</Badge> : <Badge variant="success">bewertet</Badge>} </div>
<div className="flex flex-wrap items-center gap-2">
<Badge variant="outline">{section.ticketCount} Ticket(s)</Badge>
<Badge variant="outline">{formatMinutes(section.totalMinutes)}</Badge>
{section.openCount > 0 ? <Badge variant="warning">{section.openCount} offen</Badge> : <Badge variant="success">bewertet</Badge>}
</div>
</div> </div>
</TableCell> </TableCell>
</TableRow> </TableRow>
@@ -902,14 +907,19 @@ export function AnalysisPage({ onNavigate }: AnalysisPageProps) {
</div> </div>
<div className="space-y-2 md:hidden"> <div className="space-y-2 md:hidden">
{ticketSections.map((section) => ( {ticketSections.map((section, sectionIndex) => (
<div key={section.key} className="space-y-2"> <div key={section.key} className={`space-y-2 ${ticketViewSettings.groupBy !== "none" && sectionIndex > 0 ? "pt-3" : ""}`}>
{ticketViewSettings.groupBy !== "none" ? ( {ticketViewSettings.groupBy !== "none" ? (
<div className="flex flex-wrap items-center gap-2 rounded-md border bg-muted/40 px-3 py-2"> <div className="rounded-md border-2 border-border bg-card px-3 py-2 shadow-sm">
<span className="font-semibold">{section.label}</span> <div className="mb-2 flex min-w-0 items-center gap-2">
<Badge variant="outline">{section.ticketCount} Ticket(s)</Badge> <span className="rounded-sm bg-primary px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-primary-foreground">Gruppe</span>
<Badge variant="outline">{formatMinutes(section.totalMinutes)}</Badge> <span className="truncate text-base font-semibold">{section.label}</span>
{section.openCount > 0 ? <Badge variant="warning">{section.openCount} offen</Badge> : <Badge variant="success">bewertet</Badge>} </div>
<div className="flex flex-wrap items-center gap-2">
<Badge variant="outline">{section.ticketCount} Ticket(s)</Badge>
<Badge variant="outline">{formatMinutes(section.totalMinutes)}</Badge>
{section.openCount > 0 ? <Badge variant="warning">{section.openCount} offen</Badge> : <Badge variant="success">bewertet</Badge>}
</div>
</div> </div>
) : null} ) : null}
{section.tickets.map((ticket) => ( {section.tickets.map((ticket) => (