From fb1a9d27cd10be5a1ac0cbaf20c0cae3d86f4be4 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sat, 2 May 2026 10:12:51 +0200
Subject: [PATCH] =?UTF-8?q?Feature:=20Hundepass=20=E2=80=94=20Ausweis=20in?=
 =?UTF-8?q?tegriert,=20Icons=20&=20Kontrast-Fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ausweis-Button aus Profil-Ansicht entfernt; stattdessen "Ausweis öffnen"-Button im Hundepass-Modal-Footer
- Bearbeiten-Button in Gesundheits-Info von btn-link auf btn-secondary (besserer Kontrast)
- 7 fehlende Phosphor-Icons zum Sprite hinzugefügt: file-pdf, notebook, link, identification-card, wave-sine, list-checks, share-network
- Leere Sektionen (Impfungen, Medikamente) zeigen einladenden Empty-State mit Icon statt nacktem Text
---
 backend/static/icons/phosphor.svg      | 28 ++++++++++++++++++++++
 backend/static/js/pages/dog-profile.js | 33 ++++++++++++++------------
 2 files changed, 46 insertions(+), 15 deletions(-)

diff --git a/backend/static/icons/phosphor.svg b/backend/static/icons/phosphor.svg
index bc2df08..bdbfd78 100644
--- a/backend/static/icons/phosphor.svg
+++ b/backend/static/icons/phosphor.svg
@@ -230,4 +230,32 @@
   <symbol id="upload-simple" viewBox="0 0 256 256">
     <path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0ZM88,80h32v64a8,8,0,0,0,16,0V80h32a8,8,0,0,0,5.66-13.66l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,88,80Z"/>
   </symbol>
+
+  <symbol id="file-pdf" viewBox="0 0 256 256">
+    <path d="M44,120H212a4,4,0,0,0,4-4V88a8,8,0,0,0-2.34-5.66l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40v76A4,4,0,0,0,44,120ZM152,44l44,44H152Zm72,108.53a8.18,8.18,0,0,1-8.25,7.47H192v16h15.73a8.17,8.17,0,0,1,8.25,7.47,8,8,0,0,1-8,8.53H192v15.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V152a8,8,0,0,1,8-8h32A8,8,0,0,1,224,152.53ZM64,144H48a8,8,0,0,0-8,8v55.73A8.17,8.17,0,0,0,47.47,216,8,8,0,0,0,56,208v-8h7.4c15.24,0,28.14-11.92,28.59-27.15A28,28,0,0,0,64,144Zm-.35,40H56V160h8a12,12,0,0,1,12,13.16A12.25,12.25,0,0,1,63.65,184ZM128,144H112a8,8,0,0,0-8,8v56a8,8,0,0,0,8,8h15.32c19.66,0,36.21-15.48,36.67-35.13A36,36,0,0,0,128,144Zm-.49,56H120V160h8a20,20,0,0,1,20,20.77C147.58,191.59,138.34,200,127.51,200Z"/>
+  </symbol>
+
+  <symbol id="notebook" viewBox="0 0 256 256">
+    <path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM80,208H48V48H80Zm96-56H112a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H112a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Z"/>
+  </symbol>
+
+  <symbol id="link" viewBox="0 0 256 256">
+    <path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM115.7,192.49a43.31,43.31,0,0,1-55-66.43l25.37-25.37a43.35,43.35,0,0,1,61.25,0,42.9,42.9,0,0,1,9.95,15.43,8,8,0,1,1-15,5.6A27.33,27.33,0,0,0,97.37,112L72,137.37a27.32,27.32,0,0,0,34.68,41.91,8,8,0,1,1,9,13.21Zm79.61-62.55-25.37,25.37A43,43,0,0,1,139.32,168h0a43.35,43.35,0,0,1-40.53-28.12,8,8,0,1,1,15-5.6A27.35,27.35,0,0,0,139.28,152h0a27.14,27.14,0,0,0,19.32-8L184,118.63a27.32,27.32,0,0,0-34.68-41.91,8,8,0,1,1-9-13.21,43.32,43.32,0,0,1,55,66.43Z"/>
+  </symbol>
+
+  <symbol id="identification-card" viewBox="0 0 256 256">
+    <path d="M112,120a16,16,0,1,1-16-16A16,16,0,0,1,112,120ZM232,56V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM135.75,166a39.76,39.76,0,0,0-17.19-23.34,32,32,0,1,0-45.12,0A39.84,39.84,0,0,0,56.25,166a8,8,0,0,0,15.5,4c2.64-10.25,13.06-18,24.25-18s21.62,7.73,24.25,18a8,8,0,1,0,15.5-4ZM200,144a8,8,0,0,0-8-8H152a8,8,0,0,0,0,16h40A8,8,0,0,0,200,144Zm0-32a8,8,0,0,0-8-8H152a8,8,0,0,0,0,16h40A8,8,0,0,0,200,112Z"/>
+  </symbol>
+
+  <symbol id="wave-sine" viewBox="0 0 256 256">
+    <path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-4.78,91.44c-16.68,35-31.06,50.56-46.65,50.56-19.68,0-31.39-24.56-43.79-50.56C112,113,101,90,91.43,90c-3.74,0-14.37,4-32.21,41.44a8,8,0,0,1-14.44-6.88C61.46,89.59,75.84,74,91.43,74c19.68,0,31.39,24.56,43.79,50.56C144,143,155,166,164.57,166c3.74,0,14.37-4,32.21-41.44a8,8,0,1,1,14.44,6.88Z"/>
+  </symbol>
+
+  <symbol id="list-checks" viewBox="0 0 256 256">
+    <path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM117.66,149.66l-32,32a8,8,0,0,1-11.32,0l-16-16a8,8,0,0,1,11.32-11.32L80,164.69l26.34-26.35a8,8,0,0,1,11.32,11.32Zm0-64-32,32a8,8,0,0,1-11.32,0l-16-16A8,8,0,0,1,69.66,90.34L80,100.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM192,168H144a8,8,0,0,1,0-16h48a8,8,0,0,1,0,16Zm0-64H144a8,8,0,0,1,0-16h48a8,8,0,0,1,0,16Z"/>
+  </symbol>
+
+  <symbol id="share-network" viewBox="0 0 256 256">
+    <path d="M212,200a36,36,0,1,1-69.85-12.25l-53-34.05a36,36,0,1,1,0-51.4l53-34a36.09,36.09,0,1,1,8.67,13.45l-53,34.05a36,36,0,0,1,0,24.5l53,34.05A36,36,0,0,1,212,200Z"/>
+  </symbol>
 </svg>
\ No newline at end of file
diff --git a/backend/static/js/pages/dog-profile.js b/backend/static/js/pages/dog-profile.js
index 9f60609..82a2e8a 100644
--- a/backend/static/js/pages/dog-profile.js
+++ b/backend/static/js/pages/dog-profile.js
@@ -187,16 +187,10 @@ window.Page_dog_profile = (() => {
           ${!dog.is_guest ? `<button class="btn btn-primary w-full" id="dp-edit-btn">
             Profil bearbeiten
           </button>` : ''}
-          <div style="display:flex;gap:var(--space-2)">
-            <button class="btn btn-secondary" style="flex:1" id="dp-ausweis-btn">
-              <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#identification-card"></use></svg>
-              Ausweis
-            </button>
-            ${!dog.is_guest ? `<button class="btn btn-secondary" style="flex:1" id="dp-share-btn">
+          ${!dog.is_guest ? `<button class="btn btn-secondary w-full" id="dp-share-btn">
               <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#share-network"></use></svg>
               Teilen
             </button>` : ''}
-          </div>
           ${!dog.is_guest ? `<button class="btn btn-secondary w-full" id="dp-passport-btn">
             <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#notebook"></use></svg>
             Hundepass
@@ -262,10 +256,6 @@ window.Page_dog_profile = (() => {
       _showChipEdit(dog);
     });
 
-    document.getElementById('dp-ausweis-btn')?.addEventListener('click', () => {
-      _showAusweisModal(dog.id);
-    });
-
     document.getElementById('dp-share-btn')?.addEventListener('click', () => {
       _showShareModal(dog);
     });
@@ -1374,6 +1364,10 @@ window.Page_dog_profile = (() => {
       footer: `
         <div style="display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end">
           <button class="btn btn-secondary" onclick="UI.modal.close()">Schließen</button>
+          <a class="btn btn-secondary" href="/ausweis/${dog.id}" target="_blank" rel="noopener">
+            <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#identification-card"></use></svg>
+            Ausweis öffnen
+          </a>
           <button class="btn btn-secondary" id="pp-share-btn">
             <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#link"></use></svg>
             Link teilen
@@ -1381,7 +1375,7 @@ window.Page_dog_profile = (() => {
           <a class="btn btn-primary" id="pp-pdf-btn"
              href="/api/passport/${dog.id}/pdf" target="_blank" download>
             <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#file-pdf"></use></svg>
-            PDF herunterladen
+            PDF
           </a>
         </div>`,
       size: 'large',
@@ -1427,7 +1421,10 @@ window.Page_dog_profile = (() => {
             <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#info"></use></svg>
             Gesundheits-Info
           </span>
-          <button class="btn btn-link btn-sm" id="pp-meta-edit-btn">Bearbeiten</button>
+          <button class="btn btn-secondary btn-sm" id="pp-meta-edit-btn">
+            <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#pencil-simple"></use></svg>
+            Bearbeiten
+          </button>
         </div>
         <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)">
           <div>
@@ -1464,7 +1461,10 @@ window.Page_dog_profile = (() => {
         </div>
         <div id="pp-vacc-list">
           ${vaccs.length === 0
-            ? '<p style="color:var(--c-text-muted);font-size:var(--text-sm);margin:0">Keine Impfungen eingetragen.</p>'
+            ? `<div style="text-align:center;padding:var(--space-4) var(--space-2);color:var(--c-text-muted)">
+                <svg class="ph-icon" style="width:32px;height:32px;margin-bottom:var(--space-2);opacity:.4" aria-hidden="true"><use href="/icons/phosphor.svg#syringe"></use></svg>
+                <p style="font-size:var(--text-sm);margin:0">Noch keine Impfungen eingetragen.<br>Klicke auf „+ Eintragen" um loszulegen.</p>
+               </div>`
             : vaccs.map(v => `
               <div class="pp-vacc-row" data-id="${v.id}"
                    style="display:flex;align-items:flex-start;gap:var(--space-3);
@@ -1499,7 +1499,10 @@ window.Page_dog_profile = (() => {
         </div>
         <div id="pp-med-list">
           ${meds.length === 0
-            ? '<p style="color:var(--c-text-muted);font-size:var(--text-sm);margin:0">Keine Medikamente eingetragen.</p>'
+            ? `<div style="text-align:center;padding:var(--space-4) var(--space-2);color:var(--c-text-muted)">
+                <svg class="ph-icon" style="width:32px;height:32px;margin-bottom:var(--space-2);opacity:.4" aria-hidden="true"><use href="/icons/phosphor.svg#pill"></use></svg>
+                <p style="font-size:var(--text-sm);margin:0">Noch keine Medikamente eingetragen.<br>Klicke auf „+ Eintragen" um loszulegen.</p>
+               </div>`
             : meds.map(m => `
               <div class="pp-med-row" data-id="${m.id}"
                    style="display:flex;align-items:flex-start;gap:var(--space-3);