Icons: Emoji/Unicode → Phosphor in 8 Dateien + 16 neue Sprite-Icons — SW by-v415
Sprite: arrow-up/down, bug, check-circle, ear, fish, flask, flower,
medal, question, scissors, tent, ticket, tooth, trend-up/down
poison.js: TYPEN (❓🎣☠️⚗️⚠️) → question/fish/skull/flask/warning
events.js: TYPEN (🎪🏆🎓🐕🛍️🥇📌) → ticket/trophy/graduation-cap/dog/shopping-bag/medal/push-pin
dog-profile.js: Pflege-Emojis (✂️💅🦷👂👁🐾🦟🌸❤️🐶) → Phosphor
trainingsplaene.js: (🐶🐕🦮) → dog mit SVG-Icon
health.js: ▲▼→ → trend-up/trend-down/arrow-right
uebungen.js: ↑↓→★ → trend-up/trend-down/arrow-right/star
admin.js: ✓✗ → check/x in HTML-Templates
moderation.js: ✓✗ → check/x Buttons
This commit is contained in:
parent
f6586c88ee
commit
fd76eddfb9
11 changed files with 81 additions and 43 deletions
|
|
@ -130,15 +130,16 @@ window.Page_trainingsplaene = (() => {
|
|||
// ----------------------------------------------------------
|
||||
function _renderPlanSelector() {
|
||||
const plans = [
|
||||
{ id: 'welpe', label: '🐶 Welpe', sub: '0–6 Monate' },
|
||||
{ id: 'junior', label: '🐕 Junior', sub: '6–18 Monate' },
|
||||
{ id: 'erwachsen',label: '🦮 Erwachsener Hund', sub: 'Grund- & Aufbaukurs' },
|
||||
{ id: 'welpe', label: 'Welpe', icon: 'dog', sub: '0–6 Monate' },
|
||||
{ id: 'junior', label: 'Junior', icon: 'dog', sub: '6–18 Monate' },
|
||||
{ id: 'erwachsen',label: 'Erwachsener Hund', icon: 'dog', sub: 'Grund- & Aufbaukurs' },
|
||||
];
|
||||
const btns = plans.map(p => `
|
||||
<button class="by-tab${_activePlan === p.id ? ' active' : ''}" data-plan="${p.id}"
|
||||
style="flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;
|
||||
justify-content:center;gap:2px;white-space:normal;text-align:center;line-height:1.2">
|
||||
<span style="font-size:1.1rem">${p.label}</span>
|
||||
<svg class="ph-icon" aria-hidden="true" style="width:22px;height:22px"><use href="/icons/phosphor.svg#${p.icon}"></use></svg>
|
||||
<span style="font-size:var(--text-sm);font-weight:600">${p.label}</span>
|
||||
<span style="font-size:var(--text-xs);opacity:0.8">${_esc(p.sub)}</span>
|
||||
</button>`).join('');
|
||||
return `<div style="display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap">${btns}</div>`;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue