#2 Integrate FileUpload in Autoform

Author: daniel.gomez

demo/less/styles.less

@@ -1,7 +1,7 @@
 @import '../../node_modules/bootstrap/less/bootstrap.less';
 @import '../../node_modules/font-awesome/less/font-awesome.less';
 @import '../../node_modules/react-widgets/dist/css/react-widgets.css';
-@import '../../node_modules/react-select/dist/react-select.css';
+@import '../../node_modules/react-select-plus/dist/react-select-plus.css';
 @import '../../src/styles/styles';
 @import '../../src/styles/styles-defaultfactories';
 @import './LiveSchemaEditor.less';

src/components/field/FileUpload.js

@@ -43,6 +43,7 @@ export default class FileUpload extends Component {
 	render() {
 		let { files } = this.state;
 
+		console.log("URL ---->> " + this.props.url);
 		return (
 			<div>
 				<label>Files</label>
@@ -59,7 +60,9 @@ export default class FileUpload extends Component {
 						</div>
 					</DropZone>
 					<div>
-						<GlyphButton text="Upload" onClick={this.onClick}/>
+						<button onClick={this.onClick}>
+							Upload
+						</button>
 					</div>
 				</div>
 			</div>

src/factory/BootstrapFactory.js

@@ -11,6 +11,7 @@ import Static from '../components/field/Static';
 import FieldGroup from '../components/field/FieldGroup';
 import Checkbox from '../components/field/CheckBox';
 import Radio from '../components/field/Radio';
+import FileUpload from '../components/field/FileUpload';
 
 class BootstrapFactory extends ComponentFactory {
     constructor(config) {
@@ -30,6 +31,9 @@ class BootstrapFactory extends ComponentFactory {
         this.registerFieldComponent('Checkbox', ['bool'], Checkbox);
         this.registerFieldComponent('Static', ['string', 'int', 'float', 'datetime', 'date', 'time', 'bool'], Static);
         this.registerFieldComponent('FieldGroup', ['group'], FieldGroup);
+        this.registerFieldComponent('FileUpload', ['string'], FileUpload);
+
+
 
         this.registerGroupComponent('Group', Group);
         this.registerGroupComponent('TabGroup', TabGroup);