/**
 * Add necessary functionalities into a view that contains a song-list component.
 */

import { assign } from 'lodash'
import isMobile from 'ismobilejs'

import { playback } from '../services'
import songList from '../components/shared/song-list.vue'
import songListControls from '../components/shared/song-list-controls.vue'
import controlsToggler from '../components/shared/song-list-controls-toggler.vue'

export default {
  components: { songList, songListControls, controlsToggler },

  data () {
    return {
      state: null,
      meta: {
        songCount: 0,
        totalLength: '00:00'
      },
      selectedSongs: [],
      showingControls: false,
      songListControlConfig: {},
      isPhone: isMobile.phone
    }
  },

  methods: {
    setSelectedSongs (songs) {
      this.selectedSongs = songs
    },

    updateMeta (meta) {
      this.meta = assign(this.meta, meta)
    },

    shuffleAll () {
      playback.queueAndPlay(this.state.songs, true)
    },

    shuffleSelected () {
      playback.queueAndPlay(this.selectedSongs, true)
    },

    toggleControls () {
      this.showingControls = !this.showingControls
    }
  }
}