somme css

chiirz/public/css/components/_nav.scss

@@ -150,6 +150,54 @@
     padding: 4rem;
     transition: all ease-in-out 0.3s;
 
+    & li {
+      padding: 1rem 0;
+
+    }
+
+    & a {
+      font-family: "Chillax", sans-serif;
+      font-weight: 600;
+      font-size: 1.5rem;
+      color: $black;
+      margin-bottom: 1rem;
+      text-decoration: none;
+    }
+
+    &__content-btn {
+      margin-top: 2rem;
+    
+      & a {
+        font-size: 1rem;
+        color: $p-grey;
+      }
+
+    }
+
+    &__content-online {
+      display: flex;
+      align-items: center;
+      text-decoration: none;
+      font-family: 'Chillax';
+
+      & p {
+        color: #555555;
+        font-size: 0.8rem;
+        font-weight: 500;
+      }
+
+      & p:nth-child(2) 
+      {
+        font-size: 1.25rem;
+        font-weight: 600;
+        color: $black;
+      }
+
+      & img {
+        width: 4rem;
+      }
+    }
+
     &__close {
       cursor: pointer;
     }

chiirz/public/css/elements/_splide-comment.scss

@@ -235,3 +235,14 @@
     }
 }
 
+.comment__stars {
+    display : flex;
+    gap : 0.5rem;
+    align-items : center;
+    & img {
+        width : 20px;
+        height : 20px;
+        object-fit: contain;
+    }
+}
+

chiirz/public/css/main.css

@@ -453,6 +453,43 @@ body {
   padding: 4rem;
   transition: all ease-in-out 0.3s;
 }
+.nav__sidebar li {
+  padding: 1rem 0;
+}
+.nav__sidebar a {
+  font-family: "Chillax", sans-serif;
+  font-weight: 600;
+  font-size: 1.5rem;
+  color: #000000;
+  margin-bottom: 1rem;
+  text-decoration: none;
+}
+.nav__sidebar__content-btn {
+  margin-top: 2rem;
+}
+.nav__sidebar__content-btn a {
+  font-size: 1rem;
+  color: #555555;
+}
+.nav__sidebar__content-online {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  font-family: "Chillax";
+}
+.nav__sidebar__content-online p {
+  color: #555555;
+  font-size: 0.8rem;
+  font-weight: 500;
+}
+.nav__sidebar__content-online p:nth-child(2) {
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #000000;
+}
+.nav__sidebar__content-online img {
+  width: 4rem;
+}
 .nav__sidebar__close {
   cursor: pointer;
 }
@@ -2075,4 +2112,16 @@ body {
 }
 .parcours-info__name img {
   fill: #555555;
+}
+
+.comment__stars {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+.comment__stars img {
+  width: 20px;
+  height: 20px;
+  -o-object-fit: contain;
+     object-fit: contain;
 }/*# sourceMappingURL=main.css.map */
\ No newline at end of file

chiirz/public/js/itinerary.js

-// back button
-const backButton = document.querySelector('#backButton');
-
-backButton.addEventListener('click', () => {
-    history.back()
-});
-
 // Splide js
 
 const splidesPics = document.querySelectorAll('#splidePics');

chiirz/templates/partials/_nav.html.twig

@@ -3,17 +3,17 @@
     <img src="{{ asset('img/svg/close.svg') }}" class="nav__sidebar__close" alt="close-menu" id="closeMenu">
 
     {% if app.user %}
-    <div class="nav__sidebar__content-online">
-        <a href="{{ path('user', {'id': app.user.id }) }}">
-            <img src="{{ asset('img/happy-smiley.png') }}">
-            <div>
-                <p> Bonjour à toi !</p>
-                <p> {{ app.user.pseudo }} </p>
-            </div>
-        </a>
-    </div>
+    <a href="{{ path('user', {'id': app.user.id }) }}" class="nav__sidebar__content-online">
+        <img src="{{ asset('img/happy-smiley.png') }}">
+        <div>
+            <p> Bonjour à toi !</p>
+            <p> {{ app.user.pseudo }} </p>
+        </div>
+    </a>
     {% else %}
-    <p> Bien le bonjour ! </p>
+    <a href="{{ path('login') }}" class="nav__sidebar__content-online">
+        <p> Bien le bonjour ! </p>
+    </a>
     {% endif %}
     
     <ul class="p p-20">
@@ -52,7 +52,7 @@
             </li>
             <li> 
                 {% if app.user %}
-                    <a href="{{ path('app_city_show', {id : app.user.id}) }}">Tous les itinéraires </a>
+                    <a href="{{ path('app_city_show', {id : app.user.fkCity.id}) }}">Tous les itinéraires </a>
                 {% else %}
                     <a href="{{ path('app_city_index') }}">Tous les itinéraires </a>
                 {% endif %}