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 } })