diff --git a/public/css/ControllerVues/list.css b/public/css/ControllerVues/list.css index 1c7bb06..3d5af65 100644 --- a/public/css/ControllerVues/list.css +++ b/public/css/ControllerVues/list.css @@ -1,38 +1,29 @@ - -html{ - font-family: "Quicksand Light"; !important; -} -/*h1 {*/ -/* text-align: center;*/ -/* color: #db5559;*/ -/* margin-bottom: 20px;*/ -/*}*/ - /* Table styles */ -.table { +table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background-color: #fff; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + font-family: sans-serif; } -.table th, .table td { +table th, table td { padding: 12px; text-align: left; border: 1px solid #ddd; } -.table th { +table th { background-color: #db5559; color: white; + font-weight: bold; } -.table tr:nth-child(even) { +table tr:nth-child(even) { background-color: #f2f2f2; } -.table tr:hover { +table tr:hover { background-color: #ddd; } @@ -44,7 +35,7 @@ a { } a:hover { - color: #38538e; + color: white; text-decoration: underline; } @@ -66,8 +57,25 @@ a[href*="app_clients_new"]:hover { } /* Empty table row message */ -.table td[colspan="6"] { +table td[colspan="6"] { text-align: center; font-style: italic; color: #666; } + +/* Button styles */ +.btn-container { + display: flex; + justify-content: center; + margin-bottom: 20px; +} + +.btn { + padding: 5px 10px; + text-decoration: none; + color: white; + background-color: #db5559; + border-radius: 5px; + font-weight: bold; + margin-top: 25px; +} diff --git a/public/js/GestionMenu/GestionMenu.js b/public/js/GestionMenu/GestionMenu.js index c4c0a8f..679f140 100644 --- a/public/js/GestionMenu/GestionMenu.js +++ b/public/js/GestionMenu/GestionMenu.js @@ -6,7 +6,7 @@ document.querySelector('.btn-gestion-menu').addEventListener('click', function(e fetch('/plats') .then(response => { if (!response.ok) { - throw new Error('Erreur de chargement de la section Table'); + throw new Error('Erreur de chargement de la section Promotions'); } return response.text(); }) @@ -20,14 +20,11 @@ document.querySelector('.btn-gestion-menu').addEventListener('click', function(e }); }); -function addPlat (event) { +function addPlats (event) { document.getElementById('container_modal'); - fetch('/plats/new') + fetch(`/plats/new`) .then(response => { - if (!response.ok) { - throw new Error('Erreur de chargement de la section tables'); - } return response.text(); }) .then(html => { @@ -40,15 +37,14 @@ function addPlat (event) { }); } -function editMenu (event) { + +function updatePromotion (event) { document.getElementById('container_modal'); - const IdString = event.getAttribute('data-id'); - let Id = parseInt(IdString); - fetch(`/plats/${Id}/edit`) + const reductionsIdString = event.getAttribute('data-id'); + let reductionsId = parseInt(reductionsIdString); + + fetch(`/plats/${platsId}/edit`) .then(response => { - if (!response.ok) { - throw new Error('Erreur de chargement de la section tables'); - } return response.text(); }) .then(html => { @@ -60,3 +56,22 @@ function editMenu (event) { console.error('Erreur:', error); }); } + +function deletePromotion (event) { + document.getElementById('container_modal'); + const reductionsIdString = event.getAttribute('data-id'); + let reductionsId = parseInt(reductionsIdString); + + fetch(`/reductions/${reductionsId}`) + .then(response => { + return response.text(); + }) + .then(html => { + // Insérer le HTML dans le conteneur et l'afficher + container_modal.innerHTML = html; + container_modal.style.display = 'block'; + }) + .catch(error => { + console.error('Erreur:', error); + }); +} \ No newline at end of file diff --git a/templates/base.html.twig b/templates/base.html.twig index abbbe3c..fee15d3 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -1,26 +1,150 @@ <!DOCTYPE html> <html> - <head> - <meta charset="UTF-8"> - <title>{% block title %}Welcome!{% endblock %}</title> - <link rel="" href=""> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> - <link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet"> -{# bootstrap#} -{# <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">#} +<head> + <meta charset="UTF-8"> + <title>{% block title %}Welcome!{% endblock %}</title> + <link rel="" href=""> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet"> + {# bootstrap#} + {# <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">#} - {% block stylesheets %} - {% endblock %} + {% block stylesheets %} + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> + {% endblock %} - {% block javascripts %} - {% block importmap %}{{ importmap('app') }}{% endblock %} - {% endblock %} - </head> - <body> - {% block body %}{% endblock %} +{# {% block javascripts %}#} +{# <script src="{{ asset('js/Compte/CompteModal.js') }}" defer></script>#} +{# <script src="{{ asset('js/GestionUtilisateurs/GestionUtilisateurs.js') }}" defer></script>#} +{# <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>#} +{# <script src="{{ asset('js/GestionTables/GestionTables.js') }}" defer></script>#} +{# <script src="{{ asset('js/GestionMenu/GestionMenu.js') }}" defer></script>#} +{# {% block importmap %}{{ importmap('app') }}{% endblock %}#} +{# {% endblock %}#} +</head> +<body> +{% block body %} + <style> + + + </style> + + <!-- Top Bar --> + <div class="top-bar"> + <div> + Bonjour, {{ app.user.prenom }} + </div> + </div> + + <!-- Left Menu --> + <div class="left-background"> + <img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}"> + {% if is_granted('ROLE_ADMIN') %} + <div class="nav-bar"> + <ul> + <li> + <a href="/user/list" class="btn-custom btn-gestion-utilisateurs icon-container"> + <i class="icon-medium">{{ ux_icon('grommet-icons:group') }}</i> + <span>Gérer Utilisateur</span> + </a> + </li> + <li> + <a href="/tables" class="btn-custom btn-gestion-table icon-container"> + <i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i> + <span>Gérer Table</span> + </a> + </li> + <li> + <a href="/plats" class="btn-custom btn-gestion-menu icon-container"> + <i class="icon-medium"> {{ ux_icon('bx:food-menu') }}</i> + <span>Gestion Menu</span> + </a> + </li> + <li> + <a href="/reductions" class="btn-custom btn-gestion-promotion icon-container"> + <i class="icon-medium"> {{ ux_icon('lsicon:badge-promotion-outline') }}</i> + <span>Gestion Promotion</span> + </a> + </li> + <li> + <div class="btn-custom icon-container"> + <i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i> + <span>Voir tendances</span> + </div> + </li> + </ul> + </div> + {% elseif is_granted('ROLE_CUISINIER') %} + <div class="nav-bar"> + <ul> + <li> + <div class="btn-custom icon-container"> + <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i> + <span>Liste des commandes</span> + </div> + </li> + </ul> + <ul> + <li> + <div class="btn-custom icon-container"> + <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i> + <span>Je sais pas encore</span> + </div> + </li> + </ul> + </div> + {% elseif is_granted('ROLE_SERVEUR') %} + <div class="nav-bar"> + <ul> + <li> + <div class="btn-custom icon-container"> + <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i> + <span>Réservation</span> + </div> + </li> + </ul> + <ul> + <li> + <div class="btn-custom icon-container"> + <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i> + <span>Commande</span> + </div> + </li> + </ul> + </div> + {% endif %} + <div class="Information-perso"> + <a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container"> + <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i> + <span>Compte</span> + </a> + <div class="btn-info-exit icon-container"> + <a href="{{ path('app_logout') }}" class="icon-medium"> + {{ ux_icon('iconamoon:exit-bold') }} + </a> + </div> + </div> + </div> + +{% block container_modal %} + <div id="container_modal"> + <!-- Contenu par défaut, ou vous p ouvez laisser vide --> + </div> +{% endblock %} + + <script> + + </script> + + <!-- Include modals --> + +{% endblock %} {# bootstrap#} - {# <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>#} +{# <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>#} {# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script> </body>#} - </body> +</body> </html> diff --git a/templates/index/admin.html.twig b/templates/index/admin.html.twig index 7ffdb66..e6833da 100644 --- a/templates/index/admin.html.twig +++ b/templates/index/admin.html.twig @@ -10,142 +10,11 @@ {% endblock %} {% block stylesheets %} + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <style> - - </style> - - <!-- Top Bar --> - <div class="top-bar"> - <div> - Bonjour, {{ app.user.prenom }} - </div> - <div class="Information-perso"> - <div class="btn-info-compte icon-container"> - <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i> - <span>Compte</span> - </div> - <div class="btn-info-exit icon-container"> - <a href="{{ path('app_logout') }}" class="icon-medium"> - {{ ux_icon('iconamoon:exit-bold') }} - </a> - </div> - </div> - </div> - - <!-- Left Menu --> - <div class="left-background"> - <img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}"> - {% if is_granted('ROLE_ADMIN') %} - <div class="nav-bar"> - <ul> - <li> - <div class="btn-custom btn-gestion-utilisateurs icon-container" > - <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i> - <span>Gérer Utilisateur</span> - </div> - </li> - <li> - <div class="btn-custom btn-gestion-table icon-container"> - <i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i> - <span>Gérer Table</span> - </div> - </li> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('bx:food-menu') }}</i> - <span>Gestion Menu</span> - </div> - </li> - <li> - <div class="btn-custom btn-gestion-promotion icon-container"> - <i class="icon-medium"> {{ ux_icon('lsicon:badge-promotion-outline') }}</i> - <span>Gestion Promotion</span> - </div> - </li> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i> - <span>Voir tendances</span> - </div> - </li> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i> - <span>Commandes</span> - </div> - </li> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i> - <span>Réservation</span> - </div> - </li> - </ul> - </div> - - {% elseif is_granted('ROLE_CUISINIER') %} - <div class="nav-bar"> - <ul> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i> - <span>Liste des commandes</span> - </div> - </li> - </ul> - <ul> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i> - <span>Je sais pas encore</span> - </div> - </li> - </ul> - </div> - {% elseif is_granted('ROLE_SERVEUR') %} - <div class="nav-bar"> - <ul> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i> - <span>Réservation</span> - </div> - </li> - </ul> - <ul> - <li> - <div class="btn-custom icon-container"> - <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i> - <span>Commande</span> - </div> - </li> - </ul> - </div> - {% endif %} - </div> - - <div id="container_modal"> - <!-- Contenu par défaut, ou vous p ouvez laisser vide --> - </div> - - <script> - - </script> - - <!-- Include modals --> - -{% endblock %} - -{% block javascripts %} - <script src="{{ asset('js/Compte/CompteModal.js') }}" defer></script> - <script src="{{ asset('js/GestionUtilisateurs/GestionUtilisateurs.js') }}" defer></script> - <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script> - <script src="{{ asset('js/GestionTables/GestionTables.js') }}" defer></script> -{% endblock %} \ No newline at end of file diff --git a/templates/plats/edit.html.twig b/templates/plats/edit.html.twig index b763493..d9a1dde 100644 --- a/templates/plats/edit.html.twig +++ b/templates/plats/edit.html.twig @@ -1,21 +1,41 @@ {% extends 'base.html.twig' %} -{% block title %}Modifier Plat{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} {% block stylesheets %} - <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <div class="page-container"> - <h1 class="page-title">Modifier Plat</h1> +{% block container_modal %} - {{ include('plats/_form.html.twig', {'button_label': 'Mettre à jour'}) }} + <div id="container_modal"> + <div class="page-container"> + <h1 class="page-title">Modifier Plat</h1> - <div class="actions"> - <a href="{{ path('app_plats_index') }}">Retour à la liste</a> + {{ include('plats/_form.html.twig', {'button_label': 'Mettre à jour'}) }} + + <div class="actions"> + <a href="{{ path('app_plats_index') }}">Retour à la liste</a> + </div> + + {{ include('plats/_delete_form.html.twig') }} </div> - - {{ include('plats/_delete_form.html.twig') }} </div> + {% endblock %} + + + + diff --git a/templates/plats/index.html.twig b/templates/plats/index.html.twig index d6777bb..9ca141c 100644 --- a/templates/plats/index.html.twig +++ b/templates/plats/index.html.twig @@ -1,15 +1,30 @@ {% extends 'base.html.twig' %} -{% block title %}Plats index{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} + {% block stylesheets %} <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> - + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <h1>Plats index</h1> - <table class="table"> - <thead> +{% block container_modal %} + + <div id="container_modal"> + <h1>Plats index</h1> + + <table class="table"> + <thead> <tr> <th>Id</th> <th>Nom</th> @@ -20,32 +35,37 @@ <th>Nb_de_commande</th> <th>actions</th> </tr> - </thead> - <tbody> - {% for plat in plats %} - <tr> - <td>{{ plat.id }}</td> - <td>{{ plat.Nom }}</td> - <td>{{ plat.Description }}</td> - <td>{{ plat.Prix }}</td> - <td>{{ plat.Categorie }}</td> - <td>{{ plat.Statut ? 'Yes' : 'No' }}</td> - <td>{{ plat.NbDeCommande }}</td> - <td> - <form method="post" action="{{ path('app_plats_delete', {'id': plat.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');"> - <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ plat.id) }}"> - {{ include('plats/_delete_form.html.twig') }} - </form> - <a href="{{ path('app_plats_edit', {'id': plat.id}) }}">Modifier</a> - </td> - </tr> - {% else %} - <tr> - <td colspan="8">Aucun enregistrement trouvé</td> - </tr> - {% endfor %} - </tbody> - </table> + </thead> + <tbody> + {% for plat in plats %} + <tr> + <td>{{ plat.id }}</td> + <td>{{ plat.Nom }}</td> + <td>{{ plat.Description }}</td> + <td>{{ plat.Prix }}</td> + <td>{{ plat.Categorie }}</td> + <td>{{ plat.Statut ? 'Yes' : 'No' }}</td> + <td>{{ plat.NbDeCommande }}</td> + <td> + <form method="post" action="{{ path('app_plats_delete', {'id': plat.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');"> + <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ plat.id) }}"> + {{ include('plats/_delete_form.html.twig') }} + </form> + <a href="{{ path('app_plats_edit', {'id': plat.id}) }}">Modifier</a> + </td> + </tr> + {% else %} + <tr> + <td colspan="8">Aucun enregistrement trouvé</td> + </tr> + {% endfor %} + </tbody> + </table> + + <a href="{{ path('app_plats_new') }}">Créer un menu</a> + </div> - <a href="{{ path('app_plats_new') }}">Créer un nouveau plat</a> {% endblock %} + + + diff --git a/templates/plats/new.html.twig b/templates/plats/new.html.twig index 7c091ad..221bba9 100644 --- a/templates/plats/new.html.twig +++ b/templates/plats/new.html.twig @@ -1,14 +1,34 @@ {% extends 'base.html.twig' %} -{% block title %}New Plats{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} + {% block stylesheets %} - <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> +{% endblock %} + +{% block container_modal %} + + <div id="container_modal"> + <h1>Créer un nouveau plat</h1> + + {{ include('plats/_form.html.twig') }} + + <a href="{{ path('app_plats_index') }}">Retour à la liste</a> + </div> {% endblock %} -{% block body %} - <h1>Créer un nouveau plat</h1> - {{ include('plats/_form.html.twig') }} - <a href="{{ path('app_plats_index') }}">Retour à la liste</a> -{% endblock %} + diff --git a/templates/reductions/edit.html.twig b/templates/reductions/edit.html.twig index bab0c4d..38cfb25 100644 --- a/templates/reductions/edit.html.twig +++ b/templates/reductions/edit.html.twig @@ -1,21 +1,41 @@ {% extends 'base.html.twig' %} -{% block title %}Modifier Réductions{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} {% block stylesheets %} - <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <div class="page-container"> - <h1 class="page-title">Modifier une réduction</h1> +{% block container_modal %} - {{ include('reductions/_form.html.twig', {'button_label': 'Mettre à jour'}) }} + <div id="container_modal"> + <div class="page-container"> + <h1 class="page-title">Modifier une réduction</h1> - <div class="actions"> - <a href="{{ path('app_reductions_index') }}">Retour à la liste</a> + {{ include('reductions/_form.html.twig', {'button_label': 'Mettre à jour'}) }} + + <div class="actions"> + <a href="{{ path('app_reductions_index') }}">Retour à la liste</a> + </div> + + {{ include('reductions/_delete_form.html.twig') }} </div> - - {{ include('reductions/_delete_form.html.twig') }} </div> + {% endblock %} + + + + diff --git a/templates/reductions/index.html.twig b/templates/reductions/index.html.twig index 600d45b..ee999f6 100644 --- a/templates/reductions/index.html.twig +++ b/templates/reductions/index.html.twig @@ -1,15 +1,30 @@ {% extends 'base.html.twig' %} -{% block title %}Reductions index{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} + {% block stylesheets %} <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> - + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <h1>Reductions index</h1> - <table class="table"> - <thead> +{% block container_modal %} + + <div id="container_modal"> + <h1>Reductions index</h1> + + <table class="table"> + <thead> <tr> <th>Id</th> <th>Description</th> @@ -20,36 +35,37 @@ <th>DateFin</th> <th>actions</th> </tr> - </thead> - <tbody> - {% for reduction in reductions %} - <tr> - <td>{{ reduction.id }}</td> - <td>{{ reduction.Description }}</td> - <td>{{ reduction.Prix }}</td> - <td>{{ reduction.Pourcentage }}</td> - <td>{{ reduction.MontantFixe }}</td> - <td>{{ reduction.DateDebut ? reduction.DateDebut|date('Y-m-d H:i:s') : '' }}</td> - <td>{{ reduction.DateFin ? reduction.DateFin|date('Y-m-d H:i:s') : '' }}</td> - <td> - <form method="post" action="{{ path('app_reductions_delete', {'id': reduction.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?'); "> - <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ reduction.id) }}"> - {{ include('reductions/_delete_form.html.twig') }} - </form> - <button onclick="updatePromotion(this)" data-id="{{ reduction.id }}" href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</button> - </td> - </tr> - {% else %} - <tr> - <td colspan="8">Aucun enregistrement trouvé</td> - </tr> - {% endfor %} - </tbody> - </table> + </thead> + <tbody> + {% for reduction in reductions %} + <tr> + <td>{{ reduction.id }}</td> + <td>{{ reduction.Description }}</td> + <td>{{ reduction.Prix }}</td> + <td>{{ reduction.Pourcentage }}</td> + <td>{{ reduction.MontantFixe }}</td> + <td>{{ reduction.DateDebut ? reduction.DateDebut|date('Y-m-d H:i:s') : '' }}</td> + <td>{{ reduction.DateFin ? reduction.DateFin|date('Y-m-d H:i:s') : '' }}</td> + <td> + <form method="post" action="{{ path('app_reductions_delete', {'id': reduction.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?'); "> + <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ reduction.id) }}"> + {{ include('reductions/_delete_form.html.twig') }} + </form> + <a href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</a> + </td> + </tr> + {% else %} + <tr> + <td colspan="8">Aucun enregistrement trouvé</td> + </tr> + {% endfor %} + </tbody> + </table> + + <a href="{{ path('app_reductions_new') }}">Créer une réduction</a> + </div> - <button onclick="addPromotion(this)" href="{{ path('app_reductions_new') }}">Créer une réduction</button> {% endblock %} -{% block javascripts %} - <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script> -{% endblock %} \ No newline at end of file + + diff --git a/templates/reductions/new.html.twig b/templates/reductions/new.html.twig index 13723a3..50557b6 100644 --- a/templates/reductions/new.html.twig +++ b/templates/reductions/new.html.twig @@ -1,14 +1,35 @@ {% extends 'base.html.twig' %} -{% block title %}Nouvelle reduction{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} + {% block stylesheets %} - <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> +{% endblock %} + +{% block container_modal %} + + <div id="container_modal"> + <h1>Créer une Reduction</h1> + + {{ include('reductions/_form.html.twig') }} + + <a href="{{ path('app_reductions_index') }}">Retour à la liste</a> + </div> {% endblock %} -{% block body %} - <h1>Créer une Reduction</h1> - {{ include('reductions/_form.html.twig') }} - <a href="{{ path('app_reductions_index') }}">Retour à la liste</a> -{% endblock %} + + diff --git a/templates/tables/edit.html.twig b/templates/tables/edit.html.twig index 6447b90..9ec9de9 100644 --- a/templates/tables/edit.html.twig +++ b/templates/tables/edit.html.twig @@ -1,21 +1,38 @@ {% extends 'base.html.twig' %} -{% block title %}Edit Tables{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} {% block stylesheets %} - <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <div class="page-container"> - <h1 class="page-title">Modifier Tables</h1> +{% block container_modal %} + <div id="container_modal"> + <div class="page-container"> + <h1 class="page-title">Modifier Tables</h1> - {{ include('tables/_form.html.twig', {'button_label': 'Mettre à jour'}) }} + {{ include('tables/_form.html.twig', {'button_label': 'Mettre à jour'}) }} - <div class="actions"> - <a href="{{ path('app_tables_index') }}">Retour à la liste</a> + <div class="actions"> + <a href="{{ path('app_tables_index') }}">Retour à la liste</a> + </div> + + {{ include('tables/_delete_form.html.twig') }} </div> - - {{ include('tables/_delete_form.html.twig') }} </div> + {% endblock %} + + diff --git a/templates/tables/index.html.twig b/templates/tables/index.html.twig index 84979b9..a0af7b4 100644 --- a/templates/tables/index.html.twig +++ b/templates/tables/index.html.twig @@ -1,43 +1,57 @@ {% extends 'base.html.twig' %} {% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} + {% block stylesheets %} <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> - + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <h1>Tables index</h1> - <table class="table"> - <thead> +{% block container_modal %} + + <div id="container_modal"> + <h1>Tables index</h1> + + <table class="table"> + <thead> <tr> <th>Id</th> <th>actions</th> </tr> - </thead> - <tbody> - {% for table in tables %} - <tr> - <td>{{ table.id }}</td> - <td> - <form method="post" action="{{ path('app_tables_delete', {'id': table.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');"> - <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ table.id) }}"> - {{ include('tables/_delete_form.html.twig') }} - </form> - <a href="{{ path('app_tables_edit', {'id': table.id}) }}">Modifier</a> - </td> - </tr> - {% else %} - <tr> - <td colspan="2">Aucun enregistrement trouvé</td> - </tr> - {% endfor %} - </tbody> - </table> + </thead> + <tbody> + {% for table in tables %} + <tr> + <td>{{ table.id }}</td> + <td> + <form method="post" action="{{ path('app_tables_delete', {'id': table.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');"> + <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ table.id) }}"> + {{ include('tables/_delete_form.html.twig') }} + </form> + <a href="{{ path('app_tables_edit', {'id': table.id}) }}">Modifier</a> + </td> + </tr> + {% else %} + <tr> + <td colspan="2">Aucun enregistrement trouvé</td> + </tr> + {% endfor %} + </tbody> + </table> + + <a onclick="addTable(this)" href="{{ path('app_tables_new')}}">Créer une tables</a> + </div> - <button onclick="addTable(this)" href="{{ path('app_reductions_new') }}">Créer une tables</button> {% endblock %} -{% block javascripts %} - <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script> -{% endblock %} + diff --git a/templates/tables/new.html.twig b/templates/tables/new.html.twig index c3f5994..4ec31e3 100644 --- a/templates/tables/new.html.twig +++ b/templates/tables/new.html.twig @@ -1,22 +1,37 @@ {% extends 'base.html.twig' %} -{% block title %}Create New Table{% endblock %} +{% block title %}Tables index{% endblock %} + +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} {% block stylesheets %} - <link rel="stylesheet" href="{{ asset('css/list.css') }}"> <!-- Ajout du fichier CSS --> - <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> {% endblock %} -{% block body %} - <div class="container"> - <h1 class="page-title">Créer une nouvelle Table</h1> +{% block container_modal %} - <div class="form-container"> - {{ include('tables/_form.html.twig') }} - </div> + <div id="container_modal"> + <div class="container"> + <h1 class="page-title">Créer une nouvelle Table</h1> - <div class="navigation"> - <a href="{{ path('app_tables_index') }}" class="btn btn-secondary">Retour à la liste</a> + <div class="form-container"> + {{ include('tables/_form.html.twig') }} + </div> + + <div class="navigation"> + <a href="{{ path('app_tables_index') }}" class="btn btn-secondary">Retour à la liste</a> + </div> </div> </div> + {% endblock %} + diff --git a/templates/user/add.html.twig b/templates/user/add.html.twig index d349e1d..4405e97 100644 --- a/templates/user/add.html.twig +++ b/templates/user/add.html.twig @@ -1,101 +1,123 @@ {% extends 'base.html.twig' %} -{% block stylesheets %} - <style> - .form-container { - max-width: 500px; - margin: 0 auto; - padding: 20px; - background-color: #f8f9fa; - border: 1px solid #dee2e6; - border-radius: 8px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - font-family: sans-serif; - } +{% block title %}Tables index{% endblock %} - .form-container h1 { - text-align: center; - margin-bottom: 20px; - font-size: 24px; - } - - .form-group { - margin-bottom: 15px; - } - - .form-input { - display: flex; - justify-content: center; - margin-bottom: 20px; - width: 95%; - padding: 10px; - border: 1px solid #ced4da; - border-radius: 4px; - font-size: 16px; - } - - .form-input:focus { - border-color: #007bff; - box-shadow: 0 0 5px rgba(0, 123, 255, 0.25); - outline: none; - } - - .btn-container { - display: flex; - justify-content: center; - margin-bottom: 20px; - } - - .btn-save { - padding: 5px 10px; - text-decoration: none; - color: white; - background-color: #007bff; - border-radius: 5px; - font-weight: bold; - margin-top: 25px; - } - - .btn-list { - padding: 5px 10px; - text-decoration: none; - color: white; - background-color: orange; - border-radius: 5px; - font-weight: bold; - } - - </style> +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> {% endblock %} -{% block title %}Nouvelle Utilisateur{% endblock %} +{% block container_modal %} -{% block body %} - <div class="form-container"> - <h1>Nouvelle Utilisateur ! ✅</h1> + <div id="container_modal"> + <div class="form-container"> + <h1>Nouvelle Utilisateur ! ✅</h1> - {{ form_start(registrationForm) }} - {{ form_errors(registrationForm) }} + {{ form_start(registrationForm) }} + {{ form_errors(registrationForm) }} - <div class="form-group"> - {{ form_row(registrationForm.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }} - </div> - <div class="form-group"> - {{ form_row(registrationForm.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }} - </div> - <div class="form-group"> - {{ form_row(registrationForm.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }} - </div> - <div class="form-group"> - {{ form_row(registrationForm.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }} - </div> - <div class="form-group"> - {{ form_row(registrationForm.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }} - </div> - <div class="btn-container"> - {{ form_row(registrationForm.Enregistrer, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }} - </div> + <div class="form-group"> + {{ form_row(registrationForm.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }} + </div> + <div class="form-group"> + {{ form_row(registrationForm.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }} + </div> + <div class="form-group"> + {{ form_row(registrationForm.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }} + </div> + <div class="form-group"> + {{ form_row(registrationForm.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }} + </div> + <div class="form-group"> + {{ form_row(registrationForm.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }} + </div> + <div class="btn-container"> + {{ form_row(registrationForm.Enregistrer, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }} + </div> - {{ form_end(registrationForm) }} + {{ form_end(registrationForm) }} + </div> </div> + + {% block stylesheets %} + <style> + .form-container { + max-width: 500px; + margin: 0 auto; + padding: 20px; + background-color: #f8f9fa; + border: 1px solid #dee2e6; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + font-family: sans-serif; + } + + .form-container h1 { + text-align: center; + margin-bottom: 20px; + font-size: 24px; + } + + .form-group { + margin-bottom: 15px; + } + + .form-input { + display: flex; + justify-content: center; + margin-bottom: 20px; + width: 95%; + padding: 10px; + border: 1px solid #ced4da; + border-radius: 4px; + font-size: 16px; + } + + .form-input:focus { + border-color: #007bff; + box-shadow: 0 0 5px rgba(0, 123, 255, 0.25); + outline: none; + } + + .btn-container { + display: flex; + justify-content: center; + margin-bottom: 20px; + } + + .btn-save { + padding: 5px 10px; + text-decoration: none; + color: white; + background-color: #007bff; + border-radius: 5px; + font-weight: bold; + margin-top: 25px; + } + + .btn-list { + padding: 5px 10px; + text-decoration: none; + color: white; + background-color: orange; + border-radius: 5px; + font-weight: bold; + } + + </style> + + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> + {% endblock %} + {% endblock %} + + + + + diff --git a/templates/user/list.html.twig b/templates/user/list.html.twig index 6cade11..eca6336 100644 --- a/templates/user/list.html.twig +++ b/templates/user/list.html.twig @@ -1,88 +1,62 @@ {% extends 'base.html.twig' %} -{% block title %}Liste Utilisateur{% endblock %} +{% block title %}Tables index{% endblock %} -{% block body %} -<style> - .user-table { - width: 100%; - border-collapse: collapse; - font-family: sans-serif; - } +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> +{% endblock %} - .user-table th, - .user-table td { - border: 1px solid #ddd; - padding: 8px; - text-align: left; - } +{% block stylesheets %} + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> +{% endblock %} - .user-table th { - background-color: #f2f2f2; - font-weight: bold; - } +{% block container_modal %} - .user-table tr:nth-child(even) { - background-color: #f9f9f9; - } + <div id="container_modal"> + <div class="example-wrapper"> + <h1>Liste des Utilisateurs ! ✅</h1> - .user-table tr:hover { - background-color: #f1f1f1; - } - - .btn-container { - display: flex; - justify-content: center; - margin-bottom: 20px; - } - - .btn { - padding: 5px 10px; - text-decoration: none; - color: white; - background-color: #007bff; - border-radius: 5px; - font-weight: bold; - margin-top: 25px; - } - -</style> - -<div class="example-wrapper"> - <h1>Liste des Utilisateurs ! ✅</h1> - - <table class="user-table"> - <thead> - <tr> - <th>ID</th> - <th>Nom</th> - <th>Prenom</th> - <th>Mail</th> - <th>Roles</th> - </tr> - </thead> - <tbody> - {% for utilisateur in utilisateurs %} - <tr> - <td>{{ utilisateur.id }}</td> - <td>{{ utilisateur.nom }}</td> - <td>{{ utilisateur.prenom }}</td> - <td>{{ utilisateur.UserIdentifier }}</td> - <td>{{ utilisateur.RolesAsString }}</td> - </tr> - {% else %} - <tr> - <td colspan="5">Aucun utilisateur trouvé.</td> - </tr> - {% endfor %} - </tbody> - </table> - <div class="btn-container"> - <button onclick="addUser(this)" id="btn-add-user" class="btn btn-add-user btn-primary">Ajouter un Utilisateur</button> + <table class="user-table"> + <thead> + <tr> + <th>ID</th> + <th>Nom</th> + <th>Prenom</th> + <th>Mail</th> + <th>Roles</th> + </tr> + </thead> + <tbody> + {% for utilisateur in utilisateurs %} + <tr> + <td>{{ utilisateur.id }}</td> + <td>{{ utilisateur.nom }}</td> + <td>{{ utilisateur.prenom }}</td> + <td>{{ utilisateur.UserIdentifier }}</td> + <td>{{ utilisateur.RolesAsString }}</td> + </tr> + {% else %} + <tr> + <td colspan="5">Aucun utilisateur trouvé.</td> + </tr> + {% endfor %} + </tbody> + </table> + <div class="btn-container"> + <a href="/user/add" id="btn-add-user" class="btn btn-add-user btn-primary" >Ajouter un Utilisateur</a> + </div> + </div> </div> -</div> + {% endblock %} -{% block javascripts %} - <script src="{{ asset('js/GestionUtilisateurs/GestionMenu.js') }}" defer></script> -{% endblock %} + + + diff --git a/templates/user/update.html.twig b/templates/user/update.html.twig index df18571..ff1a6ed 100644 --- a/templates/user/update.html.twig +++ b/templates/user/update.html.twig @@ -1,77 +1,18 @@ {% extends 'base.html.twig' %} -{% block stylesheets %} - <style> - .form-container { - max-width: 500px; - margin: 0 auto; - padding: 20px; - background-color: #f8f9fa; - border: 1px solid #dee2e6; - border-radius: 8px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - font-family: sans-serif; - } +{% block title %}Tables index{% endblock %} - .form-container h1 { - text-align: center; - margin-bottom: 20px; - font-size: 24px; - } - - .form-group { - margin-bottom: 15px; - } - - .form-input { - display: flex; - justify-content: center; - margin-bottom: 20px; - width: 95%; - padding: 10px; - border: 1px solid #ced4da; - border-radius: 4px; - font-size: 16px; - } - - .form-input:focus { - border-color: #007bff; - box-shadow: 0 0 5px rgba(0, 123, 255, 0.25); - outline: none; - } - - .btn-container { - display: flex; - justify-content: center; - margin-bottom: 20px; - } - - .btn-save { - padding: 5px 10px; - text-decoration: none; - color: white; - background-color: #007bff; - border-radius: 5px; - font-weight: bold; - margin-top: 25px; - } - - .btn-list { - padding: 5px 10px; - text-decoration: none; - color: white; - background-color: red; - border-radius: 5px; - font-weight: bold; - } - - </style> +{% block head %} + <head> + <meta charset="UTF-8"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"> + <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet"> + </head> {% endblock %} -{% block title %}Nouvelle Utilisateur{% endblock %} +{% block container_modal %} -{% block body %} - <div class="form-container"> + <div id="container_modal"> <h1>Modifier Utilisateurs ! ✅</h1> {{ form_start(form) }} @@ -102,4 +43,81 @@ <a href="{{ path('app_index') }}" class="btn-list btn-primary">Annuler</a> </div> </div> + + {% block stylesheets %} + <style> + .form-container { + max-width: 500px; + margin: 0 auto; + padding: 20px; + background-color: #f8f9fa; + border: 1px solid #dee2e6; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + font-family: sans-serif; + } + + .form-container h1 { + text-align: center; + margin-bottom: 20px; + font-size: 24px; + } + + .form-group { + margin-bottom: 15px; + } + + .form-input { + display: flex; + justify-content: center; + margin-bottom: 20px; + width: 95%; + padding: 10px; + border: 1px solid #ced4da; + border-radius: 4px; + font-size: 16px; + } + + .form-input:focus { + border-color: #007bff; + box-shadow: 0 0 5px rgba(0, 123, 255, 0.25); + outline: none; + } + + .btn-container { + display: flex; + justify-content: center; + margin-bottom: 20px; + } + + .btn-save { + padding: 5px 10px; + text-decoration: none; + color: white; + background-color: #007bff; + border-radius: 5px; + font-weight: bold; + margin-top: 25px; + } + + .btn-list { + padding: 5px 10px; + text-decoration: none; + color: white; + background-color: red; + border-radius: 5px; + font-weight: bold; + } + + </style> + + <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS --> + <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS --> + {% endblock %} + {% endblock %} + + +