Update: Se suprime la barra inferior | Se muestra mensaje de "pase a consulta" en el propio turno | Se modifica query para mostrar todas las estancias independientemente de su estado

This commit is contained in:
2025-09-05 10:57:17 +02:00
parent f5d1957f2e
commit eaeff5e80f
3 changed files with 54 additions and 22 deletions
+15 -13
View File
@@ -11,6 +11,7 @@
</head>
<body class="flex flex-col min-h-screen">
<header class="flex justify-between items-center bg-white p-10 h-[225px]">
<div id="logo">
<img src="{{ url_for('static', filename='media/'+ theme +'.svg') }}" alt="Logo" height="172" width="380">
@@ -18,26 +19,27 @@
<div id="fecha" class="text-6xl text-[#696969]"></div>
<div id="hora" class="text-8xl font-bold text-[#696969]"></div>
</header>
<div class="flex flex-col md:flex-row gap-4 p-2 h-[783px]">
<div class="flex flex-col md:flex-row gap-4 p-2 h-[855px]">
{% if mode == '2' %}
<div class="md:w-1/2 w-full overflow-hidden h-[767]">
<div class="md:w-1/2 w-full overflow-hidden">
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
<thead>
<tr class="h-[60px]">
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
</tr>
</thead>
<tbody id="turnos1">
</tbody>
</table>
</div>
<div class="md:w-1/2 w-full overflow-hidden h-[767]">
<div class="md:w-1/2 w-full overflow-hidden">
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
<thead>
<tr class="h-[60px]">
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
</tr>
</thead>
<tbody id="turnos2">
@@ -49,12 +51,12 @@
<video src="{{ url_for('static', filename='media/'+ theme +'.mp4') }}" class="w-full shadow-md" autoplay muted loop
preload="metadata"></video>
</div>
<div class="md:w-1/2 w-full overflow-hidden h-[767px]">
<table class="min-w-full text-center text-white text-4xl table-fixed border-collapse h-[767px]">
<div class="md:w-1/2 w-full overflow-hidden">
<table class="min-w-full text-center text-white text-4xl table-fixed border-collapse h-full">
<thead>
<tr class="h-[60px]">
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 w-1/2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
</tr>
</thead>
<tbody id="turnos1">
@@ -67,14 +69,14 @@
<div id="scroll-wrapper" class="whitespace-nowrap absolute w-max animate-scroll text-white text-3xl px-4 flex gap-16">
</div>
</footer>-->
<footer class="w-full overflow-hidden h-14 mt-2 flex items-center {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}">
<!--<footer class="w-full overflow-hidden h-14 mt-2 flex items-center {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}">
<div class="scroll-wrapper whitespace-nowrap w-max animate-scroll">
<span id="footer-text" class="text-white text-4xl px-4 "></span>
<span class="spacer w-14 inline-block"></span>
<span id="footer-text-duplicate" class="text-white text-4xl px-4"></span>
</div>
<div id="footer-text" class="whitespace-pre text-4xl animate-scroll whitespace-nowrap px-4 text-white"></div>
</footer>
</footer>-->
</body>
</html>
<script>