Przeglądaj źródła

Amélioration affichage

François Drouhard 3 lat temu
rodzic
commit
ae423f79d7
1 zmienionych plików z 58 dodań i 56 usunięć
  1. 58 56
      templates/videotheque/liste_vignettes.html.twig

+ 58 - 56
templates/videotheque/liste_vignettes.html.twig

@@ -82,65 +82,67 @@
 					</div>
 				</div>
 			</div>
-			<div class="collapse" id="collapse-id-{{ film.id }}" data-collapser-target="collapse">
-				<div class="card-body">
-					<div class="d-flex">
-						<div class="me-3">
-							<input class="rating"
-								data-theme="krajee-fa"
-								data-language="fr"
-								data-display-only="true"
-								data-show-caption="false"
-								style="display:none;"
-								min=0
-								max=5
-								data-step=0.5
-								data-size="sm"
-								value="{{ film.note }}">
-						</div>
-						<div class="">
-							{% if film.nbComs %}
-								<a href="{{ path('videotheque_voirfilm', {'id': film.id}) }}#coms"><span class="badge bg-warning text-dark">{{ film.nbComs }} commentaire{% if film.nbComs > 1 %}s{% endif %}</span></a>
-							{% endif %}
-						</div>
-					</div>
-
-					<table class="table">
-						<tbody>
-							<tr>
-								<th style="width: 9em;">Année</th>
-								<td>{{ film.annee | date('Y') }}</td>
-							<tr>
-							<tr>
-								<th>Réalisateur(s)</th>
-								<td>
-									{% for realisateur in film.realisateurs %}
-										<a href="{{ path('videotheque_listeparreal', {'id': realisateur.id}) }}"><span class="badge bg-info rounded-pill text-dark">{{ realisateur.nomComplet }}</span></a>
-									{% endfor %}
-								</td>
-							</tr>
-							<tr>
-								<th>Genre</th>
-								<td>
-								{% for genre in film.genres %}
-									<a href="{{ path('videotheque_listepargenre', {'id': genre.id}) }}"><span class="badge bg-success rounded-pill">{{ genre.name }}</span></a>
+			<div class="card-body collapse" id="collapse-id-{{ film.id }}" data-collapser-target="collapse">
+				<table class="table">
+					<tbody>
+						<tr>
+							<th style="width: 9em;">Année</th>
+							<td>{{ film.annee | date('Y') }}</td>
+						<tr>
+						<tr>
+							<th>Réalisateur(s)</th>
+							<td>
+								{% for realisateur in film.realisateurs %}
+									<a href="{{ path('videotheque_listeparreal', {'id': realisateur.id}) }}"><span class="badge bg-info rounded-pill text-dark">{{ realisateur.nomComplet }}</span></a>
 								{% endfor %}
-								</td>
-							</tr>
-						</tbody>
-					</table>
-
-				</div>
-				<div class="card-footer text-end">
-					{%  if film.authered is defined %}
-						Ajouté par 
-						{{ film.authered.username }}
-						{% if film.authered.activeNow %}
-							<i class="fa fa-user text-success" data-bs-toggle="tooltip" title="En ligne"></i>
-						{% else %}
-							<i class="fa fa-user-o text-secondary" data-bs-toggle="tooltip" title="Hors ligne"></i>
+							</td>
+						</tr>
+						<tr>
+							<th>Genre</th>
+							<td>
+							{% for genre in film.genres %}
+								<a href="{{ path('videotheque_listepargenre', {'id': genre.id}) }}"><span class="badge bg-success rounded-pill">{{ genre.name }}</span></a>
+							{% endfor %}
+							</td>
+						</tr>
+						<tr>
+							<th>Informations</th>
+							<td>{% if film.information %}{{ film.information | nl2br }}{% else %}Pas d'information{% endif %}</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div class="card-footer d-flex justify-content-between">
+				<div class="d-flex">
+					<div class="me-3">
+						<input class="rating"
+							data-theme="krajee-fa"
+							data-language="fr"
+							data-display-only="true"
+							data-show-caption="false"
+							style="display:none;"
+							min=0
+							max=5
+							data-step=0.5
+							data-size="xs"
+							value="{{ film.note }}">
+					</div>
+					<div class="">
+						{% if film.nbComs %}
+							<a href="{{ path('videotheque_voirfilm', {'id': film.id}) }}#coms"><span class="badge bg-warning text-dark">{{ film.nbComs }} commentaire{% if film.nbComs > 1 %}s{% endif %}</span></a>
 						{% endif %}
+					</div>
+				</div>
+				<div class="">
+				{%  if film.authered is defined %}
+					Ajouté par 
+					{{ film.authered.username }}
+					{% if film.authered.activeNow %}
+						<i class="fa fa-user text-success" data-bs-toggle="tooltip" title="En ligne"></i>
+					{% else %}
+						<i class="fa fa-user-o text-secondary" data-bs-toggle="tooltip" title="Hors ligne"></i>
 					{% endif %}
+				{% endif %}
 				</div>
 			</div>
 		</article>