rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Gesundheit: konsistente Phosphor-Icons, keine Emojis — SW by-v436, APP_VER 415

Browse source 
- Sprite: bandaids + calendar-plus hinzugefügt
- ICONS-Map: entwurmung→bandaids, medikament→pill, tierarzt→stethoscope,
  gewicht→scales, allergie→warning-circle
- Praxen: Notfall-/Anruf-Buttons mit phone/warning SVG statt Emojis
- Terminvorschlag: calendar-plus SVG statt 📅 Emoji
This commit is contained in:
rene 2026-04-26 17:20:27 +02:00
parent c935d3fbd4
commit faf433f4cf
4 changed files with 21 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

17
backend/static/js/pages/health.js
View file

@ -203,8 +203,11 @@ window.Page_health = (() => {
const ICONS = {
impfung: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#syringe"></use></svg>',
entwurmung: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#paw-print"></use></svg>',
medikament: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#first-aid"></use></svg>',
entwurmung: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#bandaids"></use></svg>',
medikament: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#pill"></use></svg>',
tierarzt: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#stethoscope"></use></svg>',
gewicht: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#scales"></use></svg>',
allergie: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#warning-circle"></use></svg>',
laeufigkeit: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#gender-female"></use></svg>',
};
@ -1556,7 +1559,7 @@ window.Page_health = (() => {
const renderCard = p => `
<div class="health-card praxis-card${!p.aktiv ? ' health-card--inactive' : ''}"
data-praxis-id="${p.id}" data-action="open-praxis">
<div style="font-size:1.5rem">${p.ist_notfallpraxis ? '🚨' : '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#first-aid"></use></svg>'}</div>
<div style="font-size:1.5rem"><svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#${p.ist_notfallpraxis ? 'warning' : 'first-aid'}"></use></svg></div>
<div class="health-card-body">
<div class="health-card-title">
${_esc(p.name)}
@ -1575,12 +1578,12 @@ window.Page_health = (() => {
${p.telefon ? `
<a href="tel:${_esc(p.telefon)}" class="btn btn-secondary btn-sm"
onclick="event.stopPropagation()">
📞 Anrufen
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#phone"></use></svg> Anrufen
</a>` : ''}
${p.notfall_telefon ? `
<a href="tel:${_esc(p.notfall_telefon)}" class="btn btn-danger btn-sm"
onclick="event.stopPropagation()">
🚨 Notfall
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#warning"></use></svg> Notfall
</a>` : ''}
</div>
</div>
@ -2031,7 +2034,7 @@ window.Page_health = (() => {
<button class="btn btn-primary btn-sm" style="margin-top:var(--space-1)"
data-action="termin-anlegen"
data-v='${_esc(JSON.stringify(v))}'>
📅 In Kalender
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#calendar-plus"></use></svg> In Kalender
</button>
</div>
</div>
@ -2062,7 +2065,7 @@ window.Page_health = (() => {
: `Fällig am ${v.naechstes}`;
UI.modal.open({
title: '📅 Termin in Kalender eintragen',
title: `${UI.icon('calendar-plus')} Termin in Kalender eintragen`,
body: `
<form id="termin-form">
<div class="form-group">