Version 1.1 #43
5 changed files with 7 additions and 5 deletions
|
@ -105,7 +105,7 @@ function switchTheme(e) {
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||||||
if ($navbarBurgers.length > 0) {
|
if ($navbarBurgers.length > 0) {
|
||||||
$navbarBurgers.forEach( el => {
|
$navbarBurgers.forEach( el => {
|
||||||
el.addEventListener('click', () => {
|
el.addEventListener('click', () => {
|
||||||
const target = el.dataset.target;
|
const target = el.dataset.target;
|
||||||
const $target = document.getElementById(target);
|
const $target = document.getElementById(target);
|
||||||
|
|
|
@ -46,4 +46,4 @@
|
||||||
@import './ajouter-un-album';
|
@import './ajouter-un-album';
|
||||||
@import './collection';
|
@import './collection';
|
||||||
@import './ma-collection-details';
|
@import './ma-collection-details';
|
||||||
@import './composants';
|
@import './composants';
|
||||||
|
|
|
@ -47,7 +47,7 @@
|
||||||
</span>
|
</span>
|
||||||
<div class="grid grid-cols-2 md:grid-cols-4">
|
<div class="grid grid-cols-2 md:grid-cols-4">
|
||||||
<div>
|
<div>
|
||||||
<img :src="item.thumb" :alt="item.title" />
|
<a :href="'/ma-collection/' + item._id"><img :src="item.thumb" :alt="item.title" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="md:col-span-3">
|
<div class="md:col-span-3">
|
||||||
<span><strong>Année :</strong> {{ item.year }}</span>
|
<span><strong>Année :</strong> {{ item.year }}</span>
|
||||||
|
|
|
@ -345,6 +345,8 @@
|
||||||
<i class="icon-moon">.icon-moon</i>
|
<i class="icon-moon">.icon-moon</i>
|
||||||
<i class="icon-trash">.icon-trash</i>
|
<i class="icon-trash">.icon-trash</i>
|
||||||
<i class="icon-blind">.icon-blind</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>
|
<h2 id="listes">Les listes</h2>
|
||||||
<h3>Liste normale</h3>
|
<h3>Liste normale</h3>
|
||||||
|
|
|
@ -170,7 +170,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.setTrackList();
|
this.setTrackList();
|
||||||
this.setIdentifiers();
|
this.setIdentifiers();
|
||||||
|
|
||||||
window.addEventListener("keydown", this.changeImage);
|
window.addEventListener("keydown", this.changeImage);
|
||||||
|
@ -231,7 +231,7 @@
|
||||||
},
|
},
|
||||||
showGallery(event) {
|
showGallery(event) {
|
||||||
const item = event.target.tagName === 'IMG' ? event.target.parentElement : event.target;
|
const item = event.target.tagName === 'IMG' ? event.target.parentElement : event.target;
|
||||||
|
|
||||||
const {
|
const {
|
||||||
index,
|
index,
|
||||||
} = item.dataset;
|
} = item.dataset;
|
||||||
|
|
Loading…
Reference in a new issue