taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Show message when events list is empty

stable
Daniel García 2018-11-26 11:17:53 +01:00 committed by Alex Hermida
parent fe28ed9d53
commit e58825cca8
3 changed files with 37 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/locales/taiga/locale-en.json
View File

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

5
app/modules/notifications/notifications-list/notifications-list.jade
View File

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

5
app/modules/notifications/notifications.scss
View File

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