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",
"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",

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

@ -5,36 +5,39 @@ section.notifications-list
src="/#{v}/svg/spinner-circle.svg"
alt="Loading..."
)
div(
ng-if="!vm.loading"
infinite-scroll="vm.loadNotifications()"
infinite-scroll-disabled="vm.scrollDisabled"
ng-attr-infinite-scroll-container="vm.infiniteScrollContainer"
ng-attr-infinite-scroll-distance="vm.infiniteScrollDistance"
)
.entry(
tg-repeat="notification in vm.notificationsList"
ng-class="{'new': !notification.get('read')}"
div(ng-if="!vm.loading" )
.empty(ng-if="!vm.notificationsList.length")
span {{ 'EVENTS.NO_EVENTS_YET' | translate }}
div(
ng-if="vm.notificationsList.length"
infinite-scroll="vm.loadNotifications()"
infinite-scroll-disabled="vm.scrollDisabled"
ng-attr-infinite-scroll-container="vm.infiniteScrollContainer"
ng-attr-infinite-scroll-distance="vm.infiniteScrollDistance"
)
.entry-avatar
// profile image with url
.profile-picture(ng-if="notification.getIn(['data', 'user', 'is_profile_visible'])")
a(tg-nav="user-profile:username=notification.getIn(['data', 'user', 'username'])", title="{{::notification.getIn(['data', 'user', 'name']) }}")
.entry(
tg-repeat="notification in vm.notificationsList"
ng-class="{'new': !notification.get('read')}"
)
.entry-avatar
// profile image with url
.profile-picture(ng-if="notification.getIn(['data', 'user', 'is_profile_visible'])")
a(tg-nav="user-profile:username=notification.getIn(['data', 'user', 'username'])", title="{{::notification.getIn(['data', 'user', 'name']) }}")
img(
tg-avatar="notification.getIn(['data', 'user'])"
alt="{{::notification.getIn(['data', 'user', 'name'])}}"
)
// profile image without url
.profile-picture(ng-if="!notification.getIn(['data', 'user', 'is_profile_visible'])")
img(
tg-avatar="notification.getIn(['data', 'user'])"
alt="{{::notification.getIn(['data', 'user', 'name'])}}"
)
// profile image without url
.profile-picture(ng-if="!notification.getIn(['data', 'user', 'is_profile_visible'])")
img(
tg-avatar="notification.getIn(['data', 'user'])"
alt="{{::notification.getIn(['data', 'user', 'name'])}}"
)
.entry-content
p(tg-compile-html="notification.get('title_html')")
p
a.entry-project(
href=""
ng-click="vm.setAsRead(notification, notification.get('projectUrl'))"
) {{::notification.getIn(['data', 'project', 'name'])}}
.entry-date {{::notification.get('created') | momentFromNow}}
.entry-content
p(tg-compile-html="notification.get('title_html')")
p
a.entry-project(
href=""
ng-click="vm.setAsRead(notification, notification.get('projectUrl'))"
) {{::notification.getIn(['data', 'project', 'name'])}}
.entry-date {{::notification.get('created') | momentFromNow}}

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

@ -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;