2021-01-09 01:09:59 +00:00
|
|
|
mixin video_list_item(className, video, instanceOrigin, options = {})
|
2020-12-28 12:42:25 +00:00
|
|
|
div(class={[className]: true, "video-list-item--watched": video.watched})
|
|
|
|
|
- let link = `/watch?v=${video.videoId}`
|
|
|
|
|
a(href=link tabindex="-1").thumbnail
|
|
|
|
|
img(src=`/vi/${video.videoId}/mqdefault.jpg` width=320 height=180 alt="").image
|
|
|
|
|
if video.second__lengthText != undefined
|
|
|
|
|
span.duration= video.second__lengthText
|
|
|
|
|
.info
|
|
|
|
|
div.title: a(href=link).title-link= video.title
|
|
|
|
|
div.author-line
|
|
|
|
|
a(href=`/channel/${video.authorId}`).author= video.author
|
|
|
|
|
- const views = video.viewCountText || video.second__viewCountText
|
|
|
|
|
if views
|
|
|
|
|
= ` • `
|
|
|
|
|
span.views= views
|
|
|
|
|
if video.publishedText
|
|
|
|
|
= ` • `
|
|
|
|
|
span.published= video.publishedText
|
2021-01-09 01:09:59 +00:00
|
|
|
if options.showMarkWatched
|
|
|
|
|
form(method="post" action=`/formapi/markwatched/${video.videoId}`).mark-watched
|
|
|
|
|
= ` • `
|
|
|
|
|
button.mark-watched__button Mark watched
|
2020-12-28 12:42:25 +00:00
|
|
|
if video.descriptionHtml
|
|
|
|
|
div.description!= video.descriptionHtml
|
