OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Add warning bar for guest users. Fixes https://github.com/vector-im/vector-web/issues/770

pull/21833/head
David Baker 2016-01-27 17:58:47 +00:00
parent 8360c112fb
commit e5f4fa8c46
1 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/structures/RoomView.js
View File

@ -1474,6 +1474,16 @@ module.exports = React.createClass({
}
},
onRegisterClicked: function() {
dis.dispatch({'action': 'logout'});
dis.dispatch({'action': 'start_registration'});
},
onLoginClicked: function() {
dis.dispatch({'action': 'logout'});
dis.dispatch({'action': 'start_login'});
},
render: function() {
var RoomHeader = sdk.getComponent('rooms.RoomHeader');
var MessageComposer = sdk.getComponent('rooms.MessageComposer');
@ -1581,13 +1591,13 @@ module.exports = React.createClass({
// a connection!
if (this.state.syncState === "ERROR") {
statusBar = (
<div className="mx_RoomView_connectionLostBar">
<div className="mx_RoomView_warningBar">
<img src="img/warning.svg" width="24" height="23" title="/!\ " alt="/!\ "/>
<div className="mx_RoomView_connectionLostBar_textArea">
<div className="mx_RoomView_connectionLostBar_title">
<div className="mx_RoomView_warningBar_textArea">
<div className="mx_RoomView_warningBar_title">
Connectivity to the server has been lost.
</div>
<div className="mx_RoomView_connectionLostBar_desc">
<div className="mx_RoomView_warningBar_desc">
Sent messages will be stored until your connection has returned.
</div>
</div>
@ -1611,13 +1621,13 @@ module.exports = React.createClass({
}
else if (this.state.hasUnsentMessages) {
statusBar = (
<div className="mx_RoomView_connectionLostBar">
<div className="mx_RoomView_warningBar">
<img src="img/warning.svg" width="24" height="23" title="/!\ " alt="/!\ "/>
<div className="mx_RoomView_connectionLostBar_textArea">
<div className="mx_RoomView_connectionLostBar_title">
<div className="mx_RoomView_warningBar_textArea">
<div className="mx_RoomView_warningBar_title">
Some of your messages have not been sent.
</div>
<div className="mx_RoomView_connectionLostBar_desc">
<div className="mx_RoomView_warningBar_desc">
<a className="mx_RoomView_resend_link"
onClick={ this.onResendAllClick }>
Resend all now
@ -1651,6 +1661,20 @@ module.exports = React.createClass({
<img src="img/scrolldown.svg" width="24" height="24" alt="Scroll to bottom of page" title="Scroll to bottom of page"/>
</div>
);
} else if (MatrixClientPeg.get().isGuest()) {
statusBar = (
<div className="mx_RoomView_warningBar">
<img src="img/warning.svg" width="24" height="23" title="/!\ " alt="/!\ "/>
<div className="mx_RoomView_warningBar_textArea">
<div className="mx_RoomView_warningBar_title">
You are using Vector as a guest.
</div>
<div className="mx_RoomView_warningBar_desc">
<a onClick={this.onRegisterClicked}>Register</a> or <a onClick={this.onLoginClicked}>log in</a> to access more rooms and features.
</div>
</div>
</div>
);
}
}