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

Fix setting style properties in settings modal

Browse source
This commit is contained in:
Lukas Martinelli 2016-12-29 17:32:23 +01:00
parent d16c3f4356
commit a5307054b3
1 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/modals/SettingsModal.jsx
View file

@ -18,17 +18,20 @@ class SettingsModal extends React.Component {
super(props);
}
onChange(property, e) {
const changedStyle = this.props.mapStyle.set(property, e.target.value)
changeStyleProperty(property, value) {
const changedStyle = {
...this.props.mapStyle,
[property]: value
}
this.props.onStyleChanged(changedStyle)
}
onMetadataChange(key, value) {
changeMetadataProperty(property, value) {
const changedStyle = {
...this.props.mapStyle,
metadata: {
...this.props.mapStyle.metadata,
[key]: value
[property]: value
}
}
this.props.onStyleChanged(changedStyle)
@ -45,33 +48,33 @@ class SettingsModal extends React.Component {
<InputBlock label={"Name"}>
<StringInput {...inputProps}
value={this.props.mapStyle.name}
onChange={this.onChange.bind(this, "name")}
onChange={this.changeStyleProperty.bind(this, "name")}
/>
</InputBlock>
<InputBlock label={"Owner"}>
<StringInput {...inputProps}
value={this.props.mapStyle.owner}
onChange={this.onChange.bind(this, "owner")}
onChange={this.changeStyleProperty.bind(this, "owner")}
/>
</InputBlock>
<InputBlock label={"Sprite URL"}>
<StringInput {...inputProps}
value={this.props.mapStyle.sprite}
onChange={this.onChange.bind(this, "sprite")}
onChange={this.changeStyleProperty.bind(this, "sprite")}
/>
</InputBlock>
<InputBlock label={"Glyphs URL"}>
<StringInput {...inputProps}
value={this.props.mapStyle.glyphs}
onChange={this.onChange.bind(this, "glyphs")}
onChange={this.changeStyleProperty.bind(this, "glyphs")}
/>
</InputBlock>
<InputBlock label={"Access Token"}>
<StringInput {...inputProps}
value={metadata['maputnik:access_token']}
onChange={this.onMetadataChange.bind(this, "maputnik:access_token")}
onChange={this.changeMetadataProperty.bind(this, "maputnik:access_token")}
/>
</InputBlock>
@ -83,7 +86,7 @@ class SettingsModal extends React.Component {
['inspection', 'Inspection Mode'],
]}
value={metadata['maputnik:renderer'] || 'mbgljs'}
onChange={this.onMetadataChange.bind(this, 'maputnik:renderer')}
onChange={this.changeMetadataProperty.bind(this, 'maputnik:renderer')}
/>
</InputBlock>
</Modal>