From 5c95cbf05f7db8c877291c2cc8c2ee58078c7956 Mon Sep 17 00:00:00 2001
From: Laura Fuentes Grau <laurafuentesgrau@gmail.com>
Date: Sun, 29 Mar 2020 14:11:57 +0200
Subject: [PATCH] NumberInput Widget now droppable/editable

---
 src/widget/edit-widget/edit-widget-control-creator.js | 2 +-
 src/widget/widget-factory.js                          | 2 +-
 src/widget/widgets/input.js                           | 6 ++++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/widget/edit-widget/edit-widget-control-creator.js b/src/widget/edit-widget/edit-widget-control-creator.js
index e79b6b8..ec6856e 100644
--- a/src/widget/edit-widget/edit-widget-control-creator.js
+++ b/src/widget/edit-widget/edit-widget-control-creator.js
@@ -152,7 +152,7 @@ export default function CreateControls(widgetType = null, widget = null, session
             );
             break;
 
-        case 'Input':
+        case 'NumberInput':
             DialogControls.push(
                 <EditWidgetTextControl key={0} widget={widget} controlId={'name'} label={'Text'} placeholder={'Enter text'} handleChange={e => handleChange(e)} />,
                 <EditWidgetSignalControl key={2} widget={widget} controlId={'signalIDs'} input  signals={signals} handleChange={(e) => handleChange(e)} />
diff --git a/src/widget/widget-factory.js b/src/widget/widget-factory.js
index 5b7d5a2..4fabaa6 100644
--- a/src/widget/widget-factory.js
+++ b/src/widget/widget-factory.js
@@ -132,7 +132,7 @@ class WidgetFactory {
                 widget.customProperties.off_value = 0;
                 widget.customProperties.toggle = false;
                 break;
-            case 'Input':
+            case 'NumberInput':
                 widget.minWidth = 200;
                 widget.minHeight = 50;
                 widget.width = 200;
diff --git a/src/widget/widgets/input.js b/src/widget/widgets/input.js
index bc27f3e..d4ac133 100644
--- a/src/widget/widgets/input.js
+++ b/src/widget/widgets/input.js
@@ -76,7 +76,7 @@ class WidgetInput extends Component {
   render() {
     return (
       <div className="number-input-widget full">
-          <Form componentClass="fieldset" horizontal>
+          <Form componentclass="fieldset" horizontal="true">
               <FormGroup>
                   <Col as={FormLabel} xs={3}>
                     {this.props.widget.name}
@@ -84,7 +84,9 @@ class WidgetInput extends Component {
                   <Col xs={9}>
                     <InputGroup>
                       <FormControl type="number" step="any" disabled={ this.props.editing } onKeyPress={ (e) => this.handleKeyPress(e) } onBlur={ (e) => this.valueChanged(this.state.value) } onChange={ (e) => this.valueIsChanging(e.target.value) } placeholder="Enter value" value={ this.state.value } />
-                      <InputGroup.Addon>{this.state.unit}</InputGroup.Addon>
+                      <InputGroup.Append>
+                        <InputGroup.Text>{this.state.unit}</InputGroup.Text>
+                      </InputGroup.Append>
                     </InputGroup>
                   </Col>
                 </FormGroup>