Fix form submit on 'enter'

Author: Emmanouil Konstantinidis

rest_framework_docs/static/.eslintrc

@@ -1,6 +1,6 @@
 {
   "rules": {
-    "max-len": [1, 100, 2],
+    "max-len": [1, 120, 2],
     "no-undef": 2,
     "no-unreachable": 2,
     "no-unused-vars": 2,

rest_framework_docs/static/rest_framework_docs/js/components/liveapi.js

@@ -40,7 +40,7 @@ var LiveAPIEndpoints = React.createClass({
   render: function () {
 
     return (
-      <form className="form-horizontal">
+      <form className="form-horizontal" onSubmit={this.makeRequest}>
         <div className="modal-body">
           <div className="row">
             <div className="col-md-6 request">
@@ -53,7 +53,7 @@ var LiveAPIEndpoints = React.createClass({
         </div>
         <div className="modal-footer">
           <button type="button" className="btn btn-default" data-dismiss="modal">Close</button>
-          <button type="submit" onClick={this.makeRequest} className="btn btn-primary">Send</button>
+          <button type="submit" className="btn btn-primary">Send</button>
         </div>
       </form>
     );

rest_framework_docs/static/rest_framework_docs/js/components/response.js

@@ -21,6 +21,7 @@ var Response = React.createClass({
     }
 
     var responseJSON = JSONpp.prettyPrint(this.props.payload.body);
+    var hasToken = this.props.payload.body.hasOwnProperty('token');
     var statusText = this.props.payload.statusText.toLowerCase();
     var statusCodeFirstChar = String(this.props.payload.status).charAt(0);
     var statusCodeClass = 'label status-code pull-right status-code-' + statusCodeFirstChar;
@@ -31,10 +32,13 @@ var Response = React.createClass({
 
         <div><strong>Status</strong>: <span className='status-text'>{statusText}</span></div>
         <pre><code dangerouslySetInnerHTML={{__html: responseJSON}}></code></pre>
-        <div className='well well-default text-center'>
-          <button className='btn btn-sm btn-info'><i className='fa fa-key'></i> Save Token</button>
-          <h6>Your token will be lost when you refresh the page.</h6>
-        </div>
+
+        {hasToken ? (
+          <div className='well well-default text-center'>
+            <button className='btn btn-sm btn-info'><i className='fa fa-key'></i> Save Token</button>
+            <h6>Your token will be lost when you refresh the page.</h6>
+          </div>
+        ) : null}
       </div>
     );
   }

rest_framework_docs/static/rest_framework_docs/js/dist.js

@@ -30865,7 +30865,7 @@ var LiveAPIEndpoints = React.createClass({
 
     return React.createElement(
       'form',
-      { className: 'form-horizontal' },
+      { className: 'form-horizontal', onSubmit: this.makeRequest },
       React.createElement(
         'div',
         { className: 'modal-body' },
@@ -30894,7 +30894,7 @@ var LiveAPIEndpoints = React.createClass({
         ),
         React.createElement(
           'button',
-          { type: 'submit', onClick: this.makeRequest, className: 'btn btn-primary' },
+          { type: 'submit', className: 'btn btn-primary' },
           'Send'
         )
       )
@@ -31148,6 +31148,7 @@ var Response = React.createClass({
     }
 
     var responseJSON = JSONpp.prettyPrint(this.props.payload.body);
+    var hasToken = this.props.payload.body.hasOwnProperty('token');
     var statusText = this.props.payload.statusText.toLowerCase();
     var statusCodeFirstChar = String(this.props.payload.status).charAt(0);
     var statusCodeClass = 'label status-code pull-right status-code-' + statusCodeFirstChar;
@@ -31185,7 +31186,7 @@ var Response = React.createClass({
         null,
         React.createElement('code', { dangerouslySetInnerHTML: { __html: responseJSON } })
       ),
-      React.createElement(
+      hasToken ? React.createElement(
         'div',
         { className: 'well well-default text-center' },
         React.createElement(
@@ -31199,7 +31200,7 @@ var Response = React.createClass({
           null,
           'Your token will be lost when you refresh the page.'
         )
-      )
+      ) : null
     );
   }
 });