Unterstützung: eigene Zeilen und Gesamtzeit in den Projektdetails

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

public/app.js

@@ -249,7 +249,7 @@ function changeDayLabel(date) {
 }
 
 // Auftrag: Nummer, Betreff, Status und Fortschrittsleiste Eingegangen -> In Arbeit -> Prüfung -> Erledigt
-function renderOrder(order) {
+function renderOrder(order, totalMinutes = 0) {
   const { status } = order
   const steps = status.step > 0
     ? `<ol class="pd-steps" aria-label="Fortschritt des Auftrags">${ORDER_STEPS.map((label, i) => {
@@ -269,6 +269,7 @@ function renderOrder(order) {
       </div>
       <span class="pd-status">${escapeHtml(status.label)}</span>
     </div>
+    ${totalMinutes > 0 ? `<p class="pd-total">${pdIcon('clock', 'pd-time-ico')}Arbeitszeit gesamt: <strong>${fmtMinutes(totalMinutes)}</strong></p>` : ''}
     ${steps}${hint}`
 }
 
@@ -330,6 +331,9 @@ function renderWorkEntry(e, extra) {
           ${meta ? `<span class="pd-entry-meta">${meta}</span>` : ''}
         </div>
         ${body}
+        ${e.supports?.length ? `<ul class="pd-supports">${e.supports.map((x) => `
+          <li class="pd-support"><span>↳ Unterstützung ${escapeHtml(x.name)}: ${escapeHtml(x.task)}</span>
+          <span class="pd-time" title="Angerechnete Zeit der Unterstützung">${pdIcon('clock', 'pd-time-ico')}${fmtMinutes(x.minutes)}</span></li>`).join('')}</ul>` : ''}
       </div>
       ${e.minutes ? `<span class="pd-time" title="Arbeitszeit">${pdIcon('clock', 'pd-time-ico')}${fmtMinutes(e.minutes)}</span>` : ''}
     </li>`
@@ -387,7 +391,7 @@ async function loadProjectDetails(project, box, { stillWanted = () => true } = {
   const order = work?.order
 
   box.innerHTML = `
-    ${order ? `<section class="pd-order pd-tone-${escapeAttr(order.status.tone)}">${renderOrder(order)}</section>` : ''}
+    ${order ? `<section class="pd-order pd-tone-${escapeAttr(order.status.tone)}">${renderOrder(order, work?.totalMinutes || 0)}</section>` : ''}
     ${pdSection('changes', 'Letzte Änderungen', git
       ? renderChanges(git.changes || [])
       : '<p class="pd-empty">Die Änderungen können gerade nicht geladen werden.</p>')}