make trending accessible although feed is the default tab

This commit is contained in:
Bnyro 2022-07-20 17:52:25 +02:00
parent 58ce63eca4
commit e8979d0fce
3 changed files with 22 additions and 8 deletions

View file

@ -28,6 +28,9 @@
</div> </div>
<div class="flex-1 flex justify-end"> <div class="flex-1 flex justify-end">
<ul class="flex text-1xl children:pl-3"> <ul class="flex text-1xl children:pl-3">
<li v-if="shouldShowTrending">
<router-link v-t="'titles.trending'" to="/trending" />
</li>
<li> <li>
<router-link v-t="'titles.preferences'" to="/preferences" /> <router-link v-t="'titles.preferences'" to="/preferences" />
</li> </li>
@ -96,6 +99,9 @@ export default {
shouldShowHistory(_this) { shouldShowHistory(_this) {
return _this.getPreferenceBoolean("watchHistory", false); return _this.getPreferenceBoolean("watchHistory", false);
}, },
shouldShowTrending(_this) {
return _this.getPreferenceString("homepage", "trending") != "trending";
},
}, },
methods: { methods: {
// focus on search bar when Ctrl+k is pressed // focus on search bar when Ctrl+k is pressed

View file

@ -31,14 +31,17 @@ export default {
activated() { activated() {
document.title = this.$t("titles.trending") + " - Piped"; document.title = this.$t("titles.trending") + " - Piped";
if (this.videos.length > 0) this.updateWatched(this.videos); if (this.videos.length > 0) this.updateWatched(this.videos);
switch (this.getPreferenceString("homepage", "trending")) { console.log(this.$route.path);
case "trending": if (this.$route.path == "/") {
break; switch (this.getPreferenceString("homepage", "trending")) {
case "feed": case "trending":
this.$router.push("/feed"); break;
return; case "feed":
default: this.$router.push("/feed");
break; return;
default:
break;
}
} }
}, },
methods: { methods: {

View file

@ -3,6 +3,11 @@ import { createRouter, createWebHistory } from "vue-router";
const routes = [ const routes = [
{ {
path: "/", path: "/",
name: "Home",
component: () => import("../components/TrendingPage.vue"),
},
{
path: "/trending",
name: "Trending", name: "Trending",
component: () => import("../components/TrendingPage.vue"), component: () => import("../components/TrendingPage.vue"),
}, },