mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-28 04:21:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

track whether we're scrolled to bottom or not and display UI for warning & jumping there if needed.

Browse source
This commit is contained in:
Matthew Hodgson 2016-01-24 01:51:01 +00:00
parent 28fddef5f9
commit f15564074c
1 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/structures/RoomView.js
View file

@ -84,7 +84,8 @@ module.exports = React.createClass({
guestsCanJoin: false,
canPeek: false,
readMarkerEventId: room ? room.getEventReadUpTo(MatrixClientPeg.get().credentials.userId) : null,
readMarkerGhostEventId: undefined
readMarkerGhostEventId: undefined,
atBottom: true,
}
},
@ -596,9 +597,18 @@ module.exports = React.createClass({
},
onMessageListScroll: function(ev) {
if (this.state.numUnreadMessages != 0 &&
this.refs.messagePanel.isAtBottom()) {
this.setState({numUnreadMessages: 0});
if (this.refs.messagePanel.isAtBottom()) {
if (this.state.numUnreadMessages != 0) {
this.setState({ numUnreadMessages: 0 });
}
if (!this.state.atBottom) {
this.setState({ atBottom: true });
}
}
else {
if (this.state.atBottom) {
this.setState({ atBottom: false });
}
}
},
@ -1622,7 +1632,7 @@ module.exports = React.createClass({
else if (unreadMsgs) {
statusBar = (
<div className="mx_RoomView_unreadMessagesBar" onClick={ this.scrollToBottom }>
<img src="img/newmessages.png" width="24" height="24" alt=""/>
<img src="img/newmessages.svg" width="24" height="24" alt=""/>
{unreadMsgs}
</div>
);
@ -1635,6 +1645,13 @@ module.exports = React.createClass({
</div>
);
}
else if (!this.state.atBottom) {
statusBar = (
<div className="mx_RoomView_scrollToBottomBar" onClick={ this.scrollToBottom }>
<img src="img/scrolldown.svg" width="24" height="24" alt="Scroll to bottom of page"/>
</div>
);
}
}
var aux = null;