Added new Invite button in the RHS footer

wmwragg · wmwragg · commit 768f11fe583c · 2016-09-13T14:27:23.000+01:00
diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js
@@ -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>
         );
diff --git a/src/skins/vector/css/vector-web/structures/RightPanel.css b/src/skins/vector/css/vector-web/structures/RightPanel.css
@@ -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
+}
