schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-27 09:15:29 +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() {
let stepSize = null
if(this.props.max && this.props.min) {
stepSize = (this.props.max - this.props.min) / 10
}
return <input
style={{
...input.input,
...this.props.style
}}
type="number"
min={this.props.min}
max={this.props.max}
step={stepSize}
name={this.props.name}
placeholder={this.props.default}
value={this.props.value}

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

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