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

Merge pull request #2022 from Bnyro/channel-tabs-query

Browse Source 
Allow channel tabs as query parameter
This commit is contained in:
Bnyro 2023-01-27 16:44:37 +01:00 committed by GitHub
commit 604eb5edcc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ChannelPage.vue
View File

@ -136,10 +136,12 @@ export default {
this.tabs.push({ this.tabs.push({
translatedName: this.$t("video.videos"), translatedName: this.$t("video.videos"),
}); });
const tabQuery = this.$route.query.tab;
for (let i = 0; i < this.channel.tabs.length; i++) { for (let i = 0; i < this.channel.tabs.length; i++) {
let tab = this.channel.tabs[i]; let tab = this.channel.tabs[i];
tab.translatedName = this.getTranslatedTabName(tab.name); tab.translatedName = this.getTranslatedTabName(tab.name);
this.tabs.push(tab); this.tabs.push(tab);
if (tab.name === tabQuery) this.loadTab(i + 1);
} }
} }
}); });
@ -222,10 +224,17 @@ export default {
}, },
loadTab(index) { loadTab(index) {
this.selectedTab = index; this.selectedTab = index;
// update the tab query in the url path
const url = new URL(window.location);
url.searchParams.set("tab", this.tabs[index].name ?? "videos");
window.history.replaceState(window.history.state, "", url);
if (index == 0) { if (index == 0) {
this.contentItems = this.channel.relatedStreams; this.contentItems = this.channel.relatedStreams;
return; return;
} }
if (this.tabs[index].content) { if (this.tabs[index].content) {
this.contentItems = this.tabs[index].content; this.contentItems = this.tabs[index].content;
return; return;