Co-authored-by: dbroqua <contact@darkou.fr>

Reviewed-on: #25
Co-authored-by: Damien Broqua <dbroqua@noreply.localhost>
Co-committed-by: Damien Broqua <dbroqua@noreply.localhost>

public/js/main.js

@@ -105,7 +105,7 @@ function switchTheme(e) {
 document.addEventListener('DOMContentLoaded', () => {
     const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
     if ($navbarBurgers.length > 0) {
-        $navbarBurgers.forEach( el => {
+    $navbarBurgers.forEach( el => {
             el.addEventListener('click', () => {
                 const target = el.dataset.target;
                 const $target = document.getElementById(target);

sass/index.scss

@@ -46,4 +46,4 @@
 @import './ajouter-un-album';
 @import './collection';
 @import './ma-collection-details';
-@import './composants';
+@import './composants';

views/pages/collection.ejs

@@ -47,7 +47,7 @@
             </span>
             <div class="grid grid-cols-2 md:grid-cols-4">
                 <div>
-                    <img :src="item.thumb" :alt="item.title" />
+                    <a :href="'/ma-collection/' + item._id"><img :src="item.thumb" :alt="item.title" /></a>
                 </div>
                 <div class="md:col-span-3">
                     <span><strong>Année :</strong> {{ item.year }}</span>

views/pages/composants.ejs

@@ -345,6 +345,8 @@
     <i class="icon-moon">.icon-moon</i>
     <i class="icon-trash">.icon-trash</i>
     <i class="icon-blind">.icon-blind</i>
+    <i class="icon-left-open">.icon-left-open</i>
+    <i class="icon-right-open">.icon-right-open</i>
 
     <h2 id="listes">Les listes</h2>
     <h3>Liste normale</h3>

views/pages/mon-compte/ma-collection/details.ejs

@@ -170,7 +170,7 @@
             }
         },
         created() {
-            this.setTrackList();            
+            this.setTrackList();
             this.setIdentifiers();
 
             window.addEventListener("keydown", this.changeImage);
@@ -231,7 +231,7 @@
             },
             showGallery(event) {
                 const item = event.target.tagName === 'IMG' ? event.target.parentElement : event.target;
-                
+
                 const {
                     index,
                 } = item.dataset;