2020-11-17 10:45:35 +05:30
|
|
|
<template>
|
2021-10-09 00:22:51 +05:30
|
|
|
<h1 v-t="'titles.trending'" class="uk-text-bold uk-text-center" />
|
2020-11-17 10:45:35 +05:30
|
|
|
|
|
|
|
<hr />
|
|
|
|
|
2020-11-22 10:05:16 +05:30
|
|
|
<div class="uk-grid-xl" uk-grid="parallax: 0">
|
2020-11-17 10:45:35 +05:30
|
|
|
<div
|
2021-10-09 00:22:51 +05:30
|
|
|
v-for="video in videos"
|
|
|
|
:key="video.url"
|
2021-06-29 01:15:03 +05:30
|
|
|
:style="[{ background: backgroundColor }]"
|
2020-11-18 19:10:04 +05:30
|
|
|
class="uk-width-1-2 uk-width-1-3@s uk-width-1-4@m uk-width-1-5@l uk-width-1-6@xl"
|
2020-11-17 10:45:35 +05:30
|
|
|
>
|
2021-06-17 00:44:46 +05:30
|
|
|
<VideoItem :video="video" height="118" width="210" />
|
2020-11-17 10:45:35 +05:30
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2021-06-17 00:44:46 +05:30
|
|
|
import VideoItem from "@/components/VideoItem.vue";
|
2020-11-17 10:45:35 +05:30
|
|
|
|
|
|
|
export default {
|
2021-10-09 00:22:51 +05:30
|
|
|
components: {
|
|
|
|
VideoItem,
|
|
|
|
},
|
2020-11-17 10:45:35 +05:30
|
|
|
data() {
|
|
|
|
return {
|
2021-04-07 17:15:40 +05:30
|
|
|
videos: [],
|
2020-11-17 10:45:35 +05:30
|
|
|
};
|
|
|
|
},
|
|
|
|
mounted() {
|
2021-07-05 18:48:54 +05:30
|
|
|
let region = this.getPreferenceString("region", "US");
|
2021-07-04 23:23:36 +05:30
|
|
|
|
2021-08-22 15:57:09 +05:30
|
|
|
this.fetchTrending(region).then(videos => {
|
|
|
|
this.videos = videos;
|
|
|
|
this.updateWatched(this.videos);
|
|
|
|
});
|
2020-11-17 10:45:35 +05:30
|
|
|
},
|
2021-07-21 16:29:53 +05:30
|
|
|
activated() {
|
2021-08-25 22:00:21 +05:30
|
|
|
document.title = this.$t("titles.trending") + " - Piped";
|
2021-08-22 15:57:09 +05:30
|
|
|
if (this.videos.length > 0) this.updateWatched(this.videos);
|
2021-07-21 16:29:53 +05:30
|
|
|
},
|
2020-11-17 10:45:35 +05:30
|
|
|
methods: {
|
2021-07-04 23:23:36 +05:30
|
|
|
async fetchTrending(region) {
|
2021-07-04 23:56:02 +05:30
|
|
|
return await this.fetchJson(this.apiUrl() + "/trending", {
|
2021-07-04 23:23:36 +05:30
|
|
|
region: region || "US",
|
|
|
|
});
|
2021-04-07 17:15:40 +05:30
|
|
|
},
|
|
|
|
},
|
2020-11-17 10:45:35 +05:30
|
|
|
};
|
|
|
|
</script>
|