Added new Invite button in the RHS footer

pull/2181/head
wmwragg 2016-09-13 14:27:23 +01:00
parent acdcb21830
commit 768f11fe58
2 changed files with 37 additions and 0 deletions

View File

@ -109,6 +109,14 @@ module.exports = React.createClass({
}
},
onInviteButtonClick: function() {
// call ChatInviteDialog
dis.dispatch({
action: 'view_invite',
roomId: this.props.roomId,
});
},
onRoomStateMember: function(ev, state, member) {
// redraw the badge on the membership list
if (this.state.phase == this.Phase.MemberList && member.roomId === this.props.roomId) {
@ -236,6 +244,12 @@ module.exports = React.createClass({
</div>
{ panel }
<div className="mx_RightPanel_footer">
<div className="mx_RightPanel_invite" >
<div className="mx_RightPanel_icon" onClick={ this.onInviteButtonClick } >
<TintableSvg src="img/icons-settings.svg" width="35" height="35" />
</div>
<div className="mx_RightPanel_message">Invite to this room</div>
</div>
</div>
</aside>
);

View File

@ -103,3 +103,26 @@ limitations under the License.
-webkit-flex: 0 0 60px;
flex: 0 0 60px;
}
.mx_RightPanel_footer .mx_RightPanel_invite {
line-height: 35px;
font-size: 14px;
color: #454545;
padding-top: 13px;
padding-left: 5px;
}
.mx_RightPanel_invite .mx_RightPanel_icon {
display: inline-block;
cursor: pointer;
}
.mx_RightPanel_invite .mx_RightPanel_icon object {
pointer-events: none;
}
.mx_RightPanel_invite .mx_RightPanel_message {
display: inline-block;
vertical-align: top;
padding-left: 10px
}