Show message when events list is empty

app/locales/taiga/locale-en.json

@@ -1705,6 +1705,7 @@
         "DISMISS_ALL": "Dismiss all",
         "VIEW_ALL": "View all",
         "NO_NEW_EVENTS": "No new events",
+        "NO_EVENTS_YET": "There are no events yet",
         "ASSIGNED_YOU": "{{username}} assigned you to {{obj_name}}",
         "ADDED_YOU_AS_WATCHER": "{{username}} added you as watcher on {{obj_name}}",
         "ADDED_YOU_AS_MEMBER": "{{username}} added you as member",

app/modules/notifications/notifications-list/notifications-list.jade

@@ -5,8 +5,11 @@ section.notifications-list
                 src="/#{v}/svg/spinner-circle.svg"
                 alt="Loading..."
             )
+    div(ng-if="!vm.loading" )
+        .empty(ng-if="!vm.notificationsList.length")
+            span {{ 'EVENTS.NO_EVENTS_YET' | translate }}
         div(
-        ng-if="!vm.loading"
+            ng-if="vm.notificationsList.length"
             infinite-scroll="vm.loadNotifications()"
             infinite-scroll-disabled="vm.scrollDisabled"
             ng-attr-infinite-scroll-container="vm.infiniteScrollContainer"

app/modules/notifications/notifications.scss

@@ -30,6 +30,11 @@
             color: $primary-light;
         }
     }
+    .empty {
+        margin: 4rem auto;
+        text-align: center;
+        width: 100%;
+    }
     .notifications-list .entry {
         align-items: center;
         font-size: .95rem;