Input types

Author: Emmanouil Konstantinidis

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

@@ -16,7 +16,7 @@ var Input = React.createClass({
         </label>
         <div className="col-sm-8">
           <input
-            type="text"
+            type={this.props.type}
             className="form-control input-sm"
             id={this.props.name}
             placeholder={this.props.placeholder}

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

@@ -26,6 +26,7 @@ var FieldUrl = React.createClass({
       <div>
         <Header title='API Endpoint' />
         <Input
+          type='text'
           name='Url Endpoint'
           value={this.state.url}
           placeholder='Endpoint Url'

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

@@ -11,9 +11,11 @@ var FieldsData = React.createClass({
   _renderFields: function () {
     return this.props.fields.map(function (field, key) {
       var value = this.props.data[field.name];
+      var type = field.name == 'password' ? 'password' : 'text';
       return (
         <Input
           key={key}
+          type={type}
           name={field.name}
           value={value}
           placeholder={field.type}

rest_framework_docs/static/rest_framework_docs/js/dist.js

@@ -32359,7 +32359,7 @@ var Input = React.createClass({
         "div",
         { className: "col-sm-8" },
         React.createElement("input", {
-          type: "text",
+          type: this.props.type,
           className: "form-control input-sm",
           id: this.props.name,
           placeholder: this.props.placeholder,
@@ -32597,6 +32597,7 @@ var FieldUrl = React.createClass({
       null,
       React.createElement(Header, { title: 'API Endpoint' }),
       React.createElement(Input, {
+        type: 'text',
         name: 'Url Endpoint',
         value: this.state.url,
         placeholder: 'Endpoint Url',
@@ -32624,8 +32625,10 @@ var FieldsData = React.createClass({
   _renderFields: function _renderFields() {
     return this.props.fields.map(function (field, key) {
       var value = this.props.data[field.name];
+      var type = field.name == 'password' ? 'password' : 'text';
       return React.createElement(Input, {
         key: key,
+        type: type,
         name: field.name,
         value: value,
         placeholder: field.type,