Submit added fields

Author: Emmanouil Konstantinidis

rest_framework_docs/static/rest_framework_docs/js/components/request.js

@@ -30,8 +30,21 @@ var Request = React.createClass({
     });
   },
 
-  addField: function (field) {
-    console.log('Adding field: ', field);
+  addField: function (fieldName) {
+    var endpoint = this.state.endpoint;
+    var fields = endpoint.fields;
+
+    fields.push({
+      name: fieldName,
+      required: false,
+      type: 'Added Field'
+    });
+
+    endpoint.fields = fields;
+
+    this.setState({
+      endpoint: endpoint
+    });
   },
 
   setSelectedMethod: function (method) {

rest_framework_docs/static/rest_framework_docs/js/components/request/add-fields.js

@@ -12,6 +12,16 @@ var AddFieldsForm = React.createClass({
 
   addField: function () {
     this.props.onAdd(this.state.fieldName);
+    this.setState({
+      fieldName: ''
+    });
+  },
+
+  handleKeyPress: function (event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      this.addField();
+    }
   },
 
   handleChange: function (event) {
@@ -32,6 +42,7 @@ var AddFieldsForm = React.createClass({
               type='text'
               className='form-control input-sm'
               placeholder='Field Name (ie. email_address)'
+              onKeyPress = {this.handleKeyPress}
               onChange={this.handleChange}
               value={this.state.fieldName} />
           </div>