|
|
@@ -23,72 +23,77 @@
|
|
|
</h1>
|
|
|
<div class="row">
|
|
|
<div class="col-7">
|
|
|
- <div class="card mb-3">
|
|
|
- <div class="card-body">
|
|
|
- <h5 class="card-title">
|
|
|
- Fiche technique
|
|
|
- </h5>
|
|
|
- <div class="container-fluid">
|
|
|
- <div class="row">
|
|
|
- <div class="col">
|
|
|
- <p><strong>Réalisateur(s)</strong>
|
|
|
- {% for realisateur in film.realisateurs %}
|
|
|
- <a href="{{ path('realisateur_modifier', {'id': realisateur.id}) }}"><span class="badge badge-info">{{ realisateur.nomComplet }}</span></a>
|
|
|
- {% endfor %}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="col">
|
|
|
- <p><strong>Année</strong> : {{ film.annee | date('Y') }}</p>
|
|
|
- <p><strong>Genre</strong> :
|
|
|
- {% for genre in film.genres %}
|
|
|
- <a href="{{ path('genre_modifier', {'id': genre.id}) }}"><span class="badge badge-info">{{ genre.name }}</span></a>
|
|
|
- {% endfor %}
|
|
|
- </p>
|
|
|
- {% if film.lien is not null %}
|
|
|
- <p><strong>Lien : </strong><a href="{{ film.lien }}"><i class="fa fa-external-link"></i></a></p>
|
|
|
- {% endif %}
|
|
|
- </div>
|
|
|
+ <div class="card border-info">
|
|
|
+ <div class="card-header">
|
|
|
+ <div class="row">
|
|
|
+ <h5 class="col-11">Fiche technique</h5>
|
|
|
+ <div class="col-1">
|
|
|
+ <a data-toggle="tooltip" title="Modifier la fiche du film" href="{{ path('videotheque_modifier', {'id': film.id}) }}"><i class="fa fa-edit fa-lg"></i></a>
|
|
|
</div>
|
|
|
- <div class="text-right">
|
|
|
- <a class="btn btn-link btn-sm" href="{{ path('videotheque_modifier', {'id': film.id}) }}">Modifier fiche du film</a>
|
|
|
- </div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col">
|
|
|
- <p><strong>Suivi par</strong></p>
|
|
|
- <ul class="list-unstyled">
|
|
|
- {% for user in film.usersWantToView %}
|
|
|
- <li>{{ user.username }}</li>
|
|
|
- {% endfor %}
|
|
|
- </ul>
|
|
|
+ <div class="card-body">
|
|
|
+ <dl class="row">
|
|
|
+ <dt class="col-4">Réalisateur(s)</dt>
|
|
|
+ {% for realisateur in film.realisateurs %}
|
|
|
+ <dd class="col-8"><a href="{{ path('realisateur_modifier', {'id': realisateur.id}) }}"><span class="badge badge-info">{{ realisateur.nomComplet }}</span></a></dd>
|
|
|
+ {% endfor %}
|
|
|
+ <dt class="col-4">Année</dt>
|
|
|
+ <dd class="col-8">{{ film.annee | date('Y') }}</dd>
|
|
|
+ <dt class="col-4">Genre</dt>
|
|
|
+ {% for genre in film.genres %}
|
|
|
+ <dd class="col-8"><a href="{{ path('genre_modifier', {'id': genre.id}) }}"><span class="badge badge-info">{{ genre.name }}</span></a></dd>
|
|
|
+ {% endfor %}
|
|
|
+ {% if film.lien is not null %}
|
|
|
+ <dt class="col-4">Lien</dt>
|
|
|
+ <dd class="col-8"><a href="{{ film.lien }}"><i class="fa fa-external-link"></i></a></dd>
|
|
|
+ {% endif %}
|
|
|
+ </dl>
|
|
|
</div>
|
|
|
- <div class="col">
|
|
|
- <p><strong>Vu par</strong></p>
|
|
|
- <ul class="list-unstyled">
|
|
|
- {% for user in film.usersWhoSeen %}
|
|
|
- <li>{{ user.username }}</li>
|
|
|
- {% endfor %}
|
|
|
- </ul>
|
|
|
+ <div class="card-footer">
|
|
|
+ <dl class="row">
|
|
|
+ <dt class="col-4">Suivi par</dt>
|
|
|
+ <dd class="col-8">
|
|
|
+ <ul class="list-inline">
|
|
|
+ {% for user in film.usersWantToView %}
|
|
|
+ <li class="list-inline-item">{{ user.username }}</li>
|
|
|
+ {% endfor %}
|
|
|
+ </ul>
|
|
|
+ </dd>
|
|
|
+ <dt class="col-4">Vu par</dt>
|
|
|
+ <dd class="col-8">
|
|
|
+ <ul class="list-inline">
|
|
|
+ {% for user in film.usersWhoSeen %}
|
|
|
+ <li class="list-inline-item">{{ user.username }}</li>
|
|
|
+ {% endfor %}
|
|
|
+ </ul>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="col-5">
|
|
|
- {% if film.mediaVideo.video is defined %}
|
|
|
- <div style='height :200px ;width :300px'>
|
|
|
- {{ film.mediaVideo.video|raw }}
|
|
|
+ <div class="card border-info">
|
|
|
+ <div class="card-header">
|
|
|
+ <h5>Bande Annonce</h5>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ {% if film.mediaVideo.video is defined %}
|
|
|
+ <div style="height :200px ;width :300px;">
|
|
|
+ {{ film.mediaVideo.video|raw }}
|
|
|
+ </div>
|
|
|
+ {% else %}
|
|
|
+ <p>Pas encore de bande annonce</p>
|
|
|
+ {% endif %}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- {% endif %}
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <h3>Votre commentaire</h3>
|
|
|
- {{ include('@App/videotheque/form_commentaire.html.twig') }}
|
|
|
</div>
|
|
|
- <div class="col">
|
|
|
+ <div class="col-4">
|
|
|
<h2>Commentaires</h2>
|
|
|
+ {{ include('@App/videotheque/form_commentaire.html.twig') }}
|
|
|
<div class="list-group">
|
|
|
{% for commentaire in commentaires %}
|
|
|
<div class="list-group-item">
|
