Commit a61c94e0 authored by Laura Heimann's avatar Laura Heimann

added installed indicator in GUI

parent 8fdf84ad
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div class="song-item" v-on:auxclick="shortDownload($event)" v-on:contextmenu="showContextMenu($event)"> <div class="song-item" v-on:auxclick="shortDownload($event)" v-on:contextmenu="showContextMenu($event)">
<router-link :to="{ name: 'SongDetail', params: { id: id } }"> <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-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-info">
<div class="song-charter"><i class="mdi mdi-account-circle"></i><span>{{ charter }}</span></div> <div class="song-charter"><i class="mdi mdi-account-circle"></i><span>{{ charter }}</span></div>
</div> </div>
...@@ -44,11 +45,12 @@ ...@@ -44,11 +45,12 @@
'hardDifficulty', 'hardDifficulty',
'expertDifficulty', 'expertDifficulty',
'XDDifficulty', 'XDDifficulty',
'zip' 'zip',
], ],
data: function() { data: function() {
return { return {
isContextMenuActive: false isContextMenuActive: false,
isInstalled: false
} }
}, },
mounted: function() { mounted: function() {
...@@ -138,6 +140,20 @@ ...@@ -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 { & .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