Add last drink info and move drink types

templates/index.html

@@ -1,4 +1,4 @@
-{% extends "base.html" %} {% block title %}Startseite{% endblock %} {% block
+{% extends "base.html" %} {% block title %}Getränkeliste{% endblock %} {% block
 content %}
 <h2>Willkommen, {{ user.name }}!</h2>
 <p><strong>Aktueller Kontostand:</strong></p>
@@ -29,7 +29,55 @@ content %}
         Bitte begleiche deinen offenen Betrag!
     </span>
 </div>
-{% endif %} {% if 'Getraenkeliste Postpaid' in user.groups %} {% if db_user.money > -5000 %}
+{% endif %}
+{% if last_recent_drink %}
+    <div style="margin: 1em 0; text-align: center;">
+        <strong>Getränk spezialisieren:</strong>
+        <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; margin-top: 1em;">
+            {% for drink in avail_drink_types %}
+                <form method="post" action="/update_drink_post" style="display: inline-block;">
+                    <input type="hidden" name="drink_type" value="{{ drink.drink_type }}">
+                    <button type="submit"
+                        style="display: flex; flex-direction: column; align-items: center; background-color: var(--goetheblau); color: #fff; border: none; border-radius: 8px; padding: 0.7em 1.2em; cursor: pointer; min-width: 120px;">
+                        <img src="/static/drinks/{{ drink.icon }}" alt="{{ drink.drink_type }}" style="width:48px; height:48px; object-fit:contain; margin-bottom:0.5em;">
+                        <span>{{ drink.drink_type }}</span>
+                        {% if drink.count > 0 %}
+                            <span style="font-size:0.9em; color:#eee;">x{{ drink.count }}</span>
+                        {% endif %}
+                    </button>
+                </form>
+            {% endfor %}
+        </div>
+    </div>
+
+    <div style="margin: 1em 0; text-align: center;">
+        <strong>Letztes Getränk:</strong>
+        <div style="margin: 0.5em 0;">
+            Typ: {{ last_recent_drink.drink_type_name }}<br>
+            Zeit: <span class="local-timestamp" data-utc="{{ last_recent_drink.timestamp }}">{{ last_recent_drink.timestamp }}</span><br>
+            <script>
+                document.addEventListener("DOMContentLoaded", function() {
+                    document.querySelectorAll('.local-timestamp').forEach(function(el) {
+                        const utc = el.getAttribute('data-utc');
+                        if (utc) {
+                            const date = new Date(utc);
+                            el.textContent = date.toLocaleString();
+                        }
+                    });
+                });
+            </script>
+            ID: {{ last_recent_drink.id }}
+        </div>
+        <form method="post" action="/del_last_drink" style="display: inline;">
+            <input type="hidden" name="drink_id" value="{{ last_recent_drink.drink_id }}">
+            <button type="submit"
+                style="background-color: var(--emorot); color: #fff; border: none; border-radius: 6px; padding: 0.5em 1em; cursor: pointer;">
+                Getränk löschen
+            </button>
+        </form>
+    </div>
+{% endif %}
+{% if 'Getraenkeliste Postpaid' in user.groups %} {% if db_user.money > -5000 %}
 <div style="display: flex; justify-content: center; text-align: center">
     <form method="post" action="/drink">
         <button
@@ -72,53 +120,6 @@ content %}
     </form>
 </div>
 {% endif %}
-{% if last_drink %}
-    <div style="margin: 1em 0; text-align: center;">
-        <strong>Getränk spezialisieren:</strong>
-        <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; margin-top: 1em;">
-            {% for drink in avail_drink_types %}
-                <form method="post" action="/update_drink_post" style="display: inline-block;">
-                    <input type="hidden" name="drink_type" value="{{ drink.drink_type }}">
-                    <button type="submit"
-                        style="display: flex; flex-direction: column; align-items: center; background-color: var(--goetheblau); color: #fff; border: none; border-radius: 8px; padding: 0.7em 1.2em; cursor: pointer; min-width: 120px;">
-                        <img src="/static/drinks/{{ drink.icon }}" alt="{{ drink.drink_type }}" style="width:48px; height:48px; object-fit:contain; margin-bottom:0.5em;">
-                        <span>{{ drink.drink_type }}</span>
-                        {% if drink.count > 0 %}
-                            <span style="font-size:0.9em; color:#eee;">x{{ drink.count }}</span>
-                        {% endif %}
-                    </button>
-                </form>
-            {% endfor %}
-        </div>
-    </div>
-
-    <div style="margin: 1em 0; text-align: center;">
-        <strong>Letztes Getränk:</strong>
-        <div style="margin: 0.5em 0;">
-            Typ: {{ last_drink.drink_type_name }}<br>
-            Zeit: <span class="local-timestamp" data-utc="{{ last_drink.timestamp }}">{{ last_drink.timestamp }}</span><br>
-            <script>
-                document.addEventListener("DOMContentLoaded", function() {
-                    document.querySelectorAll('.local-timestamp').forEach(function(el) {
-                        const utc = el.getAttribute('data-utc');
-                        if (utc) {
-                            const date = new Date(utc);
-                            el.textContent = date.toLocaleString();
-                        }
-                    });
-                });
-            </script>
-            ID: {{ last_drink.id }}
-        </div>
-        <form method="post" action="/del_last_drink" style="display: inline;">
-            <input type="hidden" name="drink_id" value="{{ last_drink.drink_id }}">
-            <button type="submit"
-                style="background-color: var(--emorot); color: #fff; border: none; border-radius: 6px; padding: 0.5em 1em; cursor: pointer;">
-                Getränk löschen
-            </button>
-        </form>
-    </div>
-{% endif %}
 
 {% endif %}
 
@@ -156,11 +157,46 @@ content %}
 </div>
 {% endif %}
 
+{% if last_regular_drink %}
+    <div style="margin: 1em 0; text-align: center;">
+        <strong>Letztes Getränk:</strong>
+        <div style="margin: 0.5em 0;">
+            Typ: {{ last_regular_drink.drink_type_name }}<br>
+            Zeit: <span class="local-timestamp" data-utc="{{ last_regular_drink.timestamp }}">{{ last_regular_drink.timestamp }}</span><br>
+            <script>
+                document.addEventListener("DOMContentLoaded", function() {
+                    document.querySelectorAll('.local-timestamp').forEach(function(el) {
+                        const utc = el.getAttribute('data-utc');
+                        if (utc) {
+                            const date = new Date(utc);
+                            el.textContent = date.toLocaleString();
+                        }
+                    });
+                });
+            </script>
+        </div>
+    </div>
+{% else %}
+    <div style="margin: 1em 0; text-align: center;">
+        <strong>Letztes Getränk:</strong>
+        <div style="margin: 0.5em 0;">Kein Getränk in den letzten 3 Monaten.</div>
+    </div>
+{% endif %}
 
+{% if most_used_drinks %}
+    <h3>Meistgenutzte Getränke:</h3>
+    <ul style="list-style-type: none; padding: 0; display: flex; flex-wrap: wrap; gap: 1em; justify-content: center;">
+        {% for drink in most_used_drinks %}
+            <li style="text-align: center;">
+                <img src="/static/drinks/{{ drink.icon }}" alt="{{ drink.drink_type }}" style="width:48px; height:48px; object-fit:contain;"><br>
+                {{ drink.drink_type }} ({{ drink.count }})
+            </li>
+        {% endfor %}
+    </ul>
+{% endif %}
 
 {% if user %}
     {% if 'Getraenkeliste Postpaid' in user.groups %}
-        <p>Du bist Teil der Fachschaft Informatik.</p>
         {% if prepaid_users_from_curr_user %}
             <p>Liste deiner Prepaid-User:</p>
             <table>