From 3371847f0dd3c4219653abc63fe0d6aec1c74bb1 Mon Sep 17 00:00:00 2001 From: Steffen Vogel Date: Tue, 5 Jun 2018 18:16:27 +0200 Subject: [PATCH] add new component for editing numbers --- .../dialog/edit-widget-number-control.js | 50 +++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 src/components/dialog/edit-widget-number-control.js diff --git a/src/components/dialog/edit-widget-number-control.js b/src/components/dialog/edit-widget-number-control.js new file mode 100644 index 0000000..0977756 --- /dev/null +++ b/src/components/dialog/edit-widget-number-control.js @@ -0,0 +1,50 @@ +/** + * File: edit-widget-text-control.js + * Author: Ricardo Hernandez-Montoya + * Date: 21.04.2017 + * + * This file is part of VILLASweb. + * + * VILLASweb is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * VILLASweb is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with VILLASweb. If not, see . + **********************************************************************************/ + +import React, { Component } from 'react'; +import { FormGroup, FormControl, ControlLabel } from 'react-bootstrap'; + +class EditWidgetNumberControl extends Component { + constructor(props) { + super(props); + + this.state = { + widget: {} + }; + } + + componentWillReceiveProps(nextProps) { + // Update state's widget with props + this.setState({ widget: nextProps.widget }); + } + + render() { + return ( + + {this.props.label} + this.props.handleChange(e)} /> + + + ); + } +} + +export default EditWidgetNumberControl;