From 5532ef67ba0f040ee943e3b59370c679403c587f Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Tue, 2 Feb 2021 09:43:25 +0200
Subject: Added a comment count indicator in posts

---
 .../src/app/components/post/post.component.css          |  16 +++++++++++++++-
 .../src/app/components/post/post.component.html         |  14 ++++++++++++--
 src/DevHive.Angular/src/assets/images/comment.png       | Bin 0 -> 31366 bytes
 3 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 src/DevHive.Angular/src/assets/images/comment.png

(limited to 'src/DevHive.Angular')

diff --git a/src/DevHive.Angular/src/app/components/post/post.component.css b/src/DevHive.Angular/src/app/components/post/post.component.css
index 1ae5d8f..73030b2 100644
--- a/src/DevHive.Angular/src/app/components/post/post.component.css
+++ b/src/DevHive.Angular/src/app/components/post/post.component.css
@@ -50,9 +50,23 @@ hr {
   word-break: break-all;
 }
 
-.timestamp {
+.bottom-post {
   font-size: .5em;
   color: gray;
+  display: flex;
+  align-items: center;
+}
+
+.separator {
+  margin: 0 .5em;
+}
+
+.comment-count {
+  font-size: 1em;
+}
+
+.comment-count > img {
+  height: .8em;
 }
 
 .message:hover, .timestamp:hover {
diff --git a/src/DevHive.Angular/src/app/components/post/post.component.html b/src/DevHive.Angular/src/app/components/post/post.component.html
index ea81bdf..c559c25 100644
--- a/src/DevHive.Angular/src/app/components/post/post.component.html
+++ b/src/DevHive.Angular/src/app/components/post/post.component.html
@@ -16,9 +16,19 @@
 		<div class="message" (click)="goToPostPage()">
 			{{ post.message }}
 		</div>
-		<div class="timestamp" (click)="goToPostPage()">
-			{{ timeCreated }}
+		<div class="bottom-post" (click)="goToPostPage()">
+			<div class="timestamp">
+				{{ timeCreated }}
+			</div>
+			<div class="separator">
+				║
+			</div>
+			<div class="comment-count">
+				{{ post.comments.length }}
+				<img src="assets/images/comment.png">
+			</div>
 		</div>
+
 	</div>
 	<div class="rating">
 		<button class="vote">
diff --git a/src/DevHive.Angular/src/assets/images/comment.png b/src/DevHive.Angular/src/assets/images/comment.png
new file mode 100644
index 0000000..5f8e8d9
Binary files /dev/null and b/src/DevHive.Angular/src/assets/images/comment.png differ
-- 
cgit v1.2.3