This commit is contained in:
video-prize-ranch
2022-01-18 18:05:06 -05:00
parent 87c8618cf5
commit 4a1309e0dc
13 changed files with 251 additions and 19 deletions

View File

@@ -3,10 +3,11 @@
<head>
{{> partials/head }}
<link rel="stylesheet" href="/static/fonts/Material-Icons-Outlined.css" />
<link rel="stylesheet" href="/static/css/album.css" />
<link rel="stylesheet" href="/static/css/comments.css" />
</head>
<body>
@@ -65,6 +66,21 @@
<br>
{{/each}}
<div>
<hr>
<input id="comments__expandBtn" type="checkbox">
<label class="comments__expandBtn__label" for="comments__expandBtn">
<h3>Comments ({{album.Comments}})</h3>
<span class="comments__expandBtn__icon material-icons-outlined"></span>
</label>
<div class="comments">
{{#each comments}}
{{> partials/comment }}
{{/each}}
</div>
</div>
<hr>
</main>
{{> partials/footer }}

View File

@@ -0,0 +1,28 @@
<div class="comment">
<div class="comment__user">
<img src="{{this.User.Avatar}}" class="pfp" width="24" height="24" loading="lazy">
<!--<a href="/user/{{this.User.Username}}">-->
<p><b>{{this.User.Username}}</b></p>
<!--</a>-->
</div>
<div>
{{{this.Comment}}}
<p title="{{this.Date}}">
{{this.RelTime}}
{{#if this.UpdatedAt}}
<span class="comment__updatedDate">(edited {{this.UpdatedAt}})</span>
{{/if}}
{{#if this.DeletedAt}}
<span class="comment__updatedDate">(deleted {{this.DeletedAt}})</span>
{{/if}}
|
<span class="material-icons-outlined">thumb_up</span> {{this.Upvotes}}
<span class="material-icons-outlined">thumb_down</span> {{this.Downvotes}}
</p>
</div>
<div class="replies">
{{#each this.Comments}}
{{> partials/comment }}
{{/each}}
</div>
</div>