Merge pull request #1369 from eciis/fixing-no-notifications

Adding message when not has notifications
eciis · Dec 21, 2018 · 7fbaec8 · 7fbaec8
2 parents 29e758c + fcfefd5
commit 7fbaec8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/frontend/notification/notification_list_mobile.css b/frontend/notification/notification_list_mobile.css
@@ -13,6 +13,12 @@
   margin-top: 1%;
 }
 
+#mobile-notification-empty {
+  display: grid;
+  grid-template-columns: auto;
+  text-align: center;
+}
+
 #mobile-notification-content {
     display: grid;
     grid-template-columns: auto;

diff --git a/frontend/notification/notifications_list_mobile.html b/frontend/notification/notifications_list_mobile.html
@@ -1,5 +1,8 @@
 <md-content>
-    <div ng-repeat="notification in notificationListCtrl.notifications | orderBy:'-timestamp'"
+    <h3 id="mobile-notification-empty" ng-if="notificationListCtrl.notifications.length === 0">
+        <b>Nenhuma notificação no momento</b>
+    </h3>
+    <div ng-if="notificationListCtrl.notifications.length > 0" ng-repeat="notification in notificationListCtrl.notifications | orderBy:'-timestamp'"
         ng-class="notification.status === 'READ'? 'read-mobile-notification': 'unread-mobile-notification'" 
         class="mobile-notification-list" ng-click="notificationListCtrl.action(notification, $event)">
         <div class="mobile-notification-list-item">