ux(quellen-health): Sub-Tabs Vorschläge / Health-Status / Verlauf, Lucide-Icons statt Emojis
Splittet die Quellen-Health-Section in drei eigene Sub-Tabs auf, damit
der User je nach Aufgabe nur den relevanten Bereich sieht und nicht
durch die ganze Seite scrollen muss.
dashboard.html:
- Innerhalb von <div id=sub-source-health>: neue nav-tabs healthSubTabs
mit drei Buttons (Vorschläge / Health-Status / Verlauf).
- Drei Pane-Container ht-suggestions / ht-checks / ht-verlauf,
jeweils per inline-style display kontrolliert.
source-health.js:
- setupHealthSubTabs(): Click-Handler fuer den Tab-Wechsel
(toggle .active auf den Buttons + display none/block auf den Panes).
- renderHealthDashboard splittet jetzt in drei innerHTML-Calls,
einen pro Pane:
paneSuggestions <- Vorschlaege offen
paneChecks <- Counter + Filter + Tabelle + Mehr-laden
paneVerlauf <- erledigte Vorschlaege + Run-Verlauf
- Tab-Label "Vorschlaege" wird mit Counter angereichert (z.B.
"Vorschlaege (24 offen)"), wenn welche offen sind.
- LUCIDE_ICONS-Konstante mit Inline-SVG fuer check, x, search,
refresh. Emojis und HTML-Entities (✓ × ) ersetzt.
Inline-SVG statt CDN-Library, damit keine externe Abhaengigkeit.
Cache-Buster fuer source-health.js auf 20260509i gebumpt.
Dieser Commit ist enthalten in:
@@ -393,9 +393,17 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quellen-Health (Sub-Tab; Inhalt wird von source-health.js dynamisch in #healthContent gerendert) -->
|
||||
<!-- Quellen-Health (Sub-Tab) - drei Bereiche als Sub-Sub-Tabs;
|
||||
source-health.js rendert pro Bereich in den jeweiligen Container. -->
|
||||
<div class="section" id="sub-source-health">
|
||||
<div id="healthContent"></div>
|
||||
<div class="nav-tabs" id="healthSubTabs" style="margin-top:0;">
|
||||
<button class="nav-tab active" data-healthtab="suggestions">Vorschläge</button>
|
||||
<button class="nav-tab" data-healthtab="checks">Health-Status</button>
|
||||
<button class="nav-tab" data-healthtab="verlauf">Verlauf</button>
|
||||
</div>
|
||||
<div id="ht-suggestions" class="health-pane active"></div>
|
||||
<div id="ht-checks" class="health-pane" style="display:none;"></div>
|
||||
<div id="ht-verlauf" class="health-pane" style="display:none;"></div>
|
||||
</div>
|
||||
|
||||
</div> <!-- /sec-sources -->
|
||||
@@ -715,7 +723,7 @@
|
||||
|
||||
<script src="/static/js/app.js?v=20260509d"></script>
|
||||
<script src="/static/js/sources.js?v=20260509d"></script>
|
||||
<script src="/static/js/source-health.js?v=20260509h"></script>
|
||||
<script src="/static/js/source-health.js?v=20260509i"></script>
|
||||
<script src="/static/js/audit.js?v=20260509d"></script>
|
||||
<div id="toastContainer" class="toast-container" aria-live="polite" aria-atomic="true"></div>
|
||||
</body>
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren