dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 9 Pull requests Releases 14 Activity

Fixed bug in my collection

Browse source
This commit is contained in:
Damien Broqua 2022-02-18 23:57:51 +01:00
parent e8b60beacb
commit 4f3c2b0499
2 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
sass/ma-collection.scss
View file

@ -43,5 +43,22 @@
img { img {
border: 2px solid #4a4a4a; border: 2px solid #4a4a4a;
} }
.items {
span {
margin-right: 0.6rem;
&::after {
content: ",";
}
&:last-child {
&::after {
margin-right: 0;
content: "";
}
}
}
}
} }
} }

10
views/pages/mon-compte/ma-collection.ejs
View file

@ -4,7 +4,7 @@
<label for="artist">Artiste</label> <label for="artist">Artiste</label>
<select id="artist" v-model="artist" @change="changeFilter"> <select id="artist" v-model="artist" @change="changeFilter">
<option value="">Tous</option> <option value="">Tous</option>
<% <%
for (let i = 0; i < page.artists.length; i += 1 ) { for (let i = 0; i < page.artists.length; i += 1 ) {
__append(`<option value="${page.artists[i]}">${page.artists[i]}</option>`); __append(`<option value="${page.artists[i]}">${page.artists[i]}</option>`);
} }
@ -15,7 +15,7 @@
<label for="format">Format</label> <label for="format">Format</label>
<select id="format" v-model="format" @change="changeFilter"> <select id="format" v-model="format" @change="changeFilter">
<option value="">Tous</option> <option value="">Tous</option>
<% <%
for (let i = 0; i < page.formats.length; i += 1 ) { for (let i = 0; i < page.formats.length; i += 1 ) {
__append(`<option value="${page.formats[i]}">${page.formats[i]}</option>`); __append(`<option value="${page.formats[i]}">${page.formats[i]}</option>`);
} }
@ -47,11 +47,11 @@
<br /> <br />
<span><strong>Pays :</strong> {{ item.country }}</span> <span><strong>Pays :</strong> {{ item.country }}</span>
<br /> <br />
<span class="item"><strong>Format :</strong> <span v-for="format in item.formats">{{ format.name }}</span></span> <span class="items"><strong>Format :</strong> <span v-for="format in item.formats">{{ format.name }}</span></span>
<br /> <br />
<span class="item"><strong>Genre :</strong> <span v-for="genre in item.genres">{{ genre }}</span></span> <span class="items"><strong>Genre :</strong> <span v-for="genre in item.genres">{{ genre }}</span></span>
<br /> <br />
<span class="item"><strong>Style :</strong> <span v-for="style in item.styles">{{ style }}</span></span> <span class="items"><strong>Style :</strong> <span v-for="style in item.styles">{{ style }}</span></span>
</div> </div>
</div> </div>
</div> </div>