aboutsummaryrefslogtreecommitdiffstats
path: root/src/templates/notifier/inbox.html
diff options
context:
space:
mode:
authorBrandon Lo <lobrandon1217@gmail.com>2019-07-08 11:07:49 -0400
committerBrandon Lo <lobrandon1217@gmail.com>2019-07-08 11:07:49 -0400
commitfb6de4fb3de1ec7a6f869ee04bdd7f2d156b8f44 (patch)
tree5bd16a2b5204a8f7eb10e009d19dbfebdc05d0cf /src/templates/notifier/inbox.html
parent35c8640a32b7c6b3b35d68367668898fdfd7d423 (diff)
Add 'no messages available' to empty inbox
Added a simple check to see if the list element had no children, and if so, it would add a simple message saying that no messages are available. Change-Id: I6f3d40a6355502bc621ce4d19f556d4733877200 Signed-off-by: Brandon Lo <lobrandon1217@gmail.com>
Diffstat (limited to 'src/templates/notifier/inbox.html')
-rw-r--r--src/templates/notifier/inbox.html20
1 files changed, 17 insertions, 3 deletions
diff --git a/src/templates/notifier/inbox.html b/src/templates/notifier/inbox.html
index 9d7b426..26b6d32 100644
--- a/src/templates/notifier/inbox.html
+++ b/src/templates/notifier/inbox.html
@@ -18,6 +18,7 @@
<div class="row flex-grow-1" id="fixHeight">
<!-- Notification list && Controls -->
<div class="mb-2 mb-lg-0 col-lg-2 px-0 mh-100">
+ <span class="text-muted d-none" id="noMessages">No messages available</span>
<div class="list-group rounded-0 rounded-left overflow-auto mh-100 notifications" id="unreadNotifications" data-read="0">
{% for notification in unread_notifications %}
<a
@@ -56,18 +57,31 @@
$(obj).addClass("active");
}
+ // Shows messages in the given notification list.
+ // Shows/hides the 'no messages' span after checking children amount
+ // given the .notification classed element
+ function showMessages(notificationList) {
+ $(".notifications").addClass("d-none");
+ if (notificationList.children().length < 1) {
+ $("#noMessages").removeClass("d-none");
+ } else {
+ $("#noMessages").addClass("d-none");
+ notificationList.removeClass("d-none");
+ }
+ }
+
$(document).ready(function(){
// For all / unread / read
$("#filterGroup button").click(function(){
let read = $(this).attr("data-read");
$(this).siblings().removeClass("active");
- $(".notifications").addClass("d-none");
$(this).addClass("active");
if (read === "-1") {
- return $(".notifications").removeClass("d-none");
+ return showMessages($(".notifications"));
}
- $(`.notifications[data-read="${read}"]`).removeClass("d-none");
+ return showMessages($(`.notifications[data-read="${read}"]`));
});
+ showMessages($(".notifications"));
});
</script>
{% endblock %} \ No newline at end of file