Kundenportal Aufträge: Abschnitt im Reiter Rechnungen, Projekt unter der Rechnungsnummer

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

public/app.js

@@ -584,6 +584,13 @@ function renderViewAsBanner(me) {
 }
 
 /* ------------------------------------------------------------- Rechnungen --- */
+// @rechnungsnummer-anfang
+/** Rechnungsnummer mit dem Projekt darunter (Stripe-Metadaten projektName, Feld `projekt`); beides maskiert. */
+function invoiceNumberHtml(i) {
+  const project = i.projekt ? `<span class="inv-project">${escapeHtml(i.projekt)}</span>` : ''
+  return `${escapeHtml(i.number)}${project}`
+}
+// @rechnungsnummer-ende
 async function loadCustomerInvoices() {
   const body = document.getElementById('invoices-body')
   if (!body) return
@@ -615,7 +622,7 @@ async function loadCustomerInvoices() {
         <tbody>
           ${invoices.map((i) => `
             <tr class="${Number(i.balance) > 0 ? 'is-open' : 'is-paid'}">
-              <td class="inv-no">${escapeHtml(i.number)}</td>
+              <td class="inv-no">${invoiceNumberHtml(i)}</td>
               <td class="inv-date">${fmtDateShort(i.date)}</td>
               <td class="inv-amount">${fmtEuro(i.amount)}</td>
               <td class="inv-open">${fmtEuro(i.balance)}</td>
@@ -632,6 +639,19 @@ async function loadCustomerInvoices() {
   }
 }
 
+// Abschnitt "Aufträge" im Reiter Rechnungen (public/auftrag-portal.js): Fehler lassen den Abschnitt weg und stören die Rechnungen nicht.
+function loadCustomerOrders() {
+  return import('/auftrag-portal.js')
+    .then((m) => m.initAuftraege({
+      section: document.getElementById('orders-section'),
+      body: document.getElementById('orders-body'),
+      invoicesTitle: document.getElementById('invoices-title'),
+      request: api,
+      viewAs: chatState.viewAs,
+    }))
+    .catch(() => {})
+}
+
 /* -------------------------------------------------------------- Aktivität --- */
 // Abschnitt "Was wir zuletzt erledigt haben" unter Projekte: je Auftrag eine Karte mit Status, Fortschrittsleiste
 // und Arbeiten (Bausteine der Projektdetails; Texte kommen aufbereitet vom Server). Zuerst die drei neuesten,
@@ -2063,6 +2083,7 @@ async function initDashboardPage() {
     if (aboParam) window.history.replaceState(null, '', `/dashboard.html${window.location.hash}`)
     loadContracts({ afterCheckout: aboParam === 'success' })
     loadCustomerInvoices()
+    loadCustomerOrders()
     activityScrollPending = currentHash() === 'fortschritt'
     loadCustomerActivity().then(scrollToActivity)