2016-08-30 12:22:00 +00:00
|
|
|
<div .column>
|
|
|
|
<div class="medium">
|
|
|
|
<h1>#{mediumTitle medium}
|
|
|
|
<p>
|
|
|
|
by <a href=@{UserR ownerName}>#{ownerName}</a> from album <a href=@{AlbumR albumId}>#{albumTitle album}</a>
|
|
|
|
<div class="medium image">
|
|
|
|
<a href=@{ir}>
|
|
|
|
<picture>
|
|
|
|
<source srcset="@{pr}, @{ir} 2x" media="(min-width: 600px)">
|
|
|
|
<source srcset="@{tr}, @{pr} 2x">
|
|
|
|
<img src=@{pr} title=#{mediumTitle medium}>
|
|
|
|
|
|
|
|
<div class="medium">
|
|
|
|
<p class="desc">
|
|
|
|
Uploaded on: #{formatTime defaultTimeLocale "%A %F %H:%M" (mediumTime medium)}<br>
|
|
|
|
$maybe d <- mediumDescription medium
|
|
|
|
Description:<br>
|
|
|
|
#{d}
|
|
|
|
$nothing
|
|
|
|
No description given
|
|
|
|
|
|
|
|
<div class="tags">
|
2015-01-17 13:30:57 +00:00
|
|
|
<p>
|
2016-08-30 12:22:00 +00:00
|
|
|
Tags:
|
|
|
|
<ul>
|
|
|
|
$if null (mediumTags medium)
|
|
|
|
none
|
|
|
|
$else
|
|
|
|
$forall tag <- mediumTags medium
|
|
|
|
<li>
|
|
|
|
<a href=@{TagR tag}>#{tag}
|
|
|
|
$if presence == True
|
|
|
|
<a href=@{MediumSettingsR mediumId}>Change medium settings
|
|
|
|
|
2015-01-17 13:30:57 +00:00
|
|
|
$if null comments
|
2016-08-30 12:22:00 +00:00
|
|
|
<div class="medium">
|
|
|
|
<p>There are no Comments yet
|
|
|
|
$else
|
|
|
|
$forall (Entity commentId comment) <- comments
|
|
|
|
<div .medium .comment data-width="300">
|
|
|
|
<a href=@{ProfileR $ commentAuthor comment}>#{commentAuthorSlug comment}</a> wrote on #{formatTime defaultTimeLocale "%A %F %H:%M" $ commentTime comment}:
|
2015-01-17 13:30:57 +00:00
|
|
|
<hr>
|
2016-08-30 12:22:00 +00:00
|
|
|
#{commentContent comment}
|
|
|
|
$if userId /= Nothing
|
|
|
|
<hr>
|
|
|
|
<a href=@{CommentReplyR commentId}>Reply to this comment
|
|
|
|
$if userId == (Just $ commentAuthor comment)
|
|
|
|
<a href=@{CommentDeleteR commentId}>Delete this comment
|
|
|
|
$forall (Entity replyId reply) <- replies
|
|
|
|
$if commentParent reply == Just commentId
|
|
|
|
<article .comment .reply .medium>
|
|
|
|
<a href=@{ProfileR $ commentAuthor reply}>#{commentAuthorSlug reply}</a> replied on #{formatTime defaultTimeLocale "%A %F %H:%M" $ commentTime reply}:
|
|
|
|
<hr>
|
|
|
|
#{commentContent reply}
|
|
|
|
<hr>
|
|
|
|
$if userId == (Just $ commentAuthor comment)
|
|
|
|
<a href=@{CommentDeleteR replyId}>Delete this comment
|
|
|
|
|
|
|
|
$if userId /= Nothing
|
|
|
|
<div class="medium">
|
|
|
|
<div class="inner">
|
|
|
|
<form method=post enctype=#{enctype}>
|
|
|
|
^{commentWidget}
|
2015-01-14 19:16:45 +00:00
|
|
|
|
|
|
|
<style type="text/css">
|
2015-03-26 19:25:55 +00:00
|
|
|
body{background-image: url('/static/css/images/overlay.png'), -webkit-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.65)), url('@{StaticR $ StaticRoute (drop 2 $ map T.pack $ splitDirectories $ mediumPath medium) []}');background-attachment:fixed;background-image: url('/static/css/images/overlay.png'), -moz-linear-gradient(center top , transparent 75%, rgba(0, 0, 0, 0.65)), url('@{StaticR $ StaticRoute (drop 2 $ map T.pack $ splitDirectories $ mediumPath medium) []}');}
|