Ajout fenetre d'information

assets/js/suivifilms2.js

@@ -46,7 +46,6 @@
                     url: chemin,
                     data: 'id_film=' + contenu,
                     success: function (data) {
-                        console.log(chemin);
                         if ($icone.attr('class') === couleurNeutre) {
                             $icone.attr('class', couleurPasVu);
                             $icone.next().attr('class', couleurNeutre);

templates/base.html.twig

@@ -40,15 +40,19 @@
 										<div class="dropdown-divider"></div>
                                     {% endif %}
 									<a class="dropdown-item" href="{{ path('genre_liste') }}">Liste des genres</a>
-									{#<div class="dropdown-divider"></div>
-									<a class="dropdown-item" href="{{ path('admin_resettokens') }}">Reset Tokens</a>
-									#}
 								</div>
 							</li>
 						</ul>
 					{%  endif %}
 				</ul>
-
+				{% endif %}
+				<ul class="navbar-nav">
+					<li class="nav-item">
+						<a href="#" class="nav-link" data-toggle="modal" data-target="#modalWindow"><i class="fa fa-info-circle fa-lg text-light nav-link" aria-hidden="true"></i></a>
+					<li>
+				</ul>
+				
+				{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
 				<form class="form-inline my-2 my-lg-0" action="{{ path('search_recherche') }}">
 					<input class="form-control mr-sm-2" name="q" type="text" placeholder="Rechercher" aria-label="Rechercher">
 					<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Go</button>
@@ -72,7 +76,6 @@
 						</li>
 					</ul>
                 {% endif %}
-
 			</div>
 		</nav>
 		<div class="container-fluid">
@@ -94,6 +97,45 @@
 						</div>
 					</div>
 				</div>
+
+				<!-- Modal -->
+				<div class="modal fade" id="modalWindow" tabindex="-1" role="dialog" aria-labelledby="ModalWindow" aria-hidden="true">
+					<div class="modal-dialog modal-dialog-centered" role="document">
+						<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title" id="information">Vidéothèque partagée</h5>
+							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+							<span aria-hidden="true">&times;</span>
+							</button>
+						</div>
+						<div class="modal-body">
+							<p>
+								Ceci est une vidéothèque partagée entre les copains.
+								Le but, c'est de poser les films qu'on vient de voir où qu'on souhaite voir rapidement et donner des idées aux copains quand ils ne savent plus quoi regarder.
+							</p>
+							<p>
+								On n'est pas là pour recréer IMDB ou Allociné, c'est plutôt une liste de films à voir.
+							</p>
+							<p>
+								D'ailleurs, le but, c'est de cocher les boutons
+								<i class="badge badge-secondary">Pas vu</i><i class="badge badge-success">Vu</i> 
+								 pour que les autres sachent qui a vu quoi et le bouton <i class="fa fa-star text-primary"></i>
+								 pour suivre un film, ça permet de trier les films dans l'onglet "Ma liste de films".
+							</p>
+							<p>
+								Bon partage à tous !
+							</p>
+							<p>
+								La bise dans vous.
+							</p>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
+						</div>
+						</div>
+					</div>
+				</div>
+
 			</header>
 			<main role="main">
 				{% block body %}{% endblock %}