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

feat: support for video metainfo

Browse source
This commit is contained in:
Bnyro 2023-08-07 17:43:48 +02:00
parent 6978f52246
commit 5f4f793232
1 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/WatchVideo.vue
View file

@ -144,7 +144,19 @@
</div> </div>
</div> </div>
<hr /> <hr class="mb-2" />
<div
v-for="metaInfo in video?.metaInfo ?? []"
:key="metaInfo.title"
class="btn px-4 py-2 flex flex-wrap gap-2 my-3 cursor-default"
>
<span>{{ metaInfo.description ?? metaInfo.title }}</span>
<a v-for="(link, linkIndex) in metaInfo.urls" :key="linkIndex" :href="link" class="underline">{{
metaInfo.urlTexts[linkIndex]
}}</a>
<br />
</div>
<button <button
v-t="`actions.${showDesc ? 'minimize_description' : 'show_description'}`" v-t="`actions.${showDesc ? 'minimize_description' : 'show_description'}`"
@ -158,9 +170,10 @@
</span> </span>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<div v-show="showDesc" class="break-words description" v-html="purifiedDescription" />
<template v-if="showDesc"> <template v-if="showDesc">
<div class="break-words description" v-html="purifiedDescription" />
<br /> <br />
<div <div
v-if="sponsors && sponsors.segments" v-if="sponsors && sponsors.segments"
v-text="`${$t('video.sponsor_segments')}: ${sponsors.segments.length}`" v-text="`${$t('video.sponsor_segments')}: ${sponsors.segments.length}`"