schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2025-01-14 20:23:27 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use min and max from spec in number field

Browse source
This commit is contained in:
Lukas Martinelli 2016-12-21 10:31:38 +01:00
parent bc05c11cef
commit 2a34424898
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/fields/NumberField.jsx
View file

@ -25,12 +25,20 @@ class NumberField extends React.Component {
} }
render() { render() {
let stepSize = null
if(this.props.max && this.props.min) {
stepSize = (this.props.max - this.props.min) / 10
}
return <input return <input
style={{ style={{
...input.input, ...input.input,
...this.props.style ...this.props.style
}} }}
type="number" type="number"
min={this.props.min}
max={this.props.max}
step={stepSize}
name={this.props.name} name={this.props.name}
placeholder={this.props.default} placeholder={this.props.default}
value={this.props.value} value={this.props.value}

4
src/components/fields/SpecField.jsx
View file

@ -49,8 +49,8 @@ export default class SpecField extends React.Component {
<NumberField <NumberField
{...commonProps} {...commonProps}
default={this.props.fieldSpec.default} default={this.props.fieldSpec.default}
min={this.props.fieldSpec.min} min={this.props.fieldSpec.minimum}
max={this.props.fieldSpec.max} max={this.props.fieldSpec.maximum}
unit={this.props.fieldSpec.unit} unit={this.props.fieldSpec.unit}
/> />
) )