mirror of https://github.com/VueTubeApp/VueTube
feat(WIP): comments front end
This commit is contained in:
parent
7bf54990c6
commit
786960e2d2
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<div class="swipeableBottomSheet" :open-state="state ? 1 : 0"></div>
|
||||||
|
</template>
|
|
@ -1,9 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="background" id="watch-body">
|
<div class="background" id="watch-body">
|
||||||
<div
|
<div class="player-container">
|
||||||
class="player-container"
|
|
||||||
style="position: sticky; top: 0; z-index: 696969"
|
|
||||||
>
|
|
||||||
<!-- Stock Player -->
|
<!-- Stock Player -->
|
||||||
<videoPlayer
|
<videoPlayer
|
||||||
:vid-src="vidSrc"
|
:vid-src="vidSrc"
|
||||||
|
@ -135,7 +132,11 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Comments -->
|
<!-- Comments -->
|
||||||
<div class="comment-container" v-if="loaded && video.commentData">
|
<div
|
||||||
|
class="comment-container"
|
||||||
|
v-if="loaded && video.commentData"
|
||||||
|
@click="showComments = !showComments"
|
||||||
|
>
|
||||||
<v-card flat class="background comment-renderer">
|
<v-card flat class="background comment-renderer">
|
||||||
<v-text class="comment-count keep-spaces">
|
<v-text class="comment-count keep-spaces">
|
||||||
<template v-for="text in video.commentData.headerText.runs">
|
<template v-for="text in video.commentData.headerText.runs">
|
||||||
|
@ -150,6 +151,23 @@
|
||||||
<v-divider />
|
<v-divider />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<v-dialog
|
||||||
|
v-model="showComments"
|
||||||
|
fullscreen
|
||||||
|
hide-overlay
|
||||||
|
transition="dialog-bottom-transition"
|
||||||
|
>
|
||||||
|
<v-card>
|
||||||
|
<v-toolbar dark color="background">
|
||||||
|
<v-btn icon dark @click="showComments = false">
|
||||||
|
<v-icon>mdi-close</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<v-toolbar-title class="font-weight-bold">Comments</v-toolbar-title>
|
||||||
|
</v-toolbar>
|
||||||
|
<v-subheader>Hello World</v-subheader>
|
||||||
|
</v-card>
|
||||||
|
</v-dialog>
|
||||||
|
|
||||||
<!-- Related Videos -->
|
<!-- Related Videos -->
|
||||||
<div class="loaders" v-if="!loaded">
|
<div class="loaders" v-if="!loaded">
|
||||||
<v-skeleton-loader
|
<v-skeleton-loader
|
||||||
|
@ -329,6 +347,7 @@ export default {
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
showMore: false,
|
showMore: false,
|
||||||
|
showComments: false,
|
||||||
// share: false,
|
// share: false,
|
||||||
vidSrc: null,
|
vidSrc: null,
|
||||||
sources: [],
|
sources: [],
|
||||||
|
|
Loading…
Reference in New Issue