films-symfony-4-2/templates/videotheque/liste.html.twig

{% extends "videotheque/base.html.twig" %}

{% block title %}
{% if titre is defined %}{{ titre }}{% else %}{{ parent() }}{% endif %}
{% endblock %}

{% block titre %}
{% if titre is defined %}{{ titre }}{% else %}{{ parent() }}{% endif %}
{% endblock %}

{% block body %}
	<p><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter') }}">Ajouter un film</a></p>

	<table class="table table-bordered table-hover table-sm">
	<thead class="thead-dark">
		<tr>
			<th>Voir</th>
			<th>Vu</th>
			<th>Ajouté par</th>
			<th>Titre du film</th>
			<th>Genre</th>
			<th>Réalisateur</th>
			<th>Note moyenne</th>
			<th>Année</th>
			<th>Lien</th>
			<th>Actions</th>
		</tr>
	</thead>
	<tbody>
		{% for film in listeFilms %}
		<tr>
			<td>
                {%  if app.user.wantToSee(film) %}
					<a href="#" class="boutonVoir" data-toggle="tooltip" title="Supprimer ce film de votre liste à voir" data-content="{{ film.id }}"><i class="fa fa-star fa-lg"></i></a>
                {%  else %}
					<a href="#" class="boutonVoir" data-toggle="tooltip" title="Ajouter ce film à vos liste à voir" data-content="{{ film.id }}"><i class="fa fa-star-o fa-lg"></i></a>

                {%  endif %}
			</td>
			<td>
                {%  if app.user.haveSeen(film) %}
					<a href="#" class="boutonVu" data-content="{{ film.id }}"><i class="badge badge-secondary">Pas vu</i><i class="badge badge-success">Vu</i></a>
                {%  else %}
					<a href="#" class="boutonVu" data-content="{{ film.id }}"><i class="badge badge-danger">Pas vu</i><i class="badge badge-secondary">Vu</i></a>
                {%  endif %}

			</td>
			<td>
				{%  if film.authered is defined %}
                    {% if film.authered.activeNow %}
                        {#<span class="badge badge-success">En ligne</span>#}
						<i class="fa fa-user text-success"></i>
                    {% else %}
                        {#<span class="badge badge-secondary">Hors ligne</span>#}
						<i class="fa fa-user-o text-secondary"></i>
                    {% endif %}
					{{ film.authered.username }}
				{% endif %}
			</td>
			<td>
				<a href="{{ path('videotheque_voirfilm', {'id': film.id}) }}">{{ film.titre }}</a>
				{% if film.new %}<span class="badge badge-light">New</span>{% endif %}
				{% if film.nbComs %}<span class="badge badge-light" data-toggle="tooltip" data-original-title="{{ film.nbComs }} commentaire(s)">{{ film.nbComs }}</span>{% endif %}

			</td>
			<td>
				{% if film.genres is defined %}
					{% for genre in film.genres %}
						<a href="{{ path("videotheque_listepargenre", {"id": genre.id}) }}"><span class="badge badge-secondary">{{ genre.name }}</span></a>
					{% endfor %}
				{% endif %}
			</td>
			<td>
			{% if film.realisateurs is defined %}
				{%  for realisateur in film.realisateurs %}
					<a href="{{ path('videotheque_listeparreal', {"id": realisateur.id}) }}"><span class="badge badge-info">{{ realisateur.nomComplet }}</span> </a>
				{%  endfor %}
			{% endif %}
			</td>
			<td>
				{% if film.note > 0 %}
					<input class="rating"
						   data-disabled="true"
						   data-show-clear="false"
						   data-show-caption="false"
						   data-theme="krajee-fa"
						   min=0
						   max=5
						   data-step=0.5
						   data-size="xs"
						   value="{{ film.note }}">
				{% endif %}
			</td>
			<td>{{ film.annee | date('Y') }}</td>
			<td>{% if not film.lien == "" %}<a target="_blank" href="{{ film.lien }}"><i class="fa fa-external-link fa-lg"></i></a>{% endif %}</td>
			<td>
				<a data-toggle="tooltip" title="Modifier la fiche film" href="{{ path('videotheque_modifier', {'id': film.id})  }}"><i class="fa fa-edit fa-lg", style="color:DodgerBlue;"></i></a>
                {% if is_granted('ROLE_ADMIN') %}<a href="{{ path('videotheque_supprimer', {'id': film.id})  }}"><i class="fa fa-trash fa-lg", style="color:Tomato;"></i></a>{% endif %}
			</td>
		</tr>
		{% endfor %}
	</tbody>
</table>
{% endblock %}

{% block javascripts %}
	<script src="{{ asset('bundles/app/assets/suivifilms.js') }}"></script>
	<script>
        $(document).ready(function() {
                ecouterSuivi('boutonVoir', '', 'fa fa-star fa-lg', '', 'fa fa-star-o fa-lg', '{{ path('maliste_modifier_a_voir') }}');
                ecouterVu('boutonVu', 'badge badge-success', 'badge badge-danger', 'badge badge-secondary' ,'{{ path('maliste_modifier_vus') }}');
        });
	</script>
{%  endblock %}