Unterstützung: Anzeige in Arbeitsblatt-Liste und Gesamtzeit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/components/WorksheetList.jsx

@@ -2,7 +2,7 @@ import { useState } from 'react'
 import { FaClock, FaUser, FaExchangeAlt, FaComment, FaChevronDown, FaChevronUp, FaPen, FaCheck, FaHandsHelping } from 'react-icons/fa'
 import { serviceTypeLabel, needsTimeEntry, worksheetTone } from '../lib/ticketForm'
 import { statusLabel } from '../lib/ticketStatus'
-import { parseSupporters } from '../lib/support'
+import { parseSupporters, supportMinutes, firstName } from '../lib/support'
 
 // Kopffarbe je Zustand (worksheetTone): orange = Git-Zeit fehlt, gruen = Git-Zeit eingetragen
 const TONES = {
@@ -76,6 +76,7 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
           const isGit = ws.serviceType === 'GIT'
           const tone = worksheetTone(ws)
           const colors = TONES[tone]
+          const supporters = ws.isComment ? [] : parseSupporters(ws.supporters)
           
           return (
             <div key={ws.$id} className="timeline-item mb-4" style={{
@@ -134,6 +135,11 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
                           <FaCheck className="me-1" /> Zeit eingetragen
                         </span>
                       )}
+                      {supporters.length > 0 && (
+                        <span className="badge ms-2" title="Weitere Personen haben unterstützt" style={headerBadgeStyle}>
+                          +{supporters.length} Unterstützung
+                        </span>
+                      )}
                       {ws.countsToPlan && !ws.isComment && (
                         <span className="badge ms-2" title="Wird vom Stundenguthaben des Wartungs-Abos abgezogen" style={{ ...headerBadgeStyle, background: '#9d3dfe' }}>
                           Abo-Stunden
@@ -255,6 +261,17 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
                       </div>
                     </div>
 
+                    {/* Unterstuetzung: je Person die Haelfte der Arbeitszeit, aufgerundet auf 15 Minuten */}
+                    {supporters.length > 0 && (
+                      <div className="mb-3 worksheet-supporters">
+                        {supporters.map((sup) => (
+                          <div key={sup.employeeId} style={{ fontSize: '0.9rem', color: 'var(--text-muted)' }}>
+                            ↳ Unterstützung {firstName(sup.name)} · {sup.task} · {formatTime(supportMinutes(ws.totalTime))}
+                          </div>
+                        ))}
+                      </div>
+                    )}
+
                     {/* Service Type */}
                     <div className="mb-3">
                       <span className="badge px-3 py-2" style={{ 

src/components/WorksheetSummary.jsx

@@ -1,4 +1,5 @@
 import { needsTimeEntry } from '../lib/ticketForm'
+import { worksheetMinutes } from '../lib/support'
 
 const formatTime = (minutes) => {
   const hours = Math.floor(minutes / 60)
@@ -6,12 +7,12 @@ const formatTime = (minutes) => {
   return hours > 0 ? `${hours}h ${mins}min` : `${mins}min`
 }
 
-// Eine Zeile ueber der Arbeitsblatt-Liste: Arbeitszeit, Anzahl, offene Git-Zeiten
+// Eine Zeile ueber der Arbeitsblatt-Liste: Arbeitszeit (inkl. Unterstuetzung), Anzahl, offene Git-Zeiten
 export default function WorksheetSummary({ worksheets }) {
   if (!worksheets || worksheets.length === 0) return null
   const minutes = worksheets
     .filter((ws) => !ws.isComment)
-    .reduce((sum, ws) => sum + (Number(ws.totalTime) || 0), 0)
+    .reduce((sum, ws) => sum + worksheetMinutes(ws), 0)
   const open = worksheets.filter(needsTimeEntry).length
 
   return (

src/hooks/useWorksheets.js

@@ -2,7 +2,7 @@ import { useState, useEffect, useCallback } from 'react'
 import { databases, DATABASE_ID, COLLECTIONS, Query, ID } from '../lib/appwrite'
 import { canEditWorksheetTimes, isGitWorksheet } from '../lib/ticketForm'
 import { roundUpToStep, isValidStep } from '../lib/timeSteps'
-import { parseSupporters, serializeSupporters, canAddOwnSupport, upsertSupporter, removeSupporter } from '../lib/support'
+import { parseSupporters, serializeSupporters, canAddOwnSupport, upsertSupporter, removeSupporter, worksheetMinutes } from '../lib/support'
 
 const STEP_ERROR = 'Die Arbeitszeit muss in 15-Minuten-Schritten angegeben werden.'
 
@@ -307,7 +307,7 @@ export function useWorksheets(woid = null) {
   const getTotalTime = useCallback(() => {
     return worksheets
       .filter(ws => !ws.isComment)
-      .reduce((sum, ws) => sum + (ws.totalTime || 0), 0)
+      .reduce((sum, ws) => sum + worksheetMinutes(ws), 0)
   }, [worksheets])
 
   return {