Skip to content
GitLab
Commits (2)
Masquer les modifications d'espaces
En ligne Côte à côte
assets/styles/app.css
Voir le fichier @ e6fe9c2d
...@@ -93,7 +93,7 @@ form { ...@@ -93,7 +93,7 @@ form {
} }
/* Bouton d'envoi */ /* Bouton d'envoi */
button.btn.btn-primary { button.btn.btn-primary{
background-color: #007bff; background-color: #007bff;
border-color: #007bff; border-color: #007bff;
color: #fff; color: #fff;
...@@ -110,3 +110,61 @@ button.btn.btn-primary:hover { ...@@ -110,3 +110,61 @@ button.btn.btn-primary:hover {
background-color: #0069d9; background-color: #0069d9;
border-color: #0062cc; border-color: #0062cc;
} }
/*Bouton d'annulation*/
button.btn.btn-secondary{
background-color: #6c757d;
border-color: #6c757d;
color: #fff;
padding: 10px 20px;
font-size: 1em;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s, border-color 0.2s;
display: block;
margin: 20px auto 0;
}
button.btn.btn-secondary:hover {
background-color: #5a6268;
border-color: #545b62;
}
.tooltip {
position: relative;
cursor: pointer;
text-decoration: underline;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 220px;
background-color: #333;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 4px;
position: absolute;
z-index: 1;
bottom: 125%; /* Positionne la bulle au-dessus du lien */
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
}
/* Flèche de la bulle */
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%; /* En dessous de la bulle */
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
templates/commentaire/new.html.twig
Voir le fichier @ e6fe9c2d
...@@ -6,5 +6,6 @@ ...@@ -6,5 +6,6 @@
{{ form_errors(form) }} {{ form_errors(form) }}
{{ form_widget(form) }} {{ form_widget(form) }}
<button class="btn btn-primary">Enregistrer</button> <button class="btn btn-primary">Enregistrer</button>
<button class="btn btn-secondary" onclick="window.location.href='{{ path('show_commentaires', {'id':id}) }}'">Annuler</button>
{{ form_end(form) }} {{ form_end(form) }}
{% endblock %} {% endblock %}
templates/etablissement/index.html.twig
Voir le fichier @ e6fe9c2d
...@@ -3,67 +3,100 @@ ...@@ -3,67 +3,100 @@
{% block title %}Liste des établissements{% endblock %} {% block title %}Liste des établissements{% endblock %}
{% block body %} {% block body %}
<style> <style>
.example-wrapper { margin: 1em auto; width: 100%; font: 18px/1.5 sans-serif; } .example-wrapper {
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; } margin: 1em auto;
th,td { padding: 15px; border: 1px solid black; } width: 100%;
tr:nth-child(even) { background-color: #f2f2f2; } font: 18px/1.5 sans-serif;
tr:hover { background-color:rgb(111, 239, 115); } }
table { border-collapse: collapse; width: 100%; }
th { background-color: #4CAF50; color: white; }
h1 { text-align: center; }
</style>
<div class="example-wrapper"> .example-wrapper code {
<!-- Bouton pour ajouter un établissement --> background: #F5F5F5;
<a href="{{ path('etablissement_new') }}" class="btn-ajouter">➕ Ajouter un établissement</a> padding: 2px 6px;
}
{# Formulaire de recherche #} th, td {
<form method="GET" action="{{ path('app_etablissements') }}" class="mb-3"> padding: 15px;
<label> Rechercher un établissement par nom: border: 1px solid black;
<input type="text" name="search" value="{{ search }}" class="form-control" placeholder="Rechercher un établissement..."> }
</label>
<button type="submit" class="btn btn-primary mt-2">Valider</button> tr:nth-child(even) {
</form> background-color: #f2f2f2;
<h1> Liste de tous les etablissements:</h1> }
<table>
<tr> tr:hover {
<th>Nom</th> background-color: rgb(111, 239, 115);
<th>Nature</th> }
<th>Adresse</th>
<th>Commune</th> table {
<th>Département</th> border-collapse: collapse;
<th>Secteur</th> width: 100%;
<th>Coordonnée X</th> }
<th>Coordonnée Y</th>
<th>Longitude</th> th {
<th>Latitude</th> background-color: #4CAF50;
<th colspan="3"> Actions </th> color: white;
</tr> }
{% for etablissement in pagination.items %}
h1 {
text-align: center;
}
</style>
<div class="example-wrapper">
<!-- Bouton pour ajouter un établissement -->
<a href="{{ path('etablissement_new') }}" class="btn-ajouter">➕ Ajouter un établissement</a>
{# Formulaire de recherche #}
<form method="GET" action="{{ path('app_etablissements') }}" class="mb-3">
<label> Rechercher un établissement par nom:
<input type="text" name="search" value="{{ search }}" class="form-control"
placeholder="Rechercher un établissement...">
</label>
<button type="submit" class="btn btn-primary mt-2">Valider</button>
</form>
<h1> Liste de tous les etablissements:</h1>
<table>
<tr> <tr>
<td>{{ etablissement.nom }}</td> <th>Nom</th>
<td>{{ etablissement.nature }}</td> <th>Nature</th>
<td>{{ etablissement.adresse }}</td> <th>Adresse</th>
<td> <a href="{{ path('carte_commune', {'codeCommune': etablissement.codeCommune}) }}">{{ etablissement.commune }}</a></td> <th>Commune</th>
<td>{{ etablissement.departement }}</td> <th>Département</th>
<td>{{ etablissement.secteur.value }}</td> <th>Secteur</th>
<td>{{ etablissement.coordX }}</td> <th>Coordonnée X</th>
<td>{{ etablissement.coordY }}</td> <th>Coordonnée Y</th>
<td>{{ etablissement.longitude }}</td> <th>Longitude</th>
<td>{{ etablissement.latitude }}</td> <th>Latitude</th>
<td><a href="{{ path('app_etablissement', {'id': etablissement.id}) }}"> Détails </a></td> <th colspan="3"> Actions</th>
<td><a href="{{ path('etablissement_edit', {'id': etablissement.id}) }}"> Modifier </a></td>
<td><a href="{{ path('etablissement_confirm_delete', {'id': etablissement.id}) }}"> Supprimer </a></td>
</tr> </tr>
{% else %} {% for etablissement in pagination.items %}
<p>Aucun établissement trouvé.</p> <tr>
{% endfor %} <td>{{ etablissement.nom }}</td>
</table> <td>{{ etablissement.nature }}</td>
<td>{{ etablissement.adresse }}</td>
<td>
<a class="tooltip" href="{{ path('carte_commune', {'codeCommune': etablissement.codeCommune}) }}">{{ etablissement.commune }}
<span class="tooltiptext">Voir la carte</span></a></td>
<td>{{ etablissement.departement }}</td>
<td>{{ etablissement.secteur.value }}</td>
<td>{{ etablissement.coordX }}</td>
<td>{{ etablissement.coordY }}</td>
<td>{{ etablissement.longitude }}</td>
<td>{{ etablissement.latitude }}</td>
<td><a href="{{ path('app_etablissement', {'id': etablissement.id}) }}"> Détails </a></td>
<td><a href="{{ path('etablissement_edit', {'id': etablissement.id}) }}"> Modifier </a></td>
<td><a href="{{ path('etablissement_confirm_delete', {'id': etablissement.id}) }}"> Supprimer </a>
</td>
</tr>
{% else %}
<p>Aucun établissement trouvé.</p>
{% endfor %}
</table>
{# Pagination links #} {# Pagination links #}
{{ knp_pagination_render(pagination) }} {{ knp_pagination_render(pagination) }}
</div> </div>
{% endblock %} {% endblock %}
templates/etablissement/new.html.twig
Voir le fichier @ e6fe9c2d
...@@ -5,5 +5,6 @@ ...@@ -5,5 +5,6 @@
{{ form_start(form) }} {{ form_start(form) }}
{{ form_widget(form) }} {{ form_widget(form) }}
<button class="btn btn-primary">Enregistrer</button> <button class="btn btn-primary">Enregistrer</button>
<button class="btn btn-secondary" onclick="window.location.href='{{ path('app_etablissements') }}'">Annuler</button>
{{ form_end(form) }} {{ form_end(form) }}
{% endblock %} {% endblock %}