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

UX: Zuchtkartei Gesundheit/Genetik/Titel als by-tab Pill-Tabs wie Übungen (SW by-v904)

Browse source
This commit is contained in:
rene 2026-05-13 19:19:55 +02:00
parent 38e7ad99ae
commit c583b69923
5 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '903'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '904'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.1'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen

12
backend/static/js/pages/zuchthunde.js
View file

@ -310,14 +310,14 @@ window.Page_zuchthunde = (() => {
</div>
</div>
<div class="zh-section-buttons">
<button class="btn btn-ghost btn-sm zh-section-btn" data-id="${h.id}" data-section="health">
<div class="by-tabs" style="padding:var(--space-2) var(--space-3) var(--space-3)">
<button class="by-tab zh-section-btn" data-id="${h.id}" data-section="health">
${UI.icon('heart')} Gesundheit
</button>
<button class="btn btn-ghost btn-sm zh-section-btn" data-id="${h.id}" data-section="genetic">
<button class="by-tab zh-section-btn" data-id="${h.id}" data-section="genetic">
${UI.icon('dna')} Genetik
</button>
<button class="btn btn-ghost btn-sm zh-section-btn" data-id="${h.id}" data-section="titles">
<button class="by-tab zh-section-btn" data-id="${h.id}" data-section="titles">
${UI.icon('trophy')} Titel
</button>
</div>
@ -362,9 +362,7 @@ window.Page_zuchthunde = (() => {
const card = document.getElementById(`zh-card-${hundId}`);
if (!card) return;
card.querySelectorAll('.zh-section-btn').forEach(btn => {
const isActive = btn.dataset.section === activeSection;
btn.style.fontWeight = isActive ? 'var(--weight-semibold)' : '';
btn.style.color = isActive ? 'var(--c-primary)' : '';
btn.classList.toggle('active', btn.dataset.section === activeSection);
});
}