des trucs

2024-11-29 13:23:55 +01:00
parent 2e89691ade
commit c7cc6b20a0
11 changed files with 5 additions and 83 deletions
--- a/templates/auth/login.html.twig
+++ b/templates/auth/login.html.twig
@@ -40,7 +40,6 @@
            </form>
        </div>

-        <!-- Modale pour ajouter une ville -->
        <div id="resetModal" class="fixed inset-0 z-50 hidden bg-gray-900 bg-opacity-50">
            <div class="flex justify-center items-center min-h-screen">
                <div class="bg-white p-6 rounded shadow-md w-1/3">
@@ -61,12 +60,10 @@
        </div>

        <script>
-            // Ouvrir la modale
            document.getElementById('openModal').addEventListener('click', function() {
                document.getElementById('resetModal').classList.remove('hidden');
            });

-            // Fermer la modale
            document.getElementById('closeModal').addEventListener('click', function() {
                document.getElementById('resetModal').classList.add('hidden');
            });
--- a/templates/main/header.html.twig
+++ b/templates/main/header.html.twig
@@ -14,13 +14,11 @@
 </head>
 <body class="bg-gray-100">
 <nav class="flex justify-between items-center py-4 px-6 shadow-md bg-gradient-to-r from-[#2A8D57] via-[#008167] to-[#1B5667]">
-    <!-- Logo et Titre -->
    <a href="/" class="flex items-center space-x-3">
        <img src="{{ asset('img/logo.svg') }}" alt="Logo" class="h-10">
        <h3 class="text-3xl text-white font-bold">Sortie</h3>
    </a>

-    <!-- Navigation principale -->
    <ul class="hidden md:flex space-x-6 text-white font-medium">
        <li>
            <a href="{{ path('home') }}"
@@ -42,7 +40,6 @@
        </li>
    </ul>

-    <!-- Profil utilisateur -->
    <div class="relative">
        {% if app.user %}
            <button id="profile-menu" class="flex items-center space-x-2 focus:outline-none">
@@ -69,7 +66,6 @@
        {% endif %}
    </div>

-    <!-- Menu mobile -->
    <button id="mobile-menu-button" class="md:hidden text-white focus:outline-none">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
@@ -77,7 +73,6 @@
    </button>
 </nav>

-<!-- Menu mobile (hidden par défaut) -->
 <div id="mobile-menu" class="hidden bg-gradient-to-r from-[#2A8D57] via-[#008167] to-[#1B5667] text-white py-4 md:hidden">
    <ul class="space-y-4 px-6">
        <li><a href="{{ path('home') }}" class="block hover:text-gray-200">Accueil</a></li>
@@ -89,9 +84,7 @@
 {% block content %}
 {% endblock %}

-<!-- Scripts -->
 <script>
-    // Toggle menu pour mobile
    const mobileMenuButton = document.getElementById('mobile-menu-button');
    const mobileMenu = document.getElementById('mobile-menu');

@@ -99,7 +92,6 @@
        mobileMenu.classList.toggle('hidden');
    });

-    // Toggle menu déroulant pour le profil
    const profileMenuButton = document.getElementById('profile-menu');
    const dropdown = document.getElementById('dropdown');

@@ -109,7 +101,6 @@
            dropdown.classList.toggle('hidden');
        });

-        // Fermer le menu lorsqu'on clique ailleurs
        document.addEventListener('click', (event) => {
            if (!dropdown.classList.contains('hidden')) {
                const isClickInsideMenu = dropdown.contains(event.target) || profileMenuButton.contains(event.target);
--- a/templates/main/home.html.twig
+++ b/templates/main/home.html.twig
@@ -10,7 +10,7 @@
            <style>
                .swiper-container {
                    width: 100%;
-                    height: 500px; /* Ajustez selon vos besoins */
+                    height: 500px;
                }

                .swiper-slide {
@@ -56,7 +56,7 @@
                }

                .swiper-pagination-bullet-active {
-                    background: #16a34a; /* Vert plus foncé pour le point actif */
+                    background: #16a34a;
                }
            </style>
        {% endblock %}
@@ -65,7 +65,6 @@

 {% block content %}
    <div class="container mx-auto py-10">
-        <!-- Section carrousel -->
        <h2 class="text-4xl font-bold text-center mb-8">Dernières sorties</h2>
        <div class="w-full relative">
            <div class="swiper default-carousel swiper-container">
@@ -99,7 +98,6 @@
            </div>
        </div>

-        <!-- Section des événements terminés -->
        <div class="mt-12">
            <h2 class="text-3xl font-bold text-center mb-6">Événements terminés</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -123,7 +121,6 @@
            </div>
        </div>

-    <!-- Inclure les fichiers JavaScript Swiper -->
    {% block javascripts %}
        <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
        <script>
--- a/templates/sortie/list.html.twig
+++ b/templates/sortie/list.html.twig
@@ -31,17 +31,14 @@
    <div class="container mx-auto p-4 sm:p-6 bg-gray-50 rounded-lg shadow-lg mt-4 sm:mt-6">
        <h1 class="text-2xl sm:text-3xl font-bold text-center text-gray-800 mb-6 sm:mb-8">🎉 Liste des sorties</h1>

-        <!-- Formulaire de recherche -->
        <form method="GET" action="{{ path('home') }}" class="bg-white rounded-lg shadow-md p-4 mb-6">
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6">
-                <!-- Recherche -->
                <div>
                    <label for="search" class="block text-sm font-medium text-gray-700">🔍 Recherche</label>
                    <input type="text" name="search" id="search" value="{{ app.request.query.get('search', '') }}"
                           class="block w-full mt-2 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
                           placeholder="Nom de la sortie">
                </div>
-                <!-- Site -->
                <div>
                    <label for="site" class="block text-sm font-medium text-gray-700">📍 Site</label>
                    <select name="site" id="site" class="block w-full mt-2 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
@@ -53,13 +50,11 @@
                        {% endfor %}
                    </select>
                </div>
-                <!-- Date de début -->
                <div>
                    <label for="start_date" class="block text-sm font-medium text-gray-700">📅 Date de début</label>
                    <input type="date" name="start_date" id="start_date" value="{{ app.request.query.get('start_date', '') }}"
                           class="block w-full mt-2 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
                </div>
-                <!-- Date de fin -->
                <div>
                    <label for="end_date" class="block text-sm font-medium text-gray-700">📅 Date de fin</label>
                    <input type="date" name="end_date" id="end_date" value="{{ app.request.query.get('end_date', '') }}"
@@ -67,7 +62,6 @@
                </div>
            </div>

-            <!-- Options supplémentaires -->
            <div class="mt-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                <div class="flex items-center">
                    <input type="checkbox" name="organisateur" id="organisateur" value="1"
@@ -95,7 +89,6 @@
                </div>
            </div>

-            <!-- Bouton de filtrage -->
            <div class="mt-6 flex justify-end">
                <button type="submit" class="btnPrimary">
                    🔎 Filtrer
@@ -103,7 +96,6 @@
            </div>
        </form>

-        <!-- Liste des sorties -->
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 sm:gap-6">
            <a href="/sortie/creates" class="hidden sm:block">
                <div class="bg-white rounded-lg shadow-md p-4 text-center">