schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-28 18:41:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Handle on change in field

Browse source
This commit is contained in:
lukasmartinelli 2016-09-12 20:29:53 +02:00
parent 7c7c8b7111
commit ae0a12dcd8
5 changed files with 25 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/fields/color.jsx
View file

@ -11,9 +11,13 @@ static propTypes = {
doc: React.PropTypes.string, doc: React.PropTypes.string,
} }
onChange(e) {
return this.props.onChange(e.target.value)
}
render() { render() {
return <Input return <Input
onChange={this.props.onChange} onChange={this.onChange.bind(this)}
label={this.props.name} label={this.props.name}
name={this.props.name} name={this.props.name}
value={this.props.value} value={this.props.value}

6
src/fields/enum.jsx
View file

@ -10,12 +10,16 @@ class EnumField extends React.Component {
doc: React.PropTypes.string, doc: React.PropTypes.string,
} }
onChange(e) {
return this.props.onChange(e.target.value)
}
render() { render() {
const options = this.props.allowedValues.map(val => { const options = this.props.allowedValues.map(val => {
return {children: val, value: val} return {children: val, value: val}
}) })
return <Select return <Select
onChange={this.props.onChange} onChange={this.onChange.bind(this)}
name={this.props.name} name={this.props.name}
options={options} options={options}
label={this.props.name} label={this.props.name}

9
src/fields/number.jsx
View file

@ -14,9 +14,14 @@ class NumberField extends React.Component {
doc: React.PropTypes.string, doc: React.PropTypes.string,
} }
onChange(e) {
return this.props.onChange(parseFloat(e.target.value))
}
render() { render() {
return <Input type="number" return <Input
onChange={this.props.onChange} type="number"
onChange={this.onChange.bind(this)}
label={this.props.name} label={this.props.name}
name={this.props.name} name={this.props.name}
message={this.props.doc} message={this.props.doc}

4
src/fields/spec.jsx
View file

@ -18,8 +18,8 @@ class SpecField extends React.Component {
]).isRequired, ]).isRequired,
} }
onValueChanged(property, e) { onValueChanged(property, value) {
return this.props.onChange(property, e.target.value) return this.props.onChange(property, value)
} }
render() { render() {

8
src/fields/string.jsx
View file

@ -6,14 +6,18 @@ class StringField extends React.Component {
static propTypes = { static propTypes = {
onChange: React.PropTypes.func.isRequired, onChange: React.PropTypes.func.isRequired,
name: React.PropTypes.string.isRequired, name: React.PropTypes.string.isRequired,
value: React.PropTypes.number, value: React.PropTypes.string,
default: React.PropTypes.number, default: React.PropTypes.number,
doc: React.PropTypes.string, doc: React.PropTypes.string,
} }
onChange(e) {
return this.props.onChange(e.target.value)
}
render() { render() {
return <Input return <Input
onChange={this.props.onChange} onChange={this.onChange.bind(this)}
label={this.props.name} label={this.props.name}
name={this.props.name} name={this.props.name}
value={this.props.value} value={this.props.value}