mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-11 10:55:47 +02:00
Code Issues Releases Wiki Activity

update: forum/components/NotificationList

Browse Source
This commit is contained in:
Alexander Skvortsov
2020-08-08 12:23:19 -04:00
committed by Franz Liedke
parent b69fc01ab3
commit 524dde31d4
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
js/src/forum/components/NotificationList.js
View File

@@ -9,12 +9,9 @@ import Discussion from '../../common/models/Discussion';
* notifications, grouped by discussion. * notifications, grouped by discussion.
*/ */
export default class NotificationList extends Component { export default class NotificationList extends Component {
init() {
this.state = this.props.state;
}
view() { view() {
const pages = this.state.getNotificationPages(); const state = this.attrs.state;
const pages = state.getNotificationPages();
return ( return (
<div className="NotificationList"> <div className="NotificationList">
@@ -24,7 +21,7 @@ export default class NotificationList extends Component {
className: 'Button Button--icon Button--link', className: 'Button Button--icon Button--link',
icon: 'fas fa-check', icon: 'fas fa-check',
title: app.translator.trans('core.forum.notifications.mark_all_as_read_tooltip'), title: app.translator.trans('core.forum.notifications.mark_all_as_read_tooltip'),
onclick: this.state.markAllAsRead.bind(this.state), onclick: state.markAllAsRead.bind(state),
})} })}
</div> </div>
@@ -85,7 +82,7 @@ export default class NotificationList extends Component {
}); });
}) })
: ''} : ''}
{this.state.isLoading() ? ( {state.isLoading() ? (
<LoadingIndicator className="LoadingIndicator--block" /> <LoadingIndicator className="LoadingIndicator--block" />
) : pages.length ? ( ) : pages.length ? (
'' ''
@@ -97,8 +94,10 @@ export default class NotificationList extends Component {
); );
} }
config(isInitialized, context) { oncreate(vnode) {
if (isInitialized) return; super.oncreate(vnode);
const state = this.attrs.state;
const $notifications = this.$('.NotificationList-content'); const $notifications = this.$('.NotificationList-content');
const $scrollParent = $notifications.css('overflow') === 'auto' ? $notifications : $(window); const $scrollParent = $notifications.css('overflow') === 'auto' ? $notifications : $(window);
@@ -109,8 +108,8 @@ export default class NotificationList extends Component {
const contentTop = $scrollParent === $notifications ? 0 : $notifications.offset().top; const contentTop = $scrollParent === $notifications ? 0 : $notifications.offset().top;
const contentHeight = $notifications[0].scrollHeight; const contentHeight = $notifications[0].scrollHeight;
if (this.state.hasMoreResults() && !this.state.isLoading() && scrollTop + viewportHeight >= contentTop + contentHeight) { if (state.hasMoreResults() && !state.isLoading() && scrollTop + viewportHeight >= contentTop + contentHeight) {
this.state.loadMore(); state.loadMore();
} }
}; };