91 lines
1.9 KiB
JavaScript
91 lines
1.9 KiB
JavaScript
import { socket } from './socket.js'
|
|
|
|
export const ArtistTab = new Vue({
|
|
el: '#artist_tab',
|
|
data: {
|
|
currentTab: '',
|
|
sortKey: 'release_date',
|
|
sortOrder: 'desc',
|
|
title: '',
|
|
image: '',
|
|
type: '',
|
|
link: '',
|
|
head: null,
|
|
body: null
|
|
},
|
|
methods: {
|
|
addToQueue(e) {
|
|
e.stopPropagation()
|
|
sendAddToQueue(e.currentTarget.dataset.link)
|
|
},
|
|
openQualityModal(e) {
|
|
e.preventDefault()
|
|
openQualityModal(e.currentTarget.dataset.link)
|
|
},
|
|
moreInfo(url, e) {
|
|
if (e) e.preventDefault()
|
|
showTrackListSelective(url, true)
|
|
},
|
|
sortBy(key) {
|
|
if (key == this.sortKey) {
|
|
this.sortOrder = this.sortOrder == 'asc' ? 'desc' : 'asc'
|
|
} else {
|
|
this.sortKey = key
|
|
this.sortOrder = 'asc'
|
|
}
|
|
},
|
|
changeTab(tab) {
|
|
this.currentTab = tab
|
|
},
|
|
checkNewRelease(date) {
|
|
var g1 = new Date()
|
|
var g2 = new Date(date)
|
|
g2.setDate(g2.getDate() + 3)
|
|
g1.setHours(0, 0, 0, 0)
|
|
if (g1.getTime() <= g2.getTime()) {
|
|
return true
|
|
} else {
|
|
return false
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
showTable() {
|
|
if (this.body) return _.orderBy(this.body[this.currentTab], this.sortKey, this.sortOrder)
|
|
else return []
|
|
}
|
|
}
|
|
})
|
|
|
|
export function resetArtistTab() {
|
|
ArtistTab.title = 'Loading...'
|
|
ArtistTab.image = ''
|
|
ArtistTab.type = ''
|
|
ArtistTab.currentTab = ''
|
|
ArtistTab.sortKey = 'release_date'
|
|
ArtistTab.sortOrder = 'desc'
|
|
ArtistTab.link = ''
|
|
ArtistTab.head = []
|
|
ArtistTab.body = null
|
|
}
|
|
|
|
socket.on('show_artist', data => {
|
|
ArtistTab.title = data.name
|
|
ArtistTab.image = data.picture_xl
|
|
ArtistTab.type = 'Artist'
|
|
ArtistTab.link = `https://www.deezer.com/artist/${data.id}`
|
|
ArtistTab.currentTab = Object.keys(data.releases)[0]
|
|
ArtistTab.sortKey = 'release_date'
|
|
ArtistTab.sortOrder = 'desc'
|
|
ArtistTab.head = [
|
|
{ title: 'Title', sortKey: 'title' },
|
|
{ title: 'Release Date', sortKey: 'release_date' },
|
|
{ title: '', width: '32px' }
|
|
]
|
|
if (_.isEmpty(data.releases)) {
|
|
ArtistTab.body = null
|
|
} else {
|
|
ArtistTab.body = data.releases
|
|
}
|
|
})
|