mirror of https://github.com/FreeTubeApp/FreeTube
46 lines
1.0 KiB
Vue
46 lines
1.0 KiB
Vue
<template>
|
|
<div
|
|
class="ft-list-video"
|
|
:appearance="appearance"
|
|
:class="{ list: listType === 'list', grid: listType === 'grid' }"
|
|
>
|
|
<router-link
|
|
class="videoThumbnail"
|
|
:to="`/playlist/${playlistId}`"
|
|
>
|
|
<img
|
|
:src="thumbnail"
|
|
class="thumbnailImage"
|
|
>
|
|
<div
|
|
class="videoCountContainer"
|
|
>
|
|
<div class="background" />
|
|
<div class="inner">
|
|
<div>{{ videoCount }}</div>
|
|
<div><font-awesome-icon icon="list" /></div>
|
|
</div>
|
|
</div>
|
|
</router-link>
|
|
<div class="videoInfo">
|
|
<router-link
|
|
class="title"
|
|
:to="`/playlist/${playlistId}`"
|
|
>
|
|
{{ title }}
|
|
</router-link>
|
|
<div class="infoLine">
|
|
<router-link
|
|
class="channelName"
|
|
:to="`/channel/${channelId}`"
|
|
>
|
|
{{ channelName }}
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./ft-list-playlist.js" />
|
|
<style scoped lang="sass" src="./ft-list-playlist.sass" />
|