Display playlist panel for videos played from homepage

openzim · Jul 1, 2024 · cbc2633 · cbc2633
1 parent 6689f98
commit cbc2633
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/zimui/src/components/channel/tabs/VideosTab.vue b/zimui/src/components/channel/tabs/VideosTab.vue
@@ -48,5 +48,5 @@ onMounted(() => {
     :count-text="playlist?.videos.length === 1 ? 'video' : 'videos'"
     icon="mdi-video-outline"
   />
-  <video-grid v-if="videos" :videos="videos" />
+  <video-grid v-if="videos" :videos="videos" :playlist-slug="main.channel?.mainPlaylist" />
 </template>
diff --git a/zimui/src/components/video/VideoCard.vue b/zimui/src/components/video/VideoCard.vue
@@ -11,6 +11,7 @@ const { smAndDown } = useDisplay()
 
 const props = defineProps<{
   video: VideoPreview
+  playlistSlug?: string
 }>()
 
 // Set the maximum length of the title based on the screen size
@@ -34,7 +35,13 @@ const duration = computed<string>(() => {
 </script>
 
 <template>
-  <router-link :to="{ name: 'watch-video', params: { slug: props.video.slug } }">
+  <router-link
+    :to="{
+      name: 'watch-video',
+      params: { slug: props.video.slug },
+      query: { list: props.playlistSlug }
+    }"
+  >
     <v-card flat class="mx-4">
       <v-row no-gutters>
         <v-col cols="5" md="12">

diff --git a/zimui/src/components/video/VideoGrid.vue b/zimui/src/components/video/VideoGrid.vue
@@ -7,6 +7,7 @@ const { mdAndDown } = useDisplay()
 
 const props = defineProps<{
   videos: VideoPreview[]
+  playlistSlug?: string
 }>()
 </script>
 
@@ -23,7 +24,7 @@ const props = defineProps<{
         xxl="1"
         class="mb-2 mb-md-6"
       >
-        <video-card :video="video" />
+        <video-card :video="video" :playlist-slug="playlistSlug" />
       </v-col>
     </v-row>
   </v-container>