98 lines
2.1 KiB
JavaScript
98 lines
2.1 KiB
JavaScript
import { socket } from './socket.js'
|
|
import { albumView } from './tabs.js'
|
|
import Downloads from './downloads.js'
|
|
import QualityModal from './quality-modal.js'
|
|
|
|
const ArtistTab = new Vue({
|
|
data() {
|
|
return {
|
|
currentTab: '',
|
|
sortKey: 'release_date',
|
|
sortOrder: 'desc',
|
|
title: '',
|
|
image: '',
|
|
type: '',
|
|
link: '',
|
|
head: null,
|
|
body: null
|
|
}
|
|
},
|
|
methods: {
|
|
albumView,
|
|
reset() {
|
|
this.title = 'Loading...'
|
|
this.image = ''
|
|
this.type = ''
|
|
this.currentTab = ''
|
|
this.sortKey = 'release_date'
|
|
this.sortOrder = 'desc'
|
|
this.link = ''
|
|
this.head = []
|
|
this.body = null
|
|
},
|
|
addToQueue(e) {
|
|
e.stopPropagation()
|
|
Downloads.sendAddToQueue(e.currentTarget.dataset.link)
|
|
},
|
|
openQualityModal(e) {
|
|
e.preventDefault()
|
|
QualityModal.open(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) {
|
|
let g1 = new Date()
|
|
let g2 = new Date(date)
|
|
g2.setDate(g2.getDate() + 3)
|
|
g1.setHours(0, 0, 0, 0)
|
|
|
|
return g1.getTime() <= g2.getTime()
|
|
},
|
|
showArtist(data) {
|
|
this.title = data.name
|
|
this.image = data.picture_xl
|
|
this.type = 'Artist'
|
|
this.link = `https://www.deezer.com/artist/${data.id}`
|
|
this.currentTab = Object.keys(data.releases)[0]
|
|
this.sortKey = 'release_date'
|
|
this.sortOrder = 'desc'
|
|
this.head = [
|
|
{ title: 'Title', sortKey: 'title' },
|
|
{ title: 'Release Date', sortKey: 'release_date' },
|
|
{ title: '', width: '32px' }
|
|
]
|
|
if (_.isEmpty(data.releases)) {
|
|
this.body = null
|
|
} else {
|
|
this.body = data.releases
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
showTable() {
|
|
if (this.body) return _.orderBy(this.body[this.currentTab], this.sortKey, this.sortOrder)
|
|
else return []
|
|
}
|
|
},
|
|
mounted() {
|
|
console.log('artist tab mounted')
|
|
|
|
socket.on('show_artist', this.showArtist)
|
|
}
|
|
}).$mount('#artist_tab')
|
|
|
|
export default ArtistTab
|