Add option to show colored names for bartenders in current week and u…

…pdate styling
fredagscafeen · Jan 15, 2025 · 364a840 · 364a840
1 parent b884d7c
commit 364a840
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git a/bartenders/templates/barplan.html b/bartenders/templates/barplan.html
@@ -38,12 +38,21 @@ <h2 id="barplan">{% translate "Barplan" %}</h2>
 		</thead>
 	<tbody>
     {% for shift in bartendershifts %}
-		<tr style="{% if shift|is_with_user:user %}background-color: skyblue;{% endif %}{% if shift|compare_to_current_week == -1 %}color:gray;{% endif %}">
+		<tr style="{% if shift|is_with_user:user %}background-color: skyblue;{% endif %}"{% if shift|compare_to_current_week == -1 %}class="gray-out"{% endif %}>
 			<td class="col-md-2">{% if shift|compare_to_current_week == 0 %}<b alt="{% translate "This weeks friday" %}">{{ shift.display_str }}{% if show_all_bartendershifts %}, {{ shift.start_datetime.year }}{% endif %}{% else %} {{ shift.display_str }}{% if show_all_bartendershifts %}, {{ shift.start_datetime.year }}{% endif %}{% endif %}</td>
-            <td class="col-md-3">{{ shift.responsible.name }}</td>
+			{% if shift|compare_to_current_week == 0 and config.SHOW_COLORED_NAMES_ON_BARPLAN %}
+				<td class="col-md-3"><p style="color:red;display:inline;">{{ shift.responsible.name }}</p></td>
+			{% else %}
+				<td class="col-md-3">{{ shift.responsible.name }}</td>
+			{% endif %}
             <td class="col-md-7">
                 {% for bartender in shift.other_bartenders.all %}
-					{% if bartender.first_bartender_shift == shift %}<b alt="{% translate "Bartender's first shift" %}">{{ bartender.name }}</b>{% else %}{{ bartender.name }}{% endif %}{% if not forloop.last %},{% endif %}
+					{% if shift|compare_to_current_week == 0 and config.SHOW_COLORED_NAMES_ON_BARPLAN %}
+						{% cycle 'blue' 'orange' 'green' as color silent %}
+						{% if bartender.first_bartender_shift == shift %}<b style="color:{{ color }};" alt="{% translate "Bartender's first shift" %}">{{ bartender.name }}</b>{% else %}<p style="color:{{ color }};display:inline;">{{ bartender.name }}</p>{% endif %}{% if not forloop.last %},{% endif %}
+					{% else %}
+						{% if bartender.first_bartender_shift == shift %}<b class="gray-out" alt="{% translate "Bartender's first shift" %}">{{ bartender.name }}</b>{% else %}{{ bartender.name }}{% endif %}{% if not forloop.last %},{% endif %}
+					{% endif %}
                 {% endfor %}
             </td>
 			{% if user.is_staff %}

diff --git a/fredagscafeen/settings/base.py b/fredagscafeen/settings/base.py
@@ -36,6 +36,11 @@
         bool,
     ),
     "BANNER_HTML": ("", "HTML banner", str),
+    "SHOW_COLORED_NAMES_ON_BARPLAN": (
+        False,
+        "Skal der vises farver på bartendernes navne for indeværende uge?",
+        bool,
+    ),
 }
 
 SECRET_ADMIN_KEYS = [

diff --git a/web/static/css/stylesheet.css b/web/static/css/stylesheet.css
@@ -370,6 +370,10 @@ html.light {
         border-radius:5px;
         font-weight: lighter;
     }
+
+    .gray-out td, .gray-out b {
+        color: grey;
+    }
 }
 
 /* dark theme */
@@ -825,4 +829,8 @@ html.dark {
         border-radius:5px;
         font-weight: lighter;
     }
+
+    .gray-out td, .gray-out b {
+        color: darkgrey;
+    }
 }