On avance mais bootstrap rating pas bien

assets/js/addCollectionVanilla.js

@@ -46,7 +46,7 @@ import { autocomplete } from './autocomplete.js'
         deleteLink.type = 'button';
         deleteLink.className = 'btn btn-outline-secondary';
         const i = document.createElement('i');
-        i.className = 'fa fa-trash fa-lg text-danger';
+        i.className = 'fa-solid fa-trash fa-lg text-danger';
         deleteLink.appendChild(i);
 
         deleteLink.addEventListener("click", (event) => {

templates/genre/liste.html.twig

@@ -19,9 +19,9 @@
 			<td>{{ genre.name }}</td>
 			<td>
 				{% if is_granted('ROLE_MODERATEUR') %}
-				<a href="{{ path('genre_supprimer', {'id': genre.id})  }}"><i class="fa fa-trash", style="color:Tomato;"></i></a>
+				<a href="{{ path('genre_supprimer', {'id': genre.id})  }}"><i class="fa-solid fa-trash", style="color:Tomato;"></i></a>
 				{% endif %}
-				<a href="{{ path('genre_modifier', {'id': genre.id})  }}"><i class="fa fa-edit", style="color:DodgerBlue;"></i></a>
+				<a href="{{ path('genre_modifier', {'id': genre.id})  }}"><i class="fa-solid fa-edit", style="color:DodgerBlue;"></i></a>
 			</td>
 		</tr>
 		{% endfor %}

templates/genre/supprimer.html.twig

@@ -8,7 +8,7 @@
     <p>Êtes vous certain de vouloir supprimer le genre "{{ genre.name }}" ?</p>
     <form action="{{ path('genre_supprimer', {'id': genre.id}) }}" method="post">
         <a href="{{ path('genre_liste', {'id': genre.id}) }}" class="btn btn-secondary">
-            <i class="fa fa-chevron-circle-left fa-lg"></i>
+            <i class="fa-solid fa-chevron-circle-left fa-lg"></i>
             Retour à la liste des genres
         </a>
         {# Ici j'ai écrit le bouton de soumission à la main #}

templates/modal.html.twig

@@ -17,8 +17,8 @@
             </p>
             <p>
                 D'ailleurs, le but, c'est de cocher les boutons
-                <i class="fa fa-eye fa-lg text-success"></i> ou <i class="fa fa-eye-slash fa-lg text-secondary"></i> 
-                    pour que les autres sachent qui a vu quoi et le bouton <i class="fa fa-bookmark text-primary"></i>
+                <i class="fa-solid fa-eye fa-lg text-success"></i> ou <i class="fa-solid fa-eye-slash fa-lg text-secondary"></i> 
+                    pour que les autres sachent qui a vu quoi et le bouton <i class="fa-solid fa-bookmark text-primary"></i>
                     pour suivre un film, ça permet de trier les films dans l'onglet "Ma liste de films".
             </p>
             <p>

templates/navbar.html.twig

@@ -80,10 +80,10 @@
                         {{ app.user.nomComplet }}
                     </a>
                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarUserDropdown">
-                        <li><a class="dropdown-item" href="{{ path('user_profil') }}"><i class="fa fa-user"></i> Profil</a></li>
-                        <li><a class="dropdown-item" href="{{ path('user_preferences') }}"><i class="fa fa-cog"></i> Préférences</a></li>
+                        <li><a class="dropdown-item" href="{{ path('user_profil') }}"><i class="fa-solid fa-user"></i> Profil</a></li>
+                        <li><a class="dropdown-item" href="{{ path('user_preferences') }}"><i class="fa-solid fa-cog"></i> Préférences</a></li>
                         <li><hr class="dropdown-divider"></li>
-                        <li><a class="dropdown-item" href="{{ path('app_logout') }}"><i class="fa fa-sign-out"></i> Se déconnecter</a></li>
+                        <li><a class="dropdown-item" href="{{ path('app_logout') }}"><i class="fa-solid fa-sign-out"></i> Se déconnecter</a></li>
                     </ul>
                 </li>
             </ul>
@@ -92,13 +92,13 @@
     {# Icones qui ne sont pas dans le collapse #}
     <ul class="navbar-nav">
         <li class="nav-item">
-            <a href="#" class="nav-link me-3" data-bs-toggle="modal" data-bs-target="#modalWindow"><i class="fa fa-info-circle fa-lg text-light" aria-hidden="true"></i></a>
+            <a href="#" class="nav-link me-3" data-bs-toggle="modal" data-bs-target="#modalWindow"><i class="fa-solid fa-info-circle fa-lg text-light" aria-hidden="true"></i></a>
         <li>
     </ul>
     <ul class="navbar-nav">
         <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="navbarColorDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <i class="fa fa-tint fa-lg"></i>
+                <i class="fa-solid fa-tint fa-lg"></i>
             </a>
             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarColorDropdown">
                 <li><a href="#" class="dropdown-item" data-bs-theme-value="light">Light</a></li>
@@ -110,12 +110,12 @@
     <ul class="navbar-nav">
         <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="navbarHelpDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <i class="fa fa-question-circle fa-lg"></i>
+                <i class="fa-solid fa-question-circle fa-lg"></i>
             </a>
             <div class="dropdown-menu dropdown-menu-end p-4" aria-labelledby="navbarHelpDropdown" style="width: 400px;">
-                    <p><i class="fa fa-bookmark fa-lg text-primary"></i> : Films que l'on souhaite voir. On les retrouve dans "Liste de mes films"</p>
-                    <p><i class="fa fa-eye fa-lg text-success"></i> : Film qu'on a vu</p>
-                    <p><i class="fa fa-eye-slash fa-lg text-secondary"></i> : Film qu'on n'a pas vu</p>
+                    <p><i class="fa-solid fa-bookmark fa-lg text-primary"></i> : Films que l'on souhaite voir. On les retrouve dans "Liste de mes films"</p>
+                    <p><i class="fa-solid fa-eye fa-lg text-success"></i> : Film qu'on a vu</p>
+                    <p><i class="fa-solid fa-eye-slash fa-lg text-secondary"></i> : Film qu'on n'a pas vu</p>
             </div>
         </li>
     </ul>
@@ -123,7 +123,7 @@
     <ul class="navbar-nav">
         <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="navbarBellDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <i class="fa fa-bell fa-lg"></i>
+                <i class="fa-solid fa-bell fa-lg"></i>
             </a>
             <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarBellDropdown" style="width: 400px;">
                 <div class="list-group px-4 py-3">

templates/page/index.html.twig

@@ -2,7 +2,7 @@
 
 {% block body %}
     {% if is_granted('ROLE_ADMIN') %}
-        <a href="{{ path('app_page_edit', {'id': page.name}) }}" class="btn btn-primary mb-3"><i class="fa fa-edit"></i> {{ "edit_page" | trans }}</a>
+        <a href="{{ path('app_page_edit', {'id': page.name}) }}" class="btn btn-primary mb-3"><i class="fa-solid fa-edit"></i> {{ "edit_page" | trans }}</a>
     {% endif %}
     
     {% apply markdown_to_html %}

templates/realisateur/liste.html.twig

@@ -28,9 +28,9 @@
 			</td>
 			<td>
 				{% if is_granted('ROLE_ADMIN') %}
-				<a href="{{ path('realisateur_supprimer', {'id': realisateur.id})  }}"><i class="fa fa-trash fa-lg text-danger"></i></a>
+				<a href="{{ path('realisateur_supprimer', {'id': realisateur.id})  }}"><i class="fa-solid fa-trash fa-lg text-danger"></i></a>
 				{% endif %}
-				<a href="{{ path('realisateur_modifier', {'id': realisateur.id})  }}"><i class="fa fa-edit fa-lg text-primary"></i></a>
+				<a href="{{ path('realisateur_modifier', {'id': realisateur.id})  }}"><i class="fa-solid fa-edit fa-lg text-primary"></i></a>
 
 
 			</td>

templates/realisateur/supprimer.html.twig

@@ -8,7 +8,7 @@
     <p>Êtes vous certain de vouloir supprimer le réalisateur "{{ realisateur.nomComplet }}" ?</p>
     <form action="{{ path('realisateur_supprimer', {'id': realisateur.id}) }}" method="post">
         <a href="{{ path('realisateur_liste', {'id': realisateur.id}) }}" class="btn btn-secondary">
-            <i class="fa fa-chevron-circle-left fa-lg"></i>
+            <i class="fa-solid fa-chevron-circle-left fa-lg"></i>
             Retour à la liste des réalisateurs
         </a>
         {# Ici j'ai écrit le bouton de soumission à la main #}

templates/security/liste.html.twig

@@ -26,9 +26,9 @@
             <tr>
                 <td >
                     {% if user.activeNow %}
-                        <i class="fa fa-user text-success"></i>
+                        <i class="fa-solid fa-user text-success"></i>
                     {% else %}
-                        <i class="fa fa-user-o text-secondary"></i>
+                        <i class="fa-regular fa-user text-secondary"></i>
                     {% endif %}
                 </td>
                 <td>{{ user.username }}</td>
@@ -41,10 +41,10 @@
                 <td>{{ user.enabled }}</td>
                 <td>
                     {%  if user != app.user %}
-                        <a href="{{ path('admin_deluser', {'id': user.id})  }}"><i class="fa fa-trash fa-lg text-danger"></i></a>
+                        <a href="{{ path('admin_deluser', {'id': user.id})  }}"><i class="fa-solid fa-trash fa-lg text-danger"></i></a>
                     {%  endif %}
-                    <a href="{{ path('admin_edituser', {'id': user.id})  }}"><i class="fa fa-edit fa-lg text-primary"></i></a>
-                    <a href="{{ path('admin_edituseroptions', {'id': user.profile.id}) }}"><i class="fa fa-cog fa-lg"></i></a>
+                    <a href="{{ path('admin_edituser', {'id': user.id})  }}"><i class="fa-solid fa-edit fa-lg text-primary"></i></a>
+                    <a href="{{ path('admin_edituseroptions', {'id': user.profile.id}) }}"><i class="fa-solid fa-cog fa-lg"></i></a>
                 </td>
             </tr>
         {% endfor %}

templates/security/supprimeruser.html.twig

@@ -8,7 +8,7 @@
     <p>Êtes vous certain de vouloir supprimer l'utilisateur "{{ user.username }}" ?</p>
     <form action="{{ path('admin_deluser', {'id': user.id}) }}" method="post">
         <a href="{{ path('admin_index') }}" class="btn btn-secondary">
-            <i class="fa fa-chevron-circle-left fa-lg"></i>
+            <i class="fa-solid fa-chevron-circle-left fa-lg"></i>
             Retour à la liste des utilisateurs
         </a>
         {# Ici j'ai écrit le bouton de soumission à la main #}

templates/videotheque/_filters_form.html.twig

@@ -1,6 +1,6 @@
 {% if filtersForm is defined %}
 <div data-controller="collapser mb-3">
-    <button class="btn text-primary" data-bs-toggle="collapse" data-bs-target="#collapse-filters">Filtres <i data-collapser-target="button" class="fa fa-chevron-circle-right fa-lg"></i></button>
+    <button class="btn text-primary" data-bs-toggle="collapse" data-bs-target="#collapse-filters">Filtres <i data-collapser-target="button" class="fa-solid fa-chevron-circle-right fa-lg"></i></button>
     <div id="collapse-filters" class="collapse" data-collapser-target="collapse">
         {#{% form_theme filtersForm 'bootstrap_5_horizontal_layout.html.twig' %}#}
             {{ form_start(filtersForm, {'attr': {'class': 'row row-cols-lg-auto g-3 align-items-center'} } ) }}

templates/videotheque/_liste_header.html.twig

@@ -1,7 +1,7 @@
 <div class="d-flex flex-wrap">
     {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
-        <p class="me-2"><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter un film</a></p>
-        <p class="me-2"><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter_tmdb') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter par TMDB</a></p>
+        <p class="me-2"><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter') }}"><i class="fa-solid fa-plus-square fa-lg"></i> Ajouter un film</a></p>
+        <p class="me-2"><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter_tmdb') }}"><i class="fa-solid fa-plus-square fa-lg"></i> Ajouter par TMDB</a></p>
         <p class="me-2"><a href="#" role="button" class="btn btn-secondary" id="switchview">Changer de vue</a></p>
           
     {% endif %}

templates/videotheque/add_tmdb.html.twig

@@ -82,7 +82,7 @@
                             <div class="d-flex">
                                 <a class="ms-auto" href="#collapseResume-{{ idtmdb }}" role="button" data-bs-target="#collapseResume-{{ idtmdb }}" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseResume-{{ idtmdb }}">
                                     Résumé
-                                    <i class="fa fa-chevron-right fa-xs" data-collapser-target="button"></i>
+                                    <i class="fa-solid fa-chevron-right fa-xs" data-collapser-target="button"></i>
                                 </a>
                             </div>
                             <div id="collapseResume-{{ idtmdb }}" class="collapse" data-collapser-target="collapse">

templates/videotheque/liste_tableaux.html.twig

@@ -35,16 +35,16 @@
 				{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
 					<td>
 						{%  if app.user.wantToSee(film) %}
-							{% set follow_icone = "fa fa-bookmark fa-lg" %}
+							{% set follow_icone = "fa-solid fa-bookmark fa-lg" %}
 							{% set follow_texte = "Supprimer ce film de votre liste à voir" %}
 						{% else %}
-							{% set follow_icone = "fa fa-bookmark-o text-secondary fa-lg" %}
+							{% set follow_icone = "fa-regular fa-bookmark text-secondary fa-lg" %}
 							{% set follow_texte = "Ajouter ce film à votre liste à voir" %}
 						{% endif %}
 						<a href="#" type="button"
 									data-fonction="switch"
-									data-icone-actif="fa fa-bookmark fa-lg"
-									data-icone-inactif="fa fa-bookmark-o text-secondary fa-lg"
+									data-icone-actif="fa-solid fa-bookmark fa-lg"
+									data-icone-inactif="fa-regular fa-bookmark text-secondary fa-lg"
 									data-path="{{ path('maliste_modifier_a_voir') }}"
 									data-bs-toggle="tooltip"
 									title="{{ follow_texte }}"
@@ -54,25 +54,25 @@
 					</td>
 					<td>
 						{%  if app.user.haveSeen(film) %}
-							{% set vu_icone = '<i class="fa fa-eye fa-lg text-success"></i>' %}
+							{% set vu_icone = '<i class="fa-solid fa-eye fa-lg text-success"></i>' %}
 						{% else %}
-							{% set vu_icone = '<i class="fa fa-eye-slash fa-lg text-secondary"></i>' %}
+							{% set vu_icone = '<i class="fa-solid fa-eye-slash fa-lg text-secondary"></i>' %}
 						{% endif %}				
 						<a href="#"	type="button"
 									data-fonction="switch"
 									data-path="{{ path('maliste_modifier_vus') }}"
 									data-content="{{ film.id }}"
-									data-icone-actif = "fa fa-eye fa-lg text-success"
-									data-icone-inactif = "fa fa-eye-slash fa-lg text-secondary">
+									data-icone-actif = "fa-solid fa-eye fa-lg text-success"
+									data-icone-inactif = "fa-solid fa-eye-slash fa-lg text-secondary">
 							{{ vu_icone | raw }}
 						</a>
 					</td>
 					<td>
 						{%  if film.authered is defined %}
 							{% if film.authered.activeNow %}
-								<i class="fa fa-user text-success" data-bs-toggle="tooltip" title="En ligne"></i>
+								<i class="fa-solid 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>
+								<i class="fa-regular fa-user text-secondary" data-bs-toggle="tooltip" title="Hors ligne"></i>
 							{% endif %}
 							{{ film.authered.username }}
 						{% endif %}

templates/videotheque/liste_vignettes.html.twig

@@ -26,33 +26,33 @@
 					{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
 						<div class="me-3">
 							{%  if app.user.haveSeen(film) %}
-								{% set vu_icone = '<i class="fa fa-eye fa-lg text-success"></i>' %}
+								{% set vu_icone = '<i class="fa-solid fa-eye fa-lg text-success"></i>' %}
 							{% else %}
-								{% set vu_icone = '<i class="fa fa-eye-slash fa-lg text-secondary"></i>' %}
+								{% set vu_icone = '<i class="fa-solid fa-eye-slash fa-lg text-secondary"></i>' %}
 							{% endif %}				
 							<button     type="button"
 										class="btn"
 										data-fonction="switch"
 										data-path="{{ path('maliste_modifier_vus') }}"
 										data-content="{{ film.id }}"
-										data-icone-actif = "fa fa-eye fa-lg text-success"
-										data-icone-inactif = "fa fa-eye-slash fa-lg text-secondary">
+										data-icone-actif = "fa-solid fa-eye fa-lg text-success"
+										data-icone-inactif = "fa-solid fa-eye-slash fa-lg text-secondary">
 								{{ vu_icone | raw }}
 							</button>
 						</div>
 						<div class="me-3">
 							{%  if app.user.wantToSee(film) %}
-								{% set follow_icone = "fa fa-bookmark fa-lg" %}
+								{% set follow_icone = "fa-solid fa-bookmark fa-lg" %}
 								{% set follow_texte = "Supprimer ce film de votre liste à voir" %}
 							{% else %}
-								{% set follow_icone = "fa fa-bookmark-o text-secondary fa-lg" %}
+								{% set follow_icone = "fa-regular fa-bookmark text-secondary fa-lg" %}
 								{% set follow_texte = "Ajouter ce film à votre liste à voir" %}
 							{% endif %}
 							<button		type="button"
 										class="btn text-primary"
 										data-fonction="switch"
-										data-icone-actif="fa fa-bookmark fa-lg"
-										data-icone-inactif="fa fa-bookmark-o text-secondary fa-lg"
+										data-icone-actif="fa-solid fa-bookmark fa-lg"
+										data-icone-inactif="fa-regular fa-bookmark text-secondary fa-lg"
 										data-path="{{ path('maliste_modifier_a_voir') }}"
 										data-bs-toggle="tooltip"
 										title="{{ follow_texte }}"
@@ -62,7 +62,7 @@
 						</div>
 					{% endif %}
 					<div class="">
-						<button class="btn text-primary" data-bs-toggle="collapse" data-bs-target="#collapse-id-{{ film.id }}"><i data-collapser-target="button" class="fa fa-chevron-circle-right fa-lg"></i></button>
+						<button class="btn text-primary" data-bs-toggle="collapse" data-bs-target="#collapse-id-{{ film.id }}"><i data-collapser-target="button" class="fa-solid fa-chevron-circle-right fa-lg"></i></button>
 					</div>
 				</div>
 			</div>
@@ -137,9 +137,9 @@
 					Ajouté par 
 					{{ film.authered.username }}
 					{% if film.authered.activeNow %}
-						<i class="fa fa-user text-success" data-bs-toggle="tooltip" title="En ligne"></i>
+						<i class="fa-solid 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>
+						<i class="fa-regular fa-user text-secondary" data-bs-toggle="tooltip" title="Hors ligne"></i>
 					{% endif %}
 				{% endif %}
 				</div>

templates/videotheque/voirfilm.html.twig

@@ -4,33 +4,33 @@
 {% block titre %}
     {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
         {%  if film.usersWantToView.contains(app.user) %}
-            {% set follow_icone = "fa fa-bookmark" %}
+            {% set follow_icone = "fa-solid fa-bookmark" %}
             {% set follow_texte = "Supprimer ce film de votre liste à voir" %}
         {% else %}
-            {% set follow_icone = "fa fa-bookmark-o text-secondary" %}
+            {% set follow_icone = "fa-regular fa-bookmark text-secondary" %}
             {% set follow_texte = "Ajouter ce film à votre liste à voir" %}
         {% endif %}
         <a href="#"
             type="button"
             data-fonction="switch"
             data-icone-actif="fa fa-bookmark"
-            data-icone-inactif="fa fa-bookmark-o text-secondary"
+            data-icone-inactif="fa-regular fa-bookmark text-secondary"
             data-path="{{ path('maliste_modifier_a_voir') }}"
             data-bs-toggle="tooltip"
             title="{{ follow_texte }}"
             data-content="{{ film.id }}">
             <i class="{{ follow_icone }}"></i></a>
         {% if film.usersWhoSeen.contains(app.user) %}
-            {% set vu_icone = '<i class="fa fa-eye text-success"></i>' %}
+            {% set vu_icone = '<i class="fa-solid fa-eye text-success"></i>' %}
         {% else %}
-            {% set vu_icone = '<i class="fa fa-eye-slash text-secondary"></i>' %}
+            {% set vu_icone = '<i class="fa-solid fa-eye-slash text-secondary"></i>' %}
         {% endif %}				
         <a href="#" type="button"
                     data-fonction="switch"
                     data-path="{{ path('maliste_modifier_vus') }}"
                     data-content="{{ film.id }}"
-                    data-icone-actif = "fa fa-eye text-success"
-                    data-icone-inactif = "fa fa-eye-slash text-secondary">
+                    data-icone-actif = "fa-solid fa-eye text-success"
+                    data-icone-inactif = "fa-solid fa-eye-slash text-secondary">
             {{ vu_icone | raw }}</a>
     {% endif %}
     {{ film.titre }}
@@ -55,12 +55,12 @@
 {%  block body %}
     {% if estEnSalle(film.dateSortie) %}
     <div class="text-center alert alert-success" role="alert">
-        <i class="fa fa-film"></i> EN SALLE
+        <i class="fa-solid fa-film"></i> EN SALLE
     </div>
     {% endif %}
     {% if bientotEnSalle(film.dateSortie) %}
     <div class="text-center alert alert-info" role="alert">
-        <i class="fa fa-clock-o"></i> BIENTOT EN SALLE
+        <i class="fa-solid fa-clock-o"></i> BIENTOT EN SALLE
     </div>
     {% endif %}
   
@@ -72,8 +72,8 @@
                         <h5 class="">Fiche technique</h5>
                         {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
                             <div class="ms-auto">
-                                <a data-bs-toggle="tooltip" title="Modifier la fiche du film" href="{{ path('videotheque_modifier', {'id': film.id}) }}"><i class="fa fa-edit fa-lg"></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 %}
+                                <a data-bs-toggle="tooltip" title="Modifier la fiche du film" href="{{ path('videotheque_modifier', {'id': film.id}) }}"><i class="fa-solid fa-edit fa-lg"></i></a>
+                                {% if is_granted('ROLE_ADMIN') %}<a href="{{ path('videotheque_supprimer', {'id': film.id})  }}"><i class="fa-solid fa-trash fa-lg", style="color:Tomato;"></i></a>{% endif %}
 
                             </div>
                         {% endif %}