2020-02-16 18:30:00 +00:00
|
|
|
<template>
|
2020-06-23 15:47:19 +00:00
|
|
|
<ft-card class="relative watchVideoRecommendations">
|
2020-02-16 18:30:00 +00:00
|
|
|
<h3>
|
2020-08-07 00:20:42 +00:00
|
|
|
{{ $t("Up Next") }}
|
2020-02-16 18:30:00 +00:00
|
|
|
</h3>
|
2020-09-07 18:43:44 +00:00
|
|
|
<ft-toggle-switch
|
|
|
|
|
v-if="!watchingPlaylist"
|
|
|
|
|
class="autoPlayToggle"
|
|
|
|
|
:label="$t('Video.Autoplay')"
|
|
|
|
|
:compact="true"
|
|
|
|
|
:default-value="playNextVideo"
|
|
|
|
|
@change="updatePlayNextVideo"
|
|
|
|
|
/>
|
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" />
|
