aboutsummaryrefslogtreecommitdiff
path: root/main
diff options
context:
space:
mode:
authorcodedust <codedust@users.noreply.github.com>2020-03-02 21:10:36 +0100
committerfiaxh <git@lightrise.org>2020-07-06 21:52:33 +0200
commit86420fdef11b2833fbc42549c8c5817031876d66 (patch)
treefb51349e7468d64f394901a4d177398865aae580 /main
parent23c021685364de19e64248d0411a7ed2f216700e (diff)
downloaddino-86420fdef11b2833fbc42549c8c5817031876d66.tar.gz
dino-86420fdef11b2833fbc42549c8c5817031876d66.zip
Show bubble containing the number of unread messages in the conversation list (#764)
Co-authored-by: codedust <codedust@users.noreply.github.com> Co-authored-by: fiaxh <git@lightrise.org>
Diffstat (limited to 'main')
-rw-r--r--main/data/conversation_row.ui28
-rw-r--r--main/data/theme.css8
-rw-r--r--main/src/ui/conversation_selector/conversation_selector_row.vala20
3 files changed, 50 insertions, 6 deletions
diff --git a/main/data/conversation_row.ui b/main/data/conversation_row.ui
index 7772c907..8d257201 100644
--- a/main/data/conversation_row.ui
+++ b/main/data/conversation_row.ui
@@ -46,7 +46,7 @@
<child>
<object class="GtkRevealer" id="time_revealer">
<property name="transition-type">slide-right</property>
- <property name="transition-duration">100</property>
+ <property name="transition-duration">50</property>
<property name="reveal-child">True</property>
<property name="visible">True</property>
<child>
@@ -71,6 +71,7 @@
<object class="GtkLabel" id="nick_label">
<property name="max_width_chars">15</property>
<property name="ellipsize">end</property>
+ <property name="valign">end</property>
<property name="xalign">0</property>
<style>
<class name="dim-label"/>
@@ -86,12 +87,36 @@
<property name="max_width_chars">1</property>
<property name="ellipsize">end</property>
<property name="expand">True</property>
+ <property name="valign">end</property>
<property name="xalign">0</property>
<attributes>
<attribute name="scale" value="0.8"/>
</attributes>
</object>
</child>
+ <child>
+ <object class="GtkRevealer" id="unread_count_revealer">
+ <property name="transition-type">slide-right</property>
+ <property name="transition-duration">50</property>
+ <property name="reveal-child">True</property>
+ <property name="visible">True</property>
+ <child>
+ <object class="GtkLabel" id="unread_count_label">
+ <property name="vexpand">False</property>
+ <property name="visible">False</property>
+ <property name="margin-start">15</property>
+ <property name="xalign">0.5</property>
+ <attributes>
+ <attribute name="scale" value="0.6"/>
+ <attribute name="weight" value="PANGO_WEIGHT_BOLD"/>
+ </attributes>
+ <style>
+ <class name="unread-count"/>
+ </style>
+ </object>
+ </child>
+ </object>
+ </child>
</object>
</child>
</object>
@@ -116,6 +141,7 @@
<object class="GtkButton" id="x_button">
<property name="vexpand">False</property>
<property name="visible">True</property>
+ <property name="margin-start">5</property>
<style>
<class name="conversation_list_row_xbutton"/>
<class name="circular"/>
diff --git a/main/data/theme.css b/main/data/theme.css
index fb6e2b11..09e282ec 100644
--- a/main/data/theme.css
+++ b/main/data/theme.css
@@ -42,6 +42,14 @@ window.dino-main .dino-conversation .message-box:hover {
background: alpha(@theme_fg_color, 0.04);
}
+window.dino-main .unread-count {
+ background-color: alpha(@theme_fg_color, 0.8);
+ color: @theme_base_color;
+ font-family: monospace;
+ border-radius: 999em;
+ padding: .2em .41em;
+}
+
window.dino-main .dino-sidebar > frame {
background: @insensitive_bg_color;
border-left: 1px solid @borders;
diff --git a/main/src/ui/conversation_selector/conversation_selector_row.vala b/main/src/ui/conversation_selector/conversation_selector_row.vala
index a5148a8f..7c25ee8d 100644
--- a/main/src/ui/conversation_selector/conversation_selector_row.vala
+++ b/main/src/ui/conversation_selector/conversation_selector_row.vala
@@ -17,9 +17,11 @@ public class ConversationSelectorRow : ListBoxRow {
[GtkChild] protected Label time_label;
[GtkChild] protected Label nick_label;
[GtkChild] protected Label message_label;
+ [GtkChild] protected Label unread_count_label;
[GtkChild] protected Button x_button;
[GtkChild] protected Revealer time_revealer;
[GtkChild] protected Revealer xbutton_revealer;
+ [GtkChild] protected Revealer unread_count_revealer;
[GtkChild] public Revealer main_revealer;
public Conversation conversation { get; private set; }
@@ -27,7 +29,7 @@ public class ConversationSelectorRow : ListBoxRow {
protected const int AVATAR_SIZE = 40;
protected ContentItem? last_content_item;
- protected bool read = true;
+ protected int num_unread = 0;
protected StreamInteractor stream_interactor;
@@ -202,21 +204,27 @@ public class ConversationSelectorRow : ListBoxRow {
}
protected void update_read() {
- bool current_read_status = !stream_interactor.get_module(ChatInteraction.IDENTITY).has_unread(conversation);
- if (read == current_read_status) return;
- read = current_read_status;
+ int current_num_unread = stream_interactor.get_module(ChatInteraction.IDENTITY).get_num_unread(conversation);
+ if (num_unread == current_num_unread) return;
+ num_unread = current_num_unread;
+
+ if (num_unread == 0) {
+ unread_count_label.visible = false;
- if (read) {
name_label.attributes.filter((attr) => attr.equal(attr_weight_new(Weight.BOLD)));
time_label.attributes.filter((attr) => attr.equal(attr_weight_new(Weight.BOLD)));
nick_label.attributes.filter((attr) => attr.equal(attr_weight_new(Weight.BOLD)));
message_label.attributes.filter((attr) => attr.equal(attr_weight_new(Weight.BOLD)));
} else {
+ unread_count_label.label = num_unread.to_string();
+ unread_count_label.visible = true;
+
name_label.attributes.insert(attr_weight_new(Weight.BOLD));
time_label.attributes.insert(attr_weight_new(Weight.BOLD));
nick_label.attributes.insert(attr_weight_new(Weight.BOLD));
message_label.attributes.insert(attr_weight_new(Weight.BOLD));
}
+
name_label.label = name_label.label; // TODO initializes redrawing, which would otherwise not happen. nicer?
time_label.label = time_label.label;
nick_label.label = nick_label.label;
@@ -227,9 +235,11 @@ public class ConversationSelectorRow : ListBoxRow {
StateFlags curr_flags = get_state_flags();
if ((curr_flags & StateFlags.PRELIGHT) != 0) {
time_revealer.set_reveal_child(false);
+ unread_count_revealer.set_reveal_child(false);
xbutton_revealer.set_reveal_child(true);
} else {
time_revealer.set_reveal_child(true);
+ unread_count_revealer.set_reveal_child(true);
xbutton_revealer.set_reveal_child(false);
}
}