mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-10-14 16:34:26 +02:00
Code Issues Releases Wiki Activity

New look for notifications

Browse Source
This commit is contained in:
Toby Zerner
2015-05-14 22:40:32 +09:30
parent 9ca77d79a0
commit d96da61b1b
4 changed files with 78 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
js/forum/src/components/user-notifications.js
View File

@@ -7,6 +7,7 @@ import ActionButton from 'flarum/components/action-button';
import ItemList from 'flarum/utils/item-list';
import Separator from 'flarum/components/separator';
import LoadingIndicator from 'flarum/components/loading-indicator';
import Discussion from 'flarum/models/discussion';
export default class UserNotifications extends Component {
constructor(props) {
@@ -18,6 +19,21 @@ export default class UserNotifications extends Component {
view() {
var user = this.props.user;
var groups = [];
if (app.cache.notifications) {
var groupsObject = {};
app.cache.notifications.forEach(notification => {
var subject = notification.subject();
var discussion = subject instanceof Discussion ? subject : (subject.discussion && subject.discussion());
var key = discussion ? discussion.id() : 0;
groupsObject[key] = groupsObject[key] || {discussion: discussion, notifications: []};
groupsObject[key].notifications.push(notification);
});
for (var i in groupsObject) {
groups.push(groupsObject[i]);
}
}
return DropdownButton.component({
className: 'notifications',
buttonClass: 'btn btn-default btn-rounded btn-naked btn-icon'+(user.unreadNotificationsCount() ? ' unread' : ''),
@@ -37,19 +53,27 @@ export default class UserNotifications extends Component {
}),
m('h4', 'Notifications')
]),
m('ul.notifications-list', app.cache.notifications
? app.cache.notifications.map(notification => {
var NotificationComponent = app.notificationComponentRegistry[notification.contentType()];
return NotificationComponent ? m('li', NotificationComponent.component({notification})) : '';
m('div.notifications-content', groups.length
? groups.map(group => {
return m('div.notification-group', [
group.discussion ? m('a.notification-group-header', {
href: app.route.discussion(group.discussion),
config: m.route
}, group.discussion.title()) : m('div.notification-group-header', app.config['forum_title']),
m('ul.notifications-list', group.notifications.map(notification => {
var NotificationComponent = app.notificationComponentRegistry[notification.contentType()];
return NotificationComponent ? m('li', NotificationComponent.component({notification})) : '';
}))
])
})
: (!this.loading() ? m('li.no-notifications', 'No Notifications') : '')),
: (!this.loading() ? m('div.no-notifications', 'No Notifications') : '')),
this.loading() ? LoadingIndicator.component() : ''
]
});
}
load() {
if (!app.cache.notifications) {
if (!app.cache.notifications || this.props.user.unreadNotificationsCount()) {
var component = this;
this.loading(true);
m.redraw();