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 {
}
/* Bouton d'envoi */
button.btn.btn-primary {
button.btn.btn-primary{
background-color: #007bff;
border-color: #007bff;
color: #fff;
......@@ -110,3 +110,61 @@ button.btn.btn-primary:hover {
background-color: #0069d9;
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 @@
{{ form_errors(form) }}
{{ form_widget(form) }}
<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) }}
{% endblock %}
templates/etablissement/index.html.twig
Voir le fichier @ e6fe9c2d
......@@ -3,67 +3,100 @@
{% block title %}Liste des établissements{% endblock %}
{% block body %}
<style>
.example-wrapper { margin: 1em auto; width: 100%; font: 18px/1.5 sans-serif; }
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
th,td { padding: 15px; border: 1px solid black; }
tr:nth-child(even) { background-color: #f2f2f2; }
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>
<style>
.example-wrapper {
margin: 1em auto;
width: 100%;
font: 18px/1.5 sans-serif;
}
<div class="example-wrapper">
<!-- Bouton pour ajouter un établissement -->
<a href="{{ path('etablissement_new') }}" class="btn-ajouter">➕ Ajouter un établissement</a>
.example-wrapper code {
background: #F5F5F5;
padding: 2px 6px;
}
{# 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>
<th>Nom</th>
<th>Nature</th>
<th>Adresse</th>
<th>Commune</th>
<th>Département</th>
<th>Secteur</th>
<th>Coordonnée X</th>
<th>Coordonnée Y</th>
<th>Longitude</th>
<th>Latitude</th>
<th colspan="3"> Actions </th>
</tr>
{% for etablissement in pagination.items %}
th, td {
padding: 15px;
border: 1px solid black;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
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">
<!-- 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>
<td>{{ etablissement.nom }}</td>
<td>{{ etablissement.nature }}</td>
<td>{{ etablissement.adresse }}</td>
<td> <a href="{{ path('carte_commune', {'codeCommune': etablissement.codeCommune}) }}">{{ etablissement.commune }}</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>
<th>Nom</th>
<th>Nature</th>
<th>Adresse</th>
<th>Commune</th>
<th>Département</th>
<th>Secteur</th>
<th>Coordonnée X</th>
<th>Coordonnée Y</th>
<th>Longitude</th>
<th>Latitude</th>
<th colspan="3"> Actions</th>
</tr>
{% else %}
<p>Aucun établissement trouvé.</p>
{% endfor %}
</table>
{% for etablissement in pagination.items %}
<tr>
<td>{{ etablissement.nom }}</td>
<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 %}
templates/etablissement/new.html.twig
Voir le fichier @ e6fe9c2d
......@@ -5,5 +5,6 @@
{{ form_start(form) }}
{{ form_widget(form) }}
<button class="btn btn-primary">Enregistrer</button>
<button class="btn btn-secondary" onclick="window.location.href='{{ path('app_etablissements') }}'">Annuler</button>
{{ form_end(form) }}
{% endblock %}