Dateiliste angepasst

Die Dateiliste steht jetzt über „Buchungsbelege“ auf voller Breite. Tabellenabstände, Filterdesign, Reihenfolge und Beschriftungen sind daran angepasst.

static/assets/css/details.css

@@ -124,14 +124,14 @@ body:has(.gc-detail-page) { max-width: 1840px; }
 .gc-detail-page .table thead { position: static; }
 .gc-detail-page .table td { overflow-wrap: anywhere; }
 .gc-detail-page .table .text-end { white-space: nowrap; font-variant-numeric: tabular-nums; }
-.gc-case-bookings { margin: 0 1.25rem; }
+.gc-case-history { margin: 0 1.25rem; }
 .gc-detail-page #bookings-history > p { margin: .75rem 1rem; }
 .gc-detail-page [role="status"] { color: #52616f; }
 /* Keep booking text black, including reminders; only the type badge is colored. */
-.gc-detail-page #bookings-history { padding: .75rem 1rem 1rem; }
-.gc-detail-page #bookings-history .history-tabs { padding-left: 0; padding-right: 0; margin-bottom: .75rem; }
-.gc-detail-page #bookings-history .table { --cui-table-color: #000; --cui-table-striped-color: #000; }
-.gc-detail-page #bookings-history .table td { color: #000; }
+.gc-detail-page .gc-history-content { padding: .75rem 1rem 1rem; }
+.gc-detail-page .gc-history-content .history-tabs { padding-left: 0; padding-right: 0; margin-bottom: .75rem; }
+.gc-detail-page .gc-history-content .table { --cui-table-color: #000; --cui-table-striped-color: #000; }
+.gc-detail-page .gc-history-content .table td { color: #000; }
 .gc-detail-page .gc-files-table { --cui-table-bg: #fff; }
 .gc-detail-page .gc-files-table :is(th, td) { background: #fff; box-shadow: none; }
 @media (max-width: 1199.98px) {
@@ -146,7 +146,7 @@ body:has(.gc-detail-page) { max-width: 1840px; }
   .gc-metric { flex-direction: row; align-items: center; gap: .5rem; padding: .35rem .6rem; }
   .gc-metric strong { font-size: 1.075rem; }
   .gc-case-grid { padding: 0 .5rem; gap: 1rem; }
-  .gc-case-bookings { margin: 0 .5rem; }
+  .gc-case-history { margin: 0 .5rem; }
 }
 
 /* Pending attachments stay local until the comment form is submitted. */

static/assets/css/documents.css

@@ -1,4 +1,4 @@
 .gc-document-table { min-width: 850px; }
-[data-document-list] .history-tabs { flex-wrap: wrap; margin-bottom: 1rem; }
+[data-document-list] .history-tabs { flex-wrap: wrap; margin-bottom: .75rem; }
 #document-pdf-frame { width: 100%; height: 75vh; border: 0; }
 [data-document-mail] .btn { margin: .25rem; }

templates/base/base.html

@@ -26,13 +26,13 @@
   <link href="/static/assets/css/main.css" rel="stylesheet">
   <link href="/static/assets/css/app.css" rel="stylesheet">
 
-  <link href="/static/assets/css/details.css" rel="stylesheet">
+  <link href="/static/assets/css/details.css?v=3" rel="stylesheet">
   <link href="/static/assets/css/list.css?v=2" rel="stylesheet">
   <link href="/static/assets/css/dashboard.css" rel="stylesheet">
   <script src="/static/assets/js/dashboard.js" defer></script>
   <script src="/static/assets/js/attachments.js" defer></script>
   <script src="/static/assets/js/documents.js" defer></script>
-  <link href="/static/assets/css/documents.css" rel="stylesheet">
+  <link href="/static/assets/css/documents.css?v=2" rel="stylesheet">
   <script src="/static/assets/js/navigation.js" defer></script>
   <script src="/static/assets/js/list.js" defer></script>
   <script src="/static/assets/js/list-filters.js?v=2" defer></script>

templates/forderungen/details/details.html

@@ -20,7 +20,6 @@
   </aside>
   <div class="gc-case-conversation">
     {% include 'base/chat_container.html' %}
-    {% include 'forderungen/details/files_panel.html' %}
   </div>
   <aside class="gc-case-actions" aria-label="Zusätzliche Informationen">
     <section class="gc-detail-card" aria-labelledby="actions-title">
@@ -37,7 +36,8 @@
     {% endif %}
   </aside>
 </div>
-<section class="gc-detail-card gc-case-bookings" aria-labelledby="bookings-title">
+{% include 'forderungen/details/files_panel.html' %}
+<section class="gc-detail-card gc-case-bookings gc-case-history" aria-labelledby="bookings-title">
   <h2 class="gc-section-title" id="bookings-title"><i class="icon cil-calculator" aria-hidden="true"></i> Buchungsbelege</h2>
   <p class="gc-section-description">Debitorenkonto {{ row.Kunde_Nr }} · {{ row.Kunde_Name }}</p>
   {% include 'forderungen/details/details_buchungen.html' %}

templates/forderungen/details/details_buchungen.html

@@ -1,5 +1,5 @@
 {% from 'forderungen/details/history_tabs.html' import history_tabs %}
-<div id="bookings-history">
+<div id="bookings-history" class="gc-history-content">
 {{ history_tabs('buchungen', buchungen_scope, detail_url, vehicle_missing, 'bookings-history') }}
 {% if buchungen_scope == 'vehicle' and vehicle_missing %}
 <p role="status">Zu dieser Rechnung ist kein Fahrzeug hinterlegt.</p>

templates/forderungen/details/files_panel.html

@@ -1,7 +1,7 @@
-<section class="gc-detail-card" id="case-files" aria-labelledby="files-title"{% if files_oob %} hx-swap-oob="outerHTML"{% endif %}>
+<section class="gc-detail-card gc-case-files gc-case-history" id="case-files" aria-labelledby="files-title"{% if files_oob %} hx-swap-oob="outerHTML"{% endif %}>
 <h2 class="gc-section-title" id="files-title"><i class="icon cil-folder-open" aria-hidden="true"></i> Dateien</h2>
 {% set file_row = forderungen_details[0] if forderungen_details else none %}
 {% if file_row %}
-<div data-document-list data-document-key="{{ file_row.Client_DB }}_{{ file_row.Beleg_Nr }}" data-document-detail="true" aria-live="polite"><p>Dokumente werden geladen …</p></div>
+<div class="gc-history-content" data-document-list data-document-key="{{ file_row.Client_DB }}_{{ file_row.Beleg_Nr }}" data-document-detail="true" aria-live="polite"><p>Dokumente werden geladen …</p></div>
 {% endif %}
 </section>

templates/forderungen/documents/list.html

@@ -1,13 +1,13 @@
 {% if document_detail %}
 <div class="tabs history-tabs" role="group" aria-label="Dokumente filtern">
-{% for value,label in [('invoice','Diese Rechnung'),('open','Offene Belege'),('debtor','Kunde'),('vehicle','Fahrzeug')] %}
-<button type="button" class="btn btn-outline-secondary{% if document_scope == value %} active{% endif %}" data-document-scope="{{ value }}" aria-pressed="{{ 'true' if document_scope == value else 'false' }}" {% if (value in ['open','debtor'] and customer_missing) or (value == 'vehicle' and vehicle_missing) %}disabled{% endif %}>{{ label }}</button>
+{% for value,label in [('invoice','Diese Rechnung'),('open','Alle offenen Rechnungen'),('vehicle','Dieses Fahrzeug'),('debtor','Debitor Historie')] %}
+<button type="button" class="tab history-tab{% if document_scope == value %} active{% endif %}" data-document-scope="{{ value }}" aria-pressed="{{ 'true' if document_scope == value else 'false' }}" {% if (value in ['open','debtor'] and customer_missing) or (value == 'vehicle' and vehicle_missing) %}disabled{% endif %}>{{ label }}</button>
 {% endfor %}
 </div>
 {% endif %}
 {% for error in document_errors %}<p role="status">{{ error }}</p>{% endfor %}
 <div class="gc-table-scroll" tabindex="0" role="region" aria-label="Dokumentliste">
-<table class="table table-bordered gc-document-table"><thead><tr>
+<table class="table table-striped table-bordered gc-document-table"><thead><tr>
 {% for title in ['Belegnummer','Beleg-Datum','Dok.-/ Belegtyp','Bearbeitet von:','Dateiname','Quelle','Weiterleiten'] %}<th>{{ title }}</th>{% endfor %}
 </tr></thead><tbody>
 {% for doc in documents %}