Commit a61c94e0 authored by Laura Heimann's avatar Laura Heimann

added installed indicator in GUI

parent 8fdf84ad
......@@ -2,6 +2,7 @@
<div class="song-item" v-on:auxclick="shortDownload($event)" v-on:contextmenu="showContextMenu($event)">
<router-link :to="{ name: 'SongDetail', params: { id: id } }">
<div class="song-cover" :style="'background-image: url(' + cover + '), url(' + require('@/assets/img/defaultAlbumArt.jpg') + ');'">
<div class="song-installed-indicator" v-if="isInstalled">INSTALLED</div>
<div class="song-charter-info">
<div class="song-charter"><i class="mdi mdi-account-circle"></i><span>{{ charter }}</span></div>
</div>
......@@ -44,11 +45,12 @@
'hardDifficulty',
'expertDifficulty',
'XDDifficulty',
'zip'
'zip',
],
data: function() {
return {
isContextMenuActive: false
isContextMenuActive: false,
isInstalled: false
}
},
mounted: function() {
......@@ -138,6 +140,20 @@
}
}
}
& .song-installed-indicator {
position: absolute;
color: #fff;
top: 10px;
right: 10px;
color: #000;
background: #fff;
border-radius: 100px;
padding: 2px 10px;
font-size: 10px;
font-weight: bold;
z-index: 10;
}
}
& .song-metadata {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment