www: unread discussions badge

3 files changed, 3 insertions, 1 deletions

diff --git a/juick-www/src/main/assets/style.css b/juick-www/src/main/assets/style.css
index d2cb984f..077465ab 100644
--- a/juick-www/src/main/assets/style.css
+++ b/juick-www/src/main/assets/style.css
@@ -349,6 +349,7 @@ article .tags {
     min-height: 1px;
 }
 article .tags > a,
+.badge,
 .msg-tags > a {
     background: #eee;
     border: 1px solid #eee;
diff --git a/juick-www/src/main/java/com/juick/www/controllers/MessagesWWW.java b/juick-www/src/main/java/com/juick/www/controllers/MessagesWWW.java
index 5bbea56b..e840b767 100644
--- a/juick-www/src/main/java/com/juick/www/controllers/MessagesWWW.java
+++ b/juick-www/src/main/java/com/juick/www/controllers/MessagesWWW.java
@@ -79,6 +79,7 @@ public class MessagesWWW {
         model.addAttribute("iread", userService.getUserReadLeastPopular(user.getUid(), 8));
         model.addAttribute("tagStats", tagService.getUserTagStats(user.getUid())
                 .stream().sorted((e1, e2) -> Integer.compare(e2.getUsageCount(), e1.getUsageCount())).limit(20).map(t -> t.getTag().getName()).collect(Collectors.toList()));
+        model.addAttribute("unread", messagesService.getUnread(visitor));
     }
 
     @GetMapping("/")
diff --git a/juick-www/src/main/resources/templates/views/partial/navigation.html b/juick-www/src/main/resources/templates/views/partial/navigation.html
index 5affcdd8..4e3a6ae3 100644
--- a/juick-www/src/main/resources/templates/views/partial/navigation.html
+++ b/juick-www/src/main/resources/templates/views/partial/navigation.html
@@ -18,7 +18,7 @@
         <nav id="global">
             <ul>
                 {% if visitor.uid > 0 %}
-                <li><a href="/?show=discuss"><i data-icon="ei-comment" data-size="s"></i>{{ i18n("messages","link.discuss") }}</a></li>
+                <li><a href="/?show=discuss"><i data-icon="ei-comment" data-size="s"></i>{{ i18n("messages","link.discuss") }}{% if unread > 0 %}<span class="badge">{{ unread }}</span>{% endif %}</a></li>
                 {% else %}
                 <li><a href="/?show=photos" rel="nofollow"><i data-icon="ei-camera" data-size="s"></i>{{ i18n("messages","link.withPhotos") }}</a></li>
                 {% endif %}