etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2025-01-03 06:01:23 +00:00
Code Issues Projects Releases Wiki Activity

fix: handle edge case where there are no description

Browse source
This commit is contained in:
Alex 2022-04-10 21:52:45 +12:00
parent 6a17ddc2ad
commit b270a81281
2 changed files with 44 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
NUXT/components/UtilRenderers/slimVideoDescriptionRenderer.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="description">
<div class="description" v-if="render.descriptionBodyText">
<template v-for="(text, index) in render.descriptionBodyText.runs">
<template v-if="$rendererUtils.checkInternal(text)">
<a
@ -27,8 +27,6 @@
<style scoped>
.description {
white-space: pre-line;
margin-bottom: 16px;
margin-top: 16px;
}
</style>

88
NUXT/pages/watch.vue
View file

@ -96,60 +96,58 @@
<v-divider />
<!-- Channel Bar -->
<v-card
class="channel-section background"
v-if="loaded"
:to="video.channelUrl"
>
<div id="details">
<div class="avatar-link mr-3">
<v-img class="avatar-thumbnail" :src="video.channelImg" />
<div class="channel-container" v-if="loaded">
<v-card class="channel-section background" :to="video.channelUrl">
<div id="details">
<div class="avatar-link mr-3">
<v-img class="avatar-thumbnail" :src="video.channelImg" />
</div>
<div class="channel-byline">
<div class="channel-name" v-text="video.channelName" />
<div
class="caption background--text"
:class="
$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'
"
v-text="video.channelSubs"
/>
</div>
</div>
<div class="channel-byline">
<div class="channel-name" v-text="video.channelName" />
<div
class="caption background--text"
:class="
$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'
"
v-text="video.channelSubs"
/>
<div
class="channel-buttons"
style="color: rgb(204, 0, 0); text-transform: uppercase"
>
subscribe
</div>
</div>
<div
class="channel-buttons"
style="color: rgb(204, 0, 0); text-transform: uppercase"
>
subscribe
</div>
</v-card>
<v-divider />
</v-card>
<v-divider />
</div>
<!-- Description -->
<div v-if="showMore" class="scroll-y ml-4 mr-4">
<slim-video-description-renderer
:render="video.renderedData.description"
/>
<div class="description-container" v-if="showMore">
<div class="scroll-y ma-4">
<slim-video-description-renderer
:render="video.renderedData.description"
/>
</div>
<v-divider />
</div>
<!-- Comments -->
<v-card
flat
class="background comment-renderer"
v-if="loaded && video.commentData"
>
<v-text class="comment-count keep-spaces">
<template v-for="text in video.commentData.headerText.runs">
<template v-if="text.bold">
<strong :key="text.text">{{ text.text }}</strong>
<div class="comment-container" v-if="loaded && video.commentData">
<v-card flat class="background comment-renderer">
<v-text class="comment-count keep-spaces">
<template v-for="text in video.commentData.headerText.runs">
<template v-if="text.bold">
<strong :key="text.text">{{ text.text }}</strong>
</template>
<template v-else>{{ text.text }}</template>
</template>
<template v-else>{{ text.text }}</template>
</template>
</v-text>
<v-icon>mdi-unfold-more-horizontal</v-icon>
</v-card>
<v-divider />
</v-text>
<v-icon>mdi-unfold-more-horizontal</v-icon>
</v-card>
<v-divider />
</div>
<!-- Related Videos -->
<div class="loaders" v-if="!loaded">