Move all element specific code into skins/

skins/base/views/atoms/create_room/Presets.js

@@ -24,6 +24,10 @@ module.exports = React.createClass({
     displayName: 'CreateRoomPresets',
     mixins: [PresetsController],
 
+    onValueChanged: function(ev) {
+        this.setState({preset: ev.target.value})
+    },
+
     render: function() {
         return (
             <select className="mx_PresetOption" onChange={this.onValueChanged} defaultValue={this.state.preset}>

skins/base/views/atoms/create_room/RoomNameTextbox.js

@@ -24,6 +24,10 @@ module.exports = React.createClass({
     displayName: 'CreateRoomButton',
     mixins: [RoomNameTextboxController],
 
+    onValueChanged: function(ev) {
+        this.setState({room_name: ev.target.value})
+    },
+
     render: function() {
         return (
             <input type="text" className="mx_RoomNameTextbox" placeholder="ex. MyNewRoom" onChange={this.onValueChanged}/>

src/controllers/atoms/create_room/Presets.js

@@ -23,10 +23,6 @@ module.exports = {
         default_preset: React.PropTypes.string
     },
 
-    onValueChanged: function(ev) {
-        this.setState({preset: ev.target.value})
-    },
-
     getDefaultProps: function() {
         return {
             default_preset: 'private_chat',

src/controllers/atoms/create_room/RoomNameTextbox.js

@@ -23,10 +23,6 @@ module.exports = {
         default_name: React.PropTypes.string
     },
 
-    onValueChanged: function(ev) {
-        this.setState({room_name: ev.target.value})
-    },
-
     getDefaultProps: function() {
         return {
             default_name: '',