forked from dbroqua/MusicTopus
issue/19 (#20)
!19 Co-authored-by: dbroqua <contact@darkou.fr> Reviewed-on: https://git.darkou.fr/dbroqua/MyMusicLibrary/pulls/20 Co-authored-by: Damien Broqua <dbroqua@noreply.localhost> Co-committed-by: Damien Broqua <dbroqua@noreply.localhost>
This commit is contained in:
parent
18d4970ebd
commit
a0f9ab1f45
35 changed files with 973 additions and 366 deletions
|
@ -6,7 +6,7 @@
|
|||
<label for="q">Nom de l'album ou code barre</label>
|
||||
<div class="field has-addons">
|
||||
<input type="text" name="q" id="q" v-model="q" placeholder="ex : Hybrid Theory" autofocus>
|
||||
<button class="button is-link" :disabled="loading" aria-label="Chercher">
|
||||
<button class="button is-primary" :disabled="loading" aria-label="Chercher">
|
||||
<i class="icon-search" v-if="!loading"></i>
|
||||
<i class="icon-spin animate-spin" v-if="loading"></i>
|
||||
</button>
|
||||
|
@ -14,13 +14,13 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 list">
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 list">
|
||||
<div class="item" v-if="!loading" v-for="item in items">
|
||||
<a @click="loadDetails(item.id)" class="title">{{ item.artists_sort }} {{ item.title }}</a>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4">
|
||||
<div>
|
||||
<img :src="item.thumb" :alt="item.title" style="max-width: 120px;" @click="loadDetails(item.id)"/>
|
||||
<img :src="item.thumb" :alt="item.title" @click="loadDetails(item.id)"/>
|
||||
</div>
|
||||
<div class="md:col-span-3">
|
||||
<span><strong>Année :</strong> {{ item.year }}</span>
|
||||
|
@ -35,7 +35,7 @@
|
|||
</span>
|
||||
<br />
|
||||
<span>
|
||||
<strong>Genre : </strong>
|
||||
<strong>Genre : </strong>
|
||||
<template v-for="(genre, index) in item.genre">
|
||||
{{ genre }}<template v-if="index < item.genre.length - 1">, </template>
|
||||
</template>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue