add better tag view

master
Andrew Woodlee 2 years ago
parent d0ef1ce1f8
commit 1f7f7ff672

@ -1,17 +1,17 @@
mixin renderPostList (posts) mixin renderPostSummaryFull (post)
if Array.isArray(posts) && (posts.length > 0) div(uk-grid).uk-grid-small
ul.uk-list.uk-list-divider if post.image
each post in posts .uk-width-auto
li img(src= `/image/${post.image}`).uk-width-medium
a(href=`/post/${post.slug}`).uk-display-block else
div= post.title .uk-width-auto
img(src="/img/default-poster.jpg").uk-width-medium
.uk-article-meta .uk-width-expand
div(uk-grid).uk-grid-small.uk-text-small .uk-text-large.uk-text-bold(style="line-height: 1em;")
.uk-width-expand a(href=`${post.slug}`)= `${post.title}`
a(href=`/post/${post.slug}`)= moment(post.created).fromNow() .uk-text-small.uk-text-muted
span by div
a(href=`/user/${post.author.username}`)=` ${post.author.username}` div= moment(post.created).fromNow()
span by
else a(href=`/user/${post.author.username}`)=` ${post.author.username}`
div There are no posts with this tag. div= post.summary

@ -1,6 +1,6 @@
extends ../layouts/main-sidebar extends ../layouts/main-sidebar
include components/list.pug include components/list
block content block content
@ -10,8 +10,14 @@ block content
ul.uk-list.uk-list-divider ul.uk-list.uk-list-divider
each post in posts each post in posts
li li
+renderPostSummaryFull(post)
//- li
if post.image
img(src= `/image/${post.image._id}`, href=`/post/${post.slug}`, style="max-height: 350px; object-fit: cover; vertical-align:middle;margin:0px 20px;").responsive
else
img(src="/img/default-poster.jpg", href=`/post/${post.slug}`, style="max-height: 350px; object-fit: cover; vertical-align:middle;margin:0px 20px;").responsive
a(href=`/post/${post.slug}`).uk-display-block a(href=`/post/${post.slug}`).uk-display-block
div= post.title div.h2= post.title
.uk-article-meta .uk-article-meta
div(uk-grid).uk-grid-small.uk-text-small div(uk-grid).uk-grid-small.uk-text-small
@ -19,6 +25,8 @@ block content
a(href=`/post/${post.slug}`)= moment(post.created).fromNow() a(href=`/post/${post.slug}`)= moment(post.created).fromNow()
span by span by
a(href=`/user/${post.author.username}`)=` ${post.author.username}` a(href=`/user/${post.author.username}`)=` ${post.author.username}`
.uk-width-expand
div= post.summary
else else
h3= `There are no posts with the tag ${tag}.` h3= `There are no posts with the tag ${tag}.`
Loading…
Cancel
Save