From a32113ad97b6e741258321227be4619bdad09716 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Mon, 17 Jul 2017 14:40:38 +0100
Subject: [PATCH] Add onChange handlers & tabIndexes

---
 src/components/structures/GroupView.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/components/structures/GroupView.js b/src/components/structures/GroupView.js
index 2b48e6cd46..e2323eada2 100644
--- a/src/components/structures/GroupView.js
+++ b/src/components/structures/GroupView.js
@@ -225,6 +225,27 @@ export default React.createClass({
         });
     },
 
+    _onNameChange: function(e) {
+        const newProfileForm = Object.assign(this.state.profileForm, { name: e.target.value });
+        this.setState({
+            profileForm: newProfileForm,
+        });
+    },
+
+    _onShortDescChange: function(e) {
+        const newProfileForm = Object.assign(this.state.profileForm, { short_description: e.target.value });
+        this.setState({
+            profileForm: newProfileForm,
+        });
+    },
+
+    _onLongDescChange: function(e) {
+        const newProfileForm = Object.assign(this.state.profileForm, { long_description: e.target.value });
+        this.setState({
+            profileForm: newProfileForm,
+        });
+    },
+
     _onSaveClick: function() {
     },
 
@@ -346,11 +367,13 @@ export default React.createClass({
                     value={this.state.profileForm.name}
                     onChange={this._onNameChange}
                     placeholder={_t('Group Name')}
+                    tabIndex="1"
                 />
                 shortDescNode = <input type="text"
                     value={this.state.profileForm.short_description}
                     onChange={this._onShortDescChange}
                     placeholder={_t('Description')}
+                    tabIndex="2"
                 />
                 rightButtons = <span>
                     <AccessibleButton className="mx_GroupView_saveButton mx_RoomHeader_textButton" onClick={this._onSaveClick}>
@@ -365,6 +388,7 @@ export default React.createClass({
                 roomBody = <div>
                     <textarea className="mx_GroupView_editLongDesc" value={this.state.profileForm.long_description}
                         onChange={this._onLongDescChange}
+                        tabIndex="3"
                     />
                 </div>;
             } else {