danolo
/
deemix-webui
mirror of https://gitlab.com/RemixDev/deemix-webui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added placeholder for loading images

This commit is contained in:
RemixDev 2020-04-09 12:30:02 +02:00
parent 880c257005
commit bba5e6522c
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/css/style.css
View File

@ -158,7 +158,14 @@ div#download_tab{
font-size: 24px; font-size: 24px;
margin: 4px; margin: 4px;
} }
.release > img{
width: 156px;
height: 156px;
}
.track_row > td > img{
width: 32px;
height: 32px;
}
/* Global stuff */ /* Global stuff */
img.rounded { img.rounded {
border-radius: 5px; border-radius: 5px;

4
public/index.html
View File

@ -48,7 +48,7 @@ <h1>{{ names[section] }}</h1>
</div> </div>
<div v-if="section == 'TRACK'"> <div v-if="section == 'TRACK'">
<table class="tracks_table"> <table class="tracks_table">
<tr v-for="track in results.TRACK.data.slice(0, 6)"> <tr v-for="track in results.TRACK.data.slice(0, 6)" class="track_row">
<td style="width: 48px;"><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td> <td style="width: 48px;"><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td>
<td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td> <td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td>
<td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td> <td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td>
@ -85,7 +85,7 @@ <h1>No Tracks found</h1>
<th><i class="material-icons">timer</i></th> <th><i class="material-icons">timer</i></th>
<th style="width: 56px;"></th> <th style="width: 56px;"></th>
</tr> </tr>
<tr v-for="track in results.data"> <tr v-for="track in results.data" class="track_row">
<td><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td> <td><img class="rounded coverart" v-bind:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"></td>
<td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td> <td>{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td>
<td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td> <td><span v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span></td>