TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Routing cleanup and improvement (#227)

Browse source
This commit is contained in:
w1nst0n 2021-06-26 10:19:10 +00:00 • committed by GitHub
parent eec11d8b15
commit 38d4a4bb3d
2 changed files with 13 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/Channel.vue
View file

@ -40,13 +40,10 @@ export default {
}, },
methods: { methods: {
async fetchChannel() { async fetchChannel() {
const url = const url =
Constants.BASE_URL + Constants.BASE_URL + "/"
(this.$route.params.channelId + this.$route.params.path + "/"
? "/channels/" + this.$route.params.channelId + this.$route.params.channelId
: this.$route.params.channelC
? "/c/" + this.$route.params.channelC
: "/user/" + this.$route.params.channelUser);
return await this.fetchJson(url); return await this.fetchJson(url);
}, },
async getChannelData() { async getChannelData() {
@ -60,7 +57,7 @@ export default {
if (this.loading || !this.channel || !this.channel.nextpage) return; if (this.loading || !this.channel || !this.channel.nextpage) return;
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) { if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
this.loading = true; this.loading = true;
this.fetchJson(Constants.BASE_URL + "/nextpage/channels/" + this.channel.id, { this.fetchJson(Constants.BASE_URL + "/nextpage/channel/" + this.channel.id, {
nextpage: this.channel.nextpage, nextpage: this.channel.nextpage,
}).then(json => { }).then(json => {
this.channel.relatedStreams.concat(json.relatedStreams); this.channel.relatedStreams.concat(json.relatedStreams);

47
src/router/router.js
View file

@ -1,50 +1,11 @@
import { createRouter, createWebHistory } from "vue-router"; import { createRouter, createWebHistory } from "vue-router";
const routes = [ const routes = [
{
path: "/watch",
component: () => import("../components/WatchVideo.vue"),
},
{
path: "/watch/:v",
component: () => import("../components/WatchVideo.vue"),
},
{
path: "/embed/:v",
component: () => import("../components/WatchVideo.vue"),
},
{
path: "/w/:v",
component: () => import("../components/WatchVideo.vue"),
},
{
path: "/v/:v",
component: () => import("../components/WatchVideo.vue"),
},
{
path: "/shorts/:v",
component: () => import("../components/WatchVideo.vue"),
},
{ {
path: "/", path: "/",
name: "Trending", name: "Trending",
component: () => import("../components/TrendingPage.vue"), component: () => import("../components/TrendingPage.vue"),
}, },
{
path: "/channel/:channelId",
name: "ChannelId",
component: () => import("../components/Channel.vue"),
},
{
path: "/c/:channelC",
name: "ChannelC",
component: () => import("../components/Channel.vue"),
},
{
path: "/user/:channelUser",
name: "ChannelUser",
component: () => import("../components/Channel.vue"),
},
{ {
path: "/preferences", path: "/preferences",
name: "Preferences", name: "Preferences",
@ -60,6 +21,14 @@ const routes = [
name: "Playlist", name: "Playlist",
component: () => import("../components/Playlist.vue"), component: () => import("../components/Playlist.vue"),
}, },
{
path: "/:path(v|w|embed|shorts|watch)/:v?",
component: () => import("../components/WatchVideo.vue"),
},
{
path: "/:path(channel|user|c)/:channelId/:videos?",
component: () => import("../components/Channel.vue"),
},
]; ];
const router = createRouter({ const router = createRouter({