left_sidebar: Add unread streams count to Streams header.

This commit is contained in:
Karl Stolley 2023-11-15 10:17:13 -06:00 committed by Tim Abbott
parent 2e2997bd7d
commit 335790dae8
4 changed files with 8 additions and 0 deletions

View File

@ -30,9 +30,11 @@ export function update_dom_with_unread_counts(counts, skip_animations) {
// mentioned/home views have simple integer counts
const $mentioned_li = $(".top_left_mentions");
const $home_view_li = $(".selected-home-view");
const $streams_header = $("#streams_header");
ui_util.update_unread_count_in_dom($mentioned_li, counts.mentioned_message_count);
ui_util.update_unread_count_in_dom($home_view_li, counts.home_unread_messages);
ui_util.update_unread_count_in_dom($streams_header, counts.stream_unread_messages);
if (!skip_animations) {
animate_mention_changes($mentioned_li, counts.mentioned_message_count);

View File

@ -807,6 +807,7 @@ export function get_counts() {
const streams_with_mentions = unread_topic_counter.get_streams_with_unread_mentions();
const streams_with_unmuted_mentions = unread_topic_counter.get_streams_with_unmuted_mentions();
res.home_unread_messages = topic_res.stream_unread_messages;
res.stream_unread_messages = topic_res.stream_unread_messages;
res.stream_count = topic_res.stream_count;
res.streams_with_mentions = [...streams_with_mentions];
res.streams_with_unmuted_mentions = [...streams_with_unmuted_mentions];

View File

@ -161,6 +161,7 @@
<h4 class="left-sidebar-title"><span class="streams-tooltip-target" data-tooltip-template-id="filter-streams-tooltip-template">{{t 'STREAMS' }}</span></h4>
<div class="heading-markers-and-controls">
<i id="filter_streams_tooltip" class="streams_filter_icon fa fa-filter" aria-hidden="true" data-tooltip-template-id="filter-streams-tooltip-template"></i>
<span class="unread_count"></span>
</div>
<span id="add_streams_tooltip" class="hidden-for-spectators" data-tippy-content="{{t 'Add streams' }}">
<i id="streams_inline_icon" class='fa fa-plus' aria-hidden="true" ></i>

View File

@ -74,6 +74,7 @@ run_test("update_count_in_dom", () => {
const counts = {
mentioned_message_count: 222,
home_unread_messages: 333,
stream_unread_messages: 666,
};
make_elem($(".top_left_mentions"), "<mentioned-count>");
@ -86,6 +87,8 @@ run_test("update_count_in_dom", () => {
make_elem($(".top_left_scheduled_messages"), "<scheduled-count>");
make_elem($("#streams_header"), "<stream-count>");
left_sidebar_navigation_area.update_dom_with_unread_counts(counts, false);
left_sidebar_navigation_area.update_starred_count(444);
// Calls left_sidebar_navigation_area.update_scheduled_messages_row
@ -95,6 +98,7 @@ run_test("update_count_in_dom", () => {
assert.equal($("<home-count>").text(), "333");
assert.equal($("<starred-count>").text(), "444");
assert.equal($("<scheduled-count>").text(), "555");
assert.equal($("<stream-count>").text(), "666");
counts.mentioned_message_count = 0;
scheduled_messages.get_count = () => 0;