From da4c13672b55c1c719ec4d2286842e64c6d922f3 Mon Sep 17 00:00:00 2001
From: Luca <Luca@hackerspace-bamberg.de>
Date: Wed, 15 May 2024 00:51:05 +0200
Subject: [PATCH] feat(team): make shift boxes full-size links by default

---
 shiftregister/core/templates/base.html        |  8 ++++++
 .../team/templates/helper_detail.html         |  4 +--
 .../team/templates/partials/shift_box.html    | 25 +++++++++----------
 shiftregister/team/templates/shift_list.html  |  4 +--
 .../team/templates/shift_overview.html        |  4 +--
 5 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/shiftregister/core/templates/base.html b/shiftregister/core/templates/base.html
index 17aa5b1..41f49a0 100644
--- a/shiftregister/core/templates/base.html
+++ b/shiftregister/core/templates/base.html
@@ -14,6 +14,10 @@
         src: url("{% static 'MavenPro-VariableFont:wght.ttf' %}");
     }
 
+    a:hover > .box {
+        background: #eee;
+    }
+
     body {
         font-family: "Maven Pro", sans-serif !important;
         min-height: 100vh;
@@ -68,6 +72,10 @@
     }
 
     @media (prefers-color-scheme: dark) {
+        a:hover > .box {
+            background: #1a1a1a;
+        }
+
         :root {
             --background: #17181c;
         }
diff --git a/shiftregister/team/templates/helper_detail.html b/shiftregister/team/templates/helper_detail.html
index fdd60e5..6760931 100644
--- a/shiftregister/team/templates/helper_detail.html
+++ b/shiftregister/team/templates/helper_detail.html
@@ -13,9 +13,7 @@
 <h5 class="subtitle">Schichten</h5>
 <div class="columns is-multiline">
 {% for reg in helper.shiftregistration_set.all %}
-    <a class="" href="{% url 'team:shift' reg.shift.id %}">
-        {% include 'partials/shift_list_item.html' with shift=reg.shift %}
-    </a>
+    {% include 'partials/shift_list_item.html' with shift=reg.shift %}
 {% endfor %}
 </div>
 <h5 class="subtitle" id="history">Nachrichtenverlauf</h5>
diff --git a/shiftregister/team/templates/partials/shift_box.html b/shiftregister/team/templates/partials/shift_box.html
index b0e0c08..7fcb4b3 100644
--- a/shiftregister/team/templates/partials/shift_box.html
+++ b/shiftregister/team/templates/partials/shift_box.html
@@ -1,18 +1,17 @@
-<div class="box">
-    <div class="content">
+<a href="{% url 'team:shift' shift.pk %}">
+    <div class="box">
+        <div class="content">
 {% if shift.deleted %}
-        <em>gelöscht</em><br>
+            <em>gelöscht</em><br>
 {% endif %}
-        <strong>Ort:</strong> <span class="{{ shift.event.calendar.needs_fallback|yesno:"is-underlined," }}">{{ shift.room.name }}</span><br>
-        <strong>Beginn:</strong> {{ shift.start_at }}<br>
-        <strong>Dauer:</strong> {{ shift.duration }}<br>
-        <strong>Belegung:</strong> {{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}
+            <strong>Ort:</strong> <span class="{{ shift.event.calendar.needs_fallback|yesno:"is-underlined," }}">{{ shift.room.name }}</span><br>
+            <strong>Beginn:</strong> {{ shift.start_at }}<br>
+            <strong>Dauer:</strong> {{ shift.duration }}<br>
+            <strong>Belegung:</strong> {{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}
 {% if shift.checkin_count is not None %}
-        <br>
-        <strong>Checkin-Status:</strong> {% if shift.checkin_count >= shift.required_helpers|default:shift.room.required_helpers %}<span class="tag is-rounded is-success">vollständig</span>{% elif shift.checkin_count > 0 %}<span class="tag is-rounded is-warning">teilweise</span>{% else %}<span class="tag is-rounded is-danger">kein Checkin</span>{% endif %}
+            <br>
+            <strong>Checkin-Status:</strong> {% if shift.checkin_count >= shift.required_helpers|default:shift.room.required_helpers %}<span class="tag is-rounded is-success">vollständig</span>{% elif shift.checkin_count > 0 %}<span class="tag is-rounded is-warning">teilweise</span>{% else %}<span class="tag is-rounded is-danger">kein Checkin</span>{% endif %}
 {% endif %}
+        </div>
     </div>
-    <div class="buttons is-right mt-3">
-        <a class="button is-info is-small mr-0" href="{% url 'team:shift' shift.id %}">Details</a>
-    </div>
-</div>
+</a>
diff --git a/shiftregister/team/templates/shift_list.html b/shiftregister/team/templates/shift_list.html
index 0a8dbc8..d678283 100644
--- a/shiftregister/team/templates/shift_list.html
+++ b/shiftregister/team/templates/shift_list.html
@@ -6,9 +6,7 @@
 <h3 class="title">{{ title }}</h3>
 <div class="columns is-multiline">
 {% for shift in object_list %}
-    <a class="" href="{% url 'team:shift' shift.id %}">
-        {% include "partials/shift_list_item.html" %}
-    </a>
+    {% include "partials/shift_list_item.html" %}
 {% endfor %}
 </div>
 {% endblock %}
diff --git a/shiftregister/team/templates/shift_overview.html b/shiftregister/team/templates/shift_overview.html
index 0f4aa6c..9cfac67 100644
--- a/shiftregister/team/templates/shift_overview.html
+++ b/shiftregister/team/templates/shift_overview.html
@@ -25,9 +25,7 @@
 {% for shift in next_shifts_per_room %}
     <div class="column is-one-quarter">
         <h5 class="subtitle"><a href="{% url 'team:shift_room' shift.room.name %}">{{ shift.room.name }}</a></h5>
-        <a href="{% url 'team:shift' shift.id %}">
-            {% include "partials/shift_box.html" %}
-        </a>
+        {% include "partials/shift_box.html" %}
     </div>
 {% endfor %}
 </div>