Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 13:14:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added updating of count when room tile notification state changed

Browse Source
This commit is contained in:
wmwragg 2016-08-23 12:40:15 +01:00
parent ee73bc3aa4
commit 2cf2df20f6
1 changed files with 40 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/structures/RoomSubList.js
View File

@ -82,11 +82,15 @@ var RoomSubList = React.createClass({
},
getInitialState: function() {
var subListNotifications = this.roomNotificationCount();
return {
hidden: this.props.startAsHidden || false,
capTruncate: this.props.list.length > TRUNCATE_AT,
truncateAt: this.props.list.length > TRUNCATE_AT ? TRUNCATE_AT : -1,
sortedList: [],
subListNotifCount: subListNotifications[0],
subListNotifHighlight: subListNotifications[1],
};
},
@ -121,30 +125,35 @@ var RoomSubList = React.createClass({
if (this.state.hidden && (this.state.capTruncate && isTruncatable)) {
isHidden = false;
this.setState({ hidden : isHidden });
this.setState({ capTruncate : true });
// Show truncated list
this.setState({ truncateAt : TRUNCATE_AT });
} else if ((!this.state.hidden && this.state.capTruncate) ||
(this.state.hidden && (this.state.capTruncate && !isTruncatable))) {
this.setState({
hidden : isHidden,
capTruncate : true,
truncateAt : TRUNCATE_AT
});
} else if ((!this.state.hidden && this.state.capTruncate)
|| (this.state.hidden && (this.state.capTruncate && !isTruncatable)))
{
isHidden = false;
this.setState({ hidden : isHidden });
this.setState({ capTruncate : false });
// Show full list
this.setState({ truncateAt : -1 });
this.setState({
hidden : isHidden,
capTruncate : false,
truncateAt : -1
});
} else if (!this.state.hidden && !this.state.capTruncate) {
isHidden = true;
this.setState({ hidden : isHidden });
this.setState({ capTruncate : true });
// Truncated list
this.setState({ truncateAt : TRUNCATE_AT });
this.setState({
hidden : isHidden,
capTruncate : true,
truncateAt : TRUNCATE_AT
});
} else {
// Catch any weird states the system gets into
isHidden = false;
this.setState({ hidden : isHidden });
this.setState({ capTruncate : true });
// Show truncated list
this.setState({ truncateAt : TRUNCATE_AT });
this.setState({
hidden : isHidden,
capTruncate : true,
truncateAt : TRUNCATE_AT
});
}
this.props.onShowMoreRooms();
@ -230,7 +239,7 @@ var RoomSubList = React.createClass({
var subListHighlight = false;
var cli = MatrixClientPeg.get();
this.state.sortedList.map(function(room) {
this.props.list.map(function(room) {
var roomNotifState = RoomNotifs.getRoomNotifsState(room.roomId);
var highlight = room.getUnreadNotificationCount('highlight') > 0 || self.props.label === 'Invites';
var notificationCount = room.getUnreadNotificationCount();
@ -250,6 +259,14 @@ var RoomSubList = React.createClass({
return [subListCount, subListHighlight];
},
_updateSubListCount: function() {
var subListNotifications = this.roomNotificationCount();
this.setState({
subListNotifCount: subListNotifications[0],
subListNotifHighlight: subListNotifications[1]
});
},
moveRoomTile: function(room, atIndex) {
if (debug) console.log("moveRoomTile: id " + room.roomId + ", atIndex " + atIndex);
//console.log("moveRoomTile before: " + JSON.stringify(this.state.rooms));
@ -357,6 +374,7 @@ var RoomSubList = React.createClass({
unread={ Unread.doesRoomHaveUnreadMessages(room) }
highlight={ room.getUnreadNotificationCount('highlight') > 0 || self.props.label === 'Invites' }
isInvite={ self.props.label === 'Invites' }
refreshSubList={ self._updateSubListCount }
incomingCall={ self.props.incomingCall && (self.props.incomingCall.roomId === room.roomId) ? self.props.incomingCall : null } />
);
});
@ -365,10 +383,6 @@ var RoomSubList = React.createClass({
_getHeaderJsx: function() {
var TintableSvg = sdk.getComponent("elements.TintableSvg");
var subListNotifications = this.roomNotificationCount();
var subListNotificationsCount = subListNotifications[0];
var subListNotificationsHighlight = subListNotifications[1];
var roomCount = this.props.list.length > 0 ? this.props.list.length : '';
var isTruncatable = this.props.list.length > TRUNCATE_AT;
if (!this.state.hidden && this.state.capTruncate && isTruncatable) {
@ -384,12 +398,12 @@ var RoomSubList = React.createClass({
var badgeClasses = classNames({
'mx_RoomSubList_badge': true,
'mx_RoomSubList_badgeHighlight': subListNotificationsHighlight,
'mx_RoomSubList_badgeHighlight': this.state.subListNotifHighlight,
});
var badge;
if (subListNotificationsCount > 0) {
badge = <div className={badgeClasses}>{subListNotificationsCount}</div>;
if (this.state.subListNotifCount > 0) {
badge = <div className={badgeClasses}>{this.state.subListNotifCount}</div>;
}
return (