From 5153954a28c23db705d0319590c4da21c4843e15 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Wed, 12 Aug 2015 01:30:23 +0100
Subject: [PATCH] put cancel & save buttons into the roomheader

---
 skins/base/views/molecules/RoomHeader.js   | 5 +++++
 skins/base/views/molecules/RoomSettings.js | 6 ------
 skins/base/views/organisms/RoomView.js     | 6 +++++-
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/skins/base/views/molecules/RoomHeader.js b/skins/base/views/molecules/RoomHeader.js
index 8b1a207545..8e0cadc218 100644
--- a/skins/base/views/molecules/RoomHeader.js
+++ b/skins/base/views/molecules/RoomHeader.js
@@ -67,6 +67,7 @@ module.exports = React.createClass({
 
             var name = null;
             var topic_el = null;
+            var cancel_button = null;
             var save_button = null;
             var settings_button = null;
             var actual_name = this.props.room.currentState.getStateEvents('m.room.name', '');
@@ -77,6 +78,8 @@ module.exports = React.createClass({
                         <input className="mx_RoomHeader_nameInput" type="text" defaultValue={actual_name} placeholder="Name" ref="name_edit"/>
                     </div>
                 // if (topic) topic_el = <div className="mx_RoomHeader_topic"><textarea>{ topic.getContent().topic }</textarea></div>
+                cancel_button = <div className="mx_RoomHeader_textButton" onClick={this.props.onCancelClick}>Cancel</div>
+                save_button = <div className="mx_RoomHeader_textButton" onClick={this.props.onSaveClick}>Save Changes</div>
             } else {
                 name =
                     <div className="mx_RoomHeader_name">
@@ -102,6 +105,8 @@ module.exports = React.createClass({
                         </div>
                     </div>
                     {callButtons}
+                    {cancel_button}
+                    {save_button}
                     <div className="mx_RoomHeader_rightRow">
                         { settings_button }
                         <div className="mx_RoomHeader_button mx_RoomHeader_search">
diff --git a/skins/base/views/molecules/RoomSettings.js b/skins/base/views/molecules/RoomSettings.js
index 27eb48de23..7f48df2056 100644
--- a/skins/base/views/molecules/RoomSettings.js
+++ b/skins/base/views/molecules/RoomSettings.js
@@ -207,12 +207,6 @@ module.exports = React.createClass({
                         );
                     })}
                 </div>
-
-                <div className="mx_RoomSettings_buttons">
-                    <div className="mx_RoomSettings_button" onClick={this.props.onSaveClick}>
-                        Save this room
-                    </div>
-                </div>
             </div>
         );
     }
diff --git a/skins/base/views/organisms/RoomView.js b/skins/base/views/organisms/RoomView.js
index fe97a9c729..722a254fec 100644
--- a/skins/base/views/organisms/RoomView.js
+++ b/skins/base/views/organisms/RoomView.js
@@ -64,6 +64,10 @@ module.exports = React.createClass({
         );
     },
 
+    onCancelClick: function() {
+        this.setState(this.getInitialState());
+    },
+
     getUnreadMessagesString: function() {
         if (!this.state.numUnreadMessages) {
             return "";
@@ -163,7 +167,7 @@ module.exports = React.createClass({
             return (
                 <div className="mx_RoomView">
                     <RoomHeader ref="header" room={this.state.room} editing={this.state.editingRoomSettings}
-                        onSettingsClick={this.onSettingsClick}/>
+                        onSettingsClick={this.onSettingsClick} onSaveClick={this.onSaveClick} onCancelClick={this.onCancelClick} />
                     <div className="mx_RoomView_auxPanel">
                         <CallView room={this.state.room}/>
                         { roomEdit }