Initial commit

web/daily_menu/templates/daily_menu/show_menu.html

@@ -0,0 +1,52 @@
+{% extends 'main/base.html' %}
+
+{% block content %}
+<div class="container mt-5">
+    <h1 class="text-center mb-4">Menú del día 🗓️ {{ date|date:"d/m/Y" }}</h1>
+    <div class="row">
+        <div class="col-md-6 mb-4">
+            <h2>Primero</h2>
+            <ul class="list-group mb-4">
+                {% for course in first_courses %}
+                <li class="list-group-item">{{ course }}</li>
+                {% endfor %}
+            </ul>
+            <h2>Segundo</h2>
+            <ul class="list-group">
+                {% for course in second_courses %}
+                <li class="list-group-item">{{ course }}</li>
+                {% endfor %}
+            </ul>
+        </div>
+        <div class="col-md-6 mb-4">
+            <h2>Mensaje original</h2>
+            <div id="tgMsgDiv" class="border pt-3 px-3 pb-0" style="display: none;">
+                {{ tg_message|linebreaks }}
+            </div>
+            <button id="toggleTgMsgButton" class="btn btn-primary mt-2 mb-4">Mostrar mensaje</button>
+            <h2>API</h2>
+            <a href="{{ request.path|add:'/json' }}" target="_blank" class="btn btn-warning mt-2">Ver JSON</a>
+        </div>
+    </div>
+</div>
+
+<script>
+    $(document).ready(function () {
+        $('#toggleTgMsgButton').click(function () {
+            var textDiv = $('#tgMsgDiv');
+            textDiv.toggle();
+
+            if (textDiv.is(':visible')) {
+                $(this).text('Ocultar');
+                $(this).removeClass('btn-primary');
+                $(this).addClass('btn-danger');
+            } else {
+                $(this).text('Mostrar mensaje');
+                $(this).removeClass('btn-danger');
+                $(this).addClass('btn-primary');
+            }
+        });
+    });
+</script>
+
+{% endblock %}