mirror of https://github.com/FreeTubeApp/FreeTube
64 lines
1.6 KiB
JavaScript
64 lines
1.6 KiB
JavaScript
import Vue from 'vue'
|
|
import { mapActions } from 'vuex'
|
|
import FtLoader from '../../components/ft-loader/ft-loader.vue'
|
|
import FtCard from '../../components/ft-card/ft-card.vue'
|
|
import FtElementList from '../../components/ft-element-list/ft-element-list.vue'
|
|
import FtIconButton from '../../components/ft-icon-button/ft-icon-button.vue'
|
|
|
|
export default Vue.extend({
|
|
name: 'Popular',
|
|
components: {
|
|
'ft-loader': FtLoader,
|
|
'ft-card': FtCard,
|
|
'ft-element-list': FtElementList,
|
|
'ft-icon-button': FtIconButton
|
|
},
|
|
data: function () {
|
|
return {
|
|
isLoading: false,
|
|
shownResults: []
|
|
}
|
|
},
|
|
computed: {
|
|
popularCache: function () {
|
|
return this.$store.getters.getPopularCache
|
|
}
|
|
},
|
|
mounted: function () {
|
|
this.shownResults = this.popularCache
|
|
if (!this.shownResults || this.shownResults.length < 1) {
|
|
this.fetchPopularInfo()
|
|
}
|
|
},
|
|
methods: {
|
|
fetchPopularInfo: async function () {
|
|
const searchPayload = {
|
|
resource: 'popular',
|
|
id: '',
|
|
params: {}
|
|
}
|
|
|
|
this.isLoading = true
|
|
const result = await this.invidiousAPICall(searchPayload)
|
|
.catch((err) => {
|
|
console.error(err)
|
|
})
|
|
|
|
if (!result) {
|
|
this.isLoading = false
|
|
return
|
|
}
|
|
|
|
this.shownResults = result.filter((item) => {
|
|
return item.type === 'video' || item.type === 'shortVideo' || item.type === 'channel' || item.type === 'playlist'
|
|
})
|
|
this.isLoading = false
|
|
this.$store.commit('setPopularCache', this.shownResults)
|
|
},
|
|
|
|
...mapActions([
|
|
'invidiousAPICall'
|
|
])
|
|
}
|
|
})
|