Gesundheit: konsistente Phosphor-Icons, keine Emojis — SW by-v436, APP_VER 415
- 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:
parent
c935d3fbd4
commit
faf433f4cf
4 changed files with 21 additions and 9 deletions
|
|
@ -168,4 +168,13 @@
|
||||||
<symbol id="note" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H156.69A15.92,15.92,0,0,0,168,219.31L219.31,168A15.92,15.92,0,0,0,224,156.69V48A16,16,0,0,0,208,32ZM96,88h64a8,8,0,0,1,0,16H96a8,8,0,0,1,0-16Zm32,80H96a8,8,0,0,1,0-16h32a8,8,0,0,1,0,16ZM96,136a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm64,68.69V160h44.7Z"/></symbol>
|
<symbol id="note" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H156.69A15.92,15.92,0,0,0,168,219.31L219.31,168A15.92,15.92,0,0,0,224,156.69V48A16,16,0,0,0,208,32ZM96,88h64a8,8,0,0,1,0,16H96a8,8,0,0,1,0-16Zm32,80H96a8,8,0,0,1,0-16h32a8,8,0,0,1,0,16ZM96,136a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm64,68.69V160h44.7Z"/></symbol>
|
||||||
|
|
||||||
<symbol id="lock-simple" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M208,80H176V56a48,48,0,0,0-96,0V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80ZM96,56a32,32,0,0,1,64,0V80H96Z"/></symbol>
|
<symbol id="lock-simple" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M208,80H176V56a48,48,0,0,0-96,0V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80ZM96,56a32,32,0,0,1,64,0V80H96Z"/></symbol>
|
||||||
|
<symbol id="bandaids" viewBox="0 0 256 256">
|
||||||
|
<rect width="256" height="256" fill="none"/>
|
||||||
|
<circle cx="128" cy="128" r="12"/>
|
||||||
|
<path d="M184.57,128l27.71-27.72a40,40,0,1,0-56.56-56.56L128,71.43,100.28,43.72a40,40,0,1,0-56.56,56.56L71.43,128,43.72,155.72a40,40,0,1,0,56.56,56.56L128,184.57l27.72,27.71a40,40,0,1,0,56.56-56.56ZM128,94.06,161.94,128,128,161.94,94.06,128Zm39-39A24,24,0,1,1,201,89l-27.72,27.72L139.31,82.75ZM89,201A24,24,0,1,1,55,167l27.72-27.72,33.94,33.94Z"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="calendar-plus" viewBox="0 0 256 256">
|
||||||
|
<rect width="256" height="256" fill="none"/>
|
||||||
|
<path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM152,160H136v16a8,8,0,0,1-16,0V160H104a8,8,0,0,1,0-16h16V128a8,8,0,0,1,16,0v16h16a8,8,0,0,1,0,16ZM48,80V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80Z"/>
|
||||||
|
</symbol>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 59 KiB |
|
|
@ -3,7 +3,7 @@
|
||||||
Router, State-Management, Navigation, Initialisierung.
|
Router, State-Management, Navigation, Initialisierung.
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|
||||||
const APP_VER = '414'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
const APP_VER = '415'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||||
|
|
||||||
const App = (() => {
|
const App = (() => {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -203,8 +203,11 @@ window.Page_health = (() => {
|
||||||
|
|
||||||
const ICONS = {
|
const ICONS = {
|
||||||
impfung: '<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#syringe"></use></svg>',
|
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>',
|
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#first-aid"></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>',
|
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 => `
|
const renderCard = p => `
|
||||||
<div class="health-card praxis-card${!p.aktiv ? ' health-card--inactive' : ''}"
|
<div class="health-card praxis-card${!p.aktiv ? ' health-card--inactive' : ''}"
|
||||||
data-praxis-id="${p.id}" data-action="open-praxis">
|
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-body">
|
||||||
<div class="health-card-title">
|
<div class="health-card-title">
|
||||||
${_esc(p.name)}
|
${_esc(p.name)}
|
||||||
|
|
@ -1575,12 +1578,12 @@ window.Page_health = (() => {
|
||||||
${p.telefon ? `
|
${p.telefon ? `
|
||||||
<a href="tel:${_esc(p.telefon)}" class="btn btn-secondary btn-sm"
|
<a href="tel:${_esc(p.telefon)}" class="btn btn-secondary btn-sm"
|
||||||
onclick="event.stopPropagation()">
|
onclick="event.stopPropagation()">
|
||||||
📞 Anrufen
|
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#phone"></use></svg> Anrufen
|
||||||
</a>` : ''}
|
</a>` : ''}
|
||||||
${p.notfall_telefon ? `
|
${p.notfall_telefon ? `
|
||||||
<a href="tel:${_esc(p.notfall_telefon)}" class="btn btn-danger btn-sm"
|
<a href="tel:${_esc(p.notfall_telefon)}" class="btn btn-danger btn-sm"
|
||||||
onclick="event.stopPropagation()">
|
onclick="event.stopPropagation()">
|
||||||
🚨 Notfall
|
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#warning"></use></svg> Notfall
|
||||||
</a>` : ''}
|
</a>` : ''}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2031,7 +2034,7 @@ window.Page_health = (() => {
|
||||||
<button class="btn btn-primary btn-sm" style="margin-top:var(--space-1)"
|
<button class="btn btn-primary btn-sm" style="margin-top:var(--space-1)"
|
||||||
data-action="termin-anlegen"
|
data-action="termin-anlegen"
|
||||||
data-v='${_esc(JSON.stringify(v))}'>
|
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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2062,7 +2065,7 @@ window.Page_health = (() => {
|
||||||
: `Fällig am ${v.naechstes}`;
|
: `Fällig am ${v.naechstes}`;
|
||||||
|
|
||||||
UI.modal.open({
|
UI.modal.open({
|
||||||
title: '📅 Termin in Kalender eintragen',
|
title: `${UI.icon('calendar-plus')} Termin in Kalender eintragen`,
|
||||||
body: `
|
body: `
|
||||||
<form id="termin-form">
|
<form id="termin-form">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
Offline-Cache + Push Notifications + Tile-Cache
|
Offline-Cache + Push Notifications + Tile-Cache
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|
||||||
const CACHE_VERSION = 'by-v435';
|
const CACHE_VERSION = 'by-v436';
|
||||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue