From a75a870ca674ec269d47de48c273a007c641a8c3 Mon Sep 17 00:00:00 2001
From: Niklas Elsbrock <mail@nelsbrock.de>
Date: Fri, 10 Sep 2021 18:44:11 +0200
Subject: [PATCH] =?UTF-8?q?Spalten=20der=20Vers=C3=A4umnistabelle=20katego?=
 =?UTF-8?q?risiert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nateman/static/style.css                      | 20 +++++++++++++++----
 .../templates/schueler/versaeumnisse.html.j2  | 16 +++++++++------
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/nateman/static/style.css b/nateman/static/style.css
index 1f75e1c..dcbf446 100644
--- a/nateman/static/style.css
+++ b/nateman/static/style.css
@@ -351,14 +351,26 @@ table tbody tr:nth-child(even) {
 
 table th,
 table td {
-  border-top: 1px solid var(--fg-main);
-  border-right: 1px dotted var(--fg-main);
-  border-bottom: 1px solid var(--fg-main);
-  border-left: 1px dotted var(--fg-main);
   padding: 4px 6px;
 }
 
 table th {
+  border: 1px dotted var(--fg-main);
+}
+
+table td {
+  border-top: 1px solid var(--fg-main);
+  border-right: 1px dotted var(--fg-main);
+  border-bottom: 1px solid var(--fg-main);
+  border-left: 1px dotted var(--fg-main);
+}
+
+table td.first-in-category,
+table th.first-in-category {
+  border-left: 1px solid var(--fg-main);
+}
+
+table thead {
   background-color: var(--bg-tertiary);
   border-bottom: 2px solid var(--fg-main);
 }
diff --git a/nateman/templates/schueler/versaeumnisse.html.j2 b/nateman/templates/schueler/versaeumnisse.html.j2
index b71ff34..5f4e802 100644
--- a/nateman/templates/schueler/versaeumnisse.html.j2
+++ b/nateman/templates/schueler/versaeumnisse.html.j2
@@ -47,23 +47,27 @@
         <table>
           <thead>
             <tr>
-              <th>Schüler/Schülerin</th>
-              <th>Klausurdatum</th>
+              <th rowspan="2" class="first-in-category">Schüler/Schülerin</th>
+              <th colspan="5" class="first-in-category">Klausur</th>
+              <th colspan="2" class="first-in-category">Status</th>
+            </tr>
+            <tr>
+              <th class="first-in-category">Datum</th>
               <th>Kurs</th>
               <th>Lehrkraft</th>
               <th>Länge</th>
               <th>Bemerkung</th>
-              <th>attestiert</th>
+              <th class="first-in-category">attestiert</th>
               <th>nachgeschrieben</th>
             </tr>
           </thead>
           <tbody>
             {% for kt in versaeumt_list %}
               <tr class="clickable" tabindex="0" data-href="{{ url_for('klausuren.edit', klausur_id=kt.klausur.id) }}">
-                <td>{{ kt.schueler.nachname }}, {{ kt.schueler.vorname }}
+                <td class="first-in-category">{{ kt.schueler.nachname }}, {{ kt.schueler.vorname }}
                   <span class="detail">({{ kt.schueler.id }}{% if kt.schueler.koop %}, Koop{% endif %})</span>
                 </td>
-                <td>{{ macros.date(kt.klausur.date) }}</td>
+                <td class="first-in-category">{{ macros.date(kt.klausur.date) }}</td>
                 <td>{{ kt.klausur.kursname }}</td>
                 <td>{{ kt.klausur.lehrer.kuerzel }}</td>
                 <td>{{ kt.klausur.laenge }}</td>
@@ -74,7 +78,7 @@
                   <td class="detail">keine</td>
                 {% endif %}
 
-                <td><input type="checkbox" name="a_{{ kt.klausur.id }}:{{ kt.schueler.id }}"
+                <td class="first-in-category"><input type="checkbox" name="a_{{ kt.klausur.id }}:{{ kt.schueler.id }}"
                            onclick="event.stopPropagation()" {% if kt.attestiert %}checked{% endif %}></td>
                 <td><input type="checkbox" name="n_{{ kt.klausur.id }}:{{ kt.schueler.id }}"
                            onclick="event.stopPropagation()" {% if kt.nachgeschrieben %}checked{% endif %}></td>