Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add a popularity modal to the page when clicking on the popularity value (finishes #5 )

Browse source
This commit is contained in:
Tyler-A 2020-07-07 21:23:48 -06:00
parent 7ea4f89522
commit 4a61eec9ff
11 changed files with 205 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/track.js
View file

@ -39,6 +39,11 @@ Vue.component(
return artists.join(`, `)
},
},
methods: {
show_popularity_modal: function () {
this.$emit('popularity_click')
}
},
template: `<div class="card">
<div class="image">
<a v-if="track.album.image.url" :href="track.album.link" target="_blank" rel="noopener">
@ -58,7 +63,7 @@ Vue.component(
<br>
<span class="subtitle" v-html="artists"></span>
</div>
<div class="popularity bottom left corner" v-tooltip="popularity_tooltip">{{track.popularity}}</div>
<div class="popularity bottom left corner" v-tooltip="popularity_tooltip" @click.self="show_popularity_modal()">{{track.popularity}}</div>
<div class="duration bottom right corner">{{duration}}</div>
</div>`
}