Fix eslint

Author: Emmanouil Konstantinidis

rest_framework_docs/static/package.json

@@ -13,7 +13,7 @@
     "watch": "npm run watch-js & npm run watch-less",
     "build": "npm run build-font-awesome && npm run build-bootstrap-fonts && npm run build-less",
     "start": "npm run build && npm run watch-less",
-    "lint": "eslint 'rest_framework_docs/js/' --ignore-pattern 'rest_framework_docs/js/dist.js' --plugin eslint-plugin-react",
+    "lint": "eslint 'rest_framework_docs/js/' --ignore-pattern 'rest_framework_docs/js/dist.js'",
     "test": "npm run lint"
   },
   "repository": {

rest_framework_docs/static/rest_framework_docs/js/components/helpers/input.js

@@ -1,4 +1,3 @@
-var _ = require('underscore');
 var React = require('react');
 
 var Input = React.createClass({
@@ -10,7 +9,11 @@ var Input = React.createClass({
   render: function () {
     return (
       <div className="form-group">
-        <label htmlFor={this.props.name} className="col-sm-4 control-label">{this.props.name}</label>
+        <label
+          htmlFor={this.props.name}
+          className="col-sm-4 control-label">
+            {this.props.name}
+        </label>
         <div className="col-sm-8">
           <input
             type="text"

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

@@ -1,4 +1,3 @@
-var _ = require('underscore');
 var React = require('react');
 var APIRequest = require('superagent');
 

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

@@ -1,4 +1,3 @@
-var _ = require('underscore');
 var React = require('react');
 
 var FieldsData = require('./request/fields-data');
@@ -45,7 +44,10 @@ var Request = React.createClass({
         <h3>Request</h3>
 
         <Header title='API Endpoint' />
-        <FieldUrl name='urlEndpoint' value={this.state.urlEndpoint} onChange={this.handleInputChange.bind(this, 'urlEndpoint')} />
+        <FieldUrl
+          name='urlEndpoint'
+          value={this.state.urlEndpoint}
+          onChange={this.handleInputChange.bind(this, 'urlEndpoint')} />
 
         <Header title='Method' />
         <Methods methods={endpoint.methods} active={this.state.method} setMethod={this.setMethod} />
@@ -54,14 +56,20 @@ var Request = React.createClass({
         <div className="form-group">
           <label htmlFor="authorization" className="col-sm-4 control-label">Authorization</label>
           <div className="col-sm-8">
-            <input type="text" className="form-control input-sm" id="authorization" placeholder="Token" />
+            <input
+              type="text"
+              className="form-control input-sm"
+              placeholder="Token" />
           </div>
         </div>
 
         {RequestUtils.shouldAddData(this.state.method) ? null : (
           <div>
             <Header title='Data' />
-            <FieldsData fields={endpoint.fields} data={this.state.data} onChange={this.handleDataFieldChange} />
+            <FieldsData
+              fields={endpoint.fields}
+              data={this.state.data}
+              onChange={this.handleDataFieldChange} />
           </div>
         )}
       </div>

rest_framework_docs/static/rest_framework_docs/js/components/request/field-url.js

@@ -1,4 +1,3 @@
-var _ = require('underscore');
 var React = require('react');
 
 var Input = require('../helpers/input');
@@ -11,7 +10,11 @@ var FieldUrl = React.createClass({
 
   render: function () {
     return (
-      <Input name='Url Endpoint' value={this.props.value} placeholder='Endpoint Url' onChange={this.handleChange} />
+      <Input
+        name='Url Endpoint'
+        value={this.props.value}
+        placeholder='Endpoint Url'
+        onChange={this.handleChange} />
     );
   }
 });

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

@@ -20,7 +20,7 @@ var FieldsData = React.createClass({
           required={field.required}
           onChange={this.handleChange.bind(this, field.name)} />
       );
-    }, this)
+    }, this);
   },
 
   render: function () {

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

@@ -9,10 +9,10 @@ var Methods = React.createClass({
   },
 
   componentWillMount: function() {
-    var methods =this.props.methods
-        .replace(/\W+/g, " ")
+    var methods = this.props.methods
+        .replace(/\W+/g, ' ')
         .replace(/^[ ]+|[ ]+$/g,'')
-        .split(" ");
+        .split(' ');
 
     this.setState({
       methods: methods
@@ -29,10 +29,17 @@ var Methods = React.createClass({
     // var self = this;
 
     return (
-      <div className="btn-group methods">
+      <div className='btn-group methods'>
         {this.state.methods.map(function (method, i) {
-          var methodClass = "btn btn-sm method " + method.toLowerCase() + (this.props.active == method ? ' active': null);
-          return <button key={i} type='button' className={methodClass} onClick={this.setMethod.bind(this, method)}>{method}</button>;
+          var methodClass = 'btn btn-sm method ' + method.toLowerCase() +
+            (this.props.active == method ? ' active' : null);
+          return (
+            <button
+              key={i}
+              type='button'
+              className={methodClass}
+              onClick={this.setMethod.bind(this, method)}>{method}</button>
+          );
         }, this)}
       </div>
     );

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

@@ -1,4 +1,3 @@
-var _ = require('underscore');
 var React = require('react');
 
 var JSONpp = require('../utils/jsonpp');
@@ -15,26 +14,26 @@ var Response = React.createClass({
     if (!this.props.payload) {
       return (
         <div>
-          <h3>Response <span className="label status-code pull-right"></span></h3>
-          <p className="lead text-center">Awaiting request...</p>
+          <h3>Response <span className='label status-code pull-right'></span></h3>
+          <p className='lead text-center'>Awaiting request...</p>
         </div>
-      )
+      );
     }
 
     var responseJSON = JSONpp.prettyPrint(this.props.payload.body);
     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;
+    var statusCodeClass = 'label status-code pull-right status-code-' + statusCodeFirstChar;
 
     return (
       <div>
         <h3>Response <span className={statusCodeClass}>{this.props.payload.status}</span></h3>
 
-        <div><strong>Status</strong>: <span className="status-text">{statusText}</span></div>
+        <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-info'><i className='fa fa-key'></i> Save Token</button>
-          <h5>Your token will be lost when you refresh the page.</h5>
+        <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>
       </div>
     );