what does loco offers

2026-05-15 22:31:26 +02:00
parent 0c25fa5d11
commit 8b7f883f14
22 changed files with 731 additions and 5 deletions
--- a/ht_booking/assets/views/base.html
+++ b/ht_booking/assets/views/base.html
@@ -0,0 +1,65 @@
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>{% block title %}{% endblock title %}</title>
+  <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
+  {% block head %}
+
+  {% endblock head %}
+</head>
+
+<body class="min-h-screen bg-background font-sans antialiased">
+    <div class="relative flex min-h-screen flex-col bg-background">
+        <div class="themes-wrapper bg-background">
+                <main class="relative flex min-h-svh flex-1 flex-col bg-background peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow">
+                    <div class="flex flex-1 flex-col gap-4 p-5 pt-5">
+                        <h1 class="scroll-m-20 text-3xl font-bold tracking-tight">
+                            {% block page_title %}{% endblock page_title %}
+                        </h1>
+                        {% block content %}
+                        {% endblock content %}
+                    </div>
+                </main>
+        </div>
+    </div>
+  {% block js %}
+
+  {% endblock js %}
+
+  <script>
+    function confirmDelete(event, delete_url, redirect_to) {
+        event.preventDefault();
+        if (confirm("Are you sure you want to delete this item?")) {
+            var xhr = new XMLHttpRequest();
+            xhr.open("DELETE", delete_url, true);
+            xhr.onreadystatechange = function () {
+                if (xhr.readyState == 4 && xhr.status == 200) {
+                    window.location.href = redirect_to;
+                }
+            };
+            xhr.send();
+        }
+    }
+
+    document.addEventListener('DOMContentLoaded', function () {
+            document.querySelectorAll('.add-more').forEach(button => {
+                button.addEventListener('click', function () {
+                    const group = this.getAttribute('data-group');
+                    const first = document.getElementById(`${group}-inputs`).querySelector('input');
+                    if (first) {
+                        const clonedInput = first.cloneNode();
+                        clonedInput.value = '';
+                        const container = document.getElementById(`${group}-inputs`);
+                        container.appendChild(clonedInput);
+                    } 
+                });
+            });
+        });
+  </script>
+</body>
+
+</html>