From 59e6989cbcc90ae13eb175e4f1730a9c9d4fc6cd Mon Sep 17 00:00:00 2001
From: Mario <mario@mariovavti.com>
Date: Fri, 18 Nov 2022 10:43:33 +0000
Subject: hq widget: implement thread unseen items count

---
 view/js/main.js              | 6 ++++--
 view/tpl/messages_widget.tpl | 7 ++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

(limited to 'view')

diff --git a/view/js/main.js b/view/js/main.js
index aff6eab4d..c409eed35 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -197,8 +197,7 @@ $(document).ready(function() {
 
 			if (singlethread_modules.indexOf(module) !== -1) {
 				history.pushState(stateObj, '', module + '/' + b64mid);
-				$('.message').removeClass('active');
-				$('[data-b64mid="' + b64mid + '"].message').addClass('active');
+
 			}
 
 			if (b64mid) {
@@ -207,6 +206,9 @@ $(document).ready(function() {
 
 				if(! page_load) {
 					prepareLiveUpdate(b64mid, notify_id);
+					$('.message').removeClass('active');
+					$('[data-b64mid="' + b64mid + '"].message').addClass('active');
+					$('[data-b64mid="' + b64mid + '"].message .badge').remove();
 				}
 			}
 		}
diff --git a/view/tpl/messages_widget.tpl b/view/tpl/messages_widget.tpl
index ddb21beb5..90f8e13c7 100644
--- a/view/tpl/messages_widget.tpl
+++ b/view/tpl/messages_widget.tpl
@@ -36,6 +36,7 @@
 				<div class="text-break">{2}</div>
 			</div>
 			<small>{3}</small>
+			{8}
 		</a>
 	</div>
 	<div id="dm-container" class="list-group list-group-flush" data-offset="10">
@@ -52,6 +53,9 @@
 				<div class="text-break">{{$e.summary}}</div>
 			</div>
 			<small>{{$e.info}}</small>
+			{{if $e.unseen}}
+			<span class="badge bg-primary rounded-pill position-absolute bottom-0 end-0 m-2" title="{{$strings.unseen}}">{{$e.unseen}}</span>
+			{{/if}}
 		</a>
 		{{/foreach}}
 		<div id="messages-empty" class="list-group-item border-0"{{if $entries}} style="display: none;"{{/if}}>
@@ -124,7 +128,8 @@
 						e.author_name,
 						e.author_addr,
 						e.href,
-						e.icon
+						e.icon,
+						e.unseen ? '<span class="badge bg-primary rounded-pill position-absolute bottom-0 end-0 m-2" title="{{$strings.unseen}}">' + e.unseen + '</span>' : ''
 					);
 					$('#messages-loading').before(html);
 				});
-- 
cgit v1.2.3