2020-02-16 18:30:00 +00:00
|
|
|
<template>
|
2020-10-06 02:27:32 +00:00
|
|
|
<ft-card
|
|
|
|
v-if="!hideRecommendedVideos"
|
|
|
|
class="relative watchVideoRecommendations"
|
|
|
|
>
|
2021-10-03 10:53:21 +00:00
|
|
|
<div class="VideoRecommendationsTopBar">
|
|
|
|
<h3>
|
|
|
|
{{ $t("Up Next") }}
|
|
|
|
</h3>
|
|
|
|
<ft-toggle-switch
|
|
|
|
v-if="showAutoplay"
|
|
|
|
class="autoPlayToggle"
|
|
|
|
:label="$t('Video.Autoplay')"
|
|
|
|
:compact="true"
|
|
|
|
:default-value="playNextVideo"
|
|
|
|
@change="updatePlayNextVideo"
|
|
|
|
/>
|
|
|
|
</div>
|
2020-02-16 18:30:00 +00:00
|
|
|
<ft-list-video
|
|
|
|
v-for="(video, index) in data"
|
|
|
|
:key="index"
|
|
|
|
:data="video"
|
2020-06-23 15:47:19 +00:00
|
|
|
appearance="recommendation"
|
2020-02-16 18:30:00 +00:00
|
|
|
force-list-type="list"
|
|
|
|
/>
|
|
|
|
</ft-card>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./watch-video-recommendations.js" />
|
|
|
|
<style scoped src="./watch-video-recommendations.css" />
|