Filterverhalten für Datumsfelder, CSS-Stile für Listenbadges

static/assets/css/list.css

@@ -68,9 +68,10 @@ body:has(.gc-list-page) { max-width: 1840px; }
 .gc-list-table td:nth-child(6) .gc-subtitle { font-variant-numeric: tabular-nums; }
 .gc-list-badge { display: inline-flex; align-items: center; justify-content: center; padding: .15rem .5rem; border: 1px solid #b1bcc7; border-radius: 5px; font-size: .9375rem; font-weight: 600; color: #182630; white-space: nowrap; }
 .gc-list-badge-info { background: #edf2f5; }
-.gc-list-badge-warning, .gc-list-badge-1 { background: #fff3bd; border-color: #c8af45; }
-.gc-list-badge-2 { background: #f5dddd; border-color: #b30808; }
-.gc-list-badge-0 { background: #e6eedc; border-color: #92aa78; }
+.gc-list-badge-warning, .gc-list-badge-2 { background: #fff3bd; border-color: #c8af45; }
+.gc-list-badge-1 { background: #f5dddd; border-color: #b30808; }
+.gc-list-badge-3 { background: #e6eedc; border-color: #92aa78; }
+.gc-list-badge-4 { background: #b1bcc7; border-color: #354f63; }
 .gc-wiedervorlage-edit { gap: .3rem; cursor: pointer; }
 .gc-wiedervorlage-edit:hover { filter: brightness(.96); }
 .gc-wiedervorlage-edit .icon { width: 1rem; height: 1rem; flex-shrink: 0; }

templates/base/liste_filter.html

@@ -33,7 +33,7 @@
 {% set organisation = ['Mandant', 'Filiale', 'Abteilung', 'Verursacher'] %}
 {% set beleg = ['RechnungGutschrift', 'Fahrzeug', 'Kunde', 'Rechnungsnummer', 'RechnungsdatumVon', 'RechnungsdatumBis'] %}
 <form class="gc-list-filters" id="liste-filter" hx-get="/app/forderungen/liste"
-      hx-params="*" hx-trigger="change" hx-push-url="true" hx-swap="innerHTML" hx-target="body"
+      hx-params="*" hx-trigger="change[event.target.type !== 'date'], input[event.target.type === 'date'] delay:1200ms" hx-push-url="true" hx-swap="innerHTML" hx-target="body"
       hx-indicator="#liste-filter" hx-disabled-elt="#liste-filter fieldset" hx-sync="this:drop">
   <div class="gc-filter-loading" role="status" aria-live="polite" aria-atomic="true">
     <span class="gc-filter-loading-message"><span class="gc-filter-spinner" aria-hidden="true"></span>Filter werden angewendet …</span>