schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-09-20 10:33:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added root level light property support.

Browse source
This commit is contained in:
orangemug 2019-10-16 08:17:25 +01:00
parent 3a558412ba
commit e7622c2080
1 changed files with 55 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -7,6 +7,8 @@ import ArrayInput from '../inputs/ArrayInput'
import NumberInput from '../inputs/NumberInput'
import StringInput from '../inputs/StringInput'
import SelectInput from '../inputs/SelectInput'
import EnumInput from '../inputs/EnumInput'
import ColorField from '../fields/ColorField'
import Modal from './Modal'
class SettingsModal extends React.Component {
@ -18,6 +20,17 @@ class SettingsModal extends React.Component {
onOpenToggle: PropTypes.func.isRequired,
}
changeLightProperty(property, value) {
const changedStyle = {
...this.props.mapStyle,
light: {
...this.props.mapStyle.light,
[property]: value
}
}
this.props.onStyleChanged(changedStyle)
}
changeStyleProperty(property, value) {
const changedStyle = {
...this.props.mapStyle,
@ -30,6 +43,9 @@ class SettingsModal extends React.Component {
const metadata = this.props.mapStyle.metadata || {}
const {onChangeMetadataProperty, mapStyle} = this.props;
const inputProps = { }
const light = this.props.mapStyle.light || {};
return <Modal
data-wd-key="modal-settings"
isOpen={this.props.isOpen}
@ -140,6 +156,45 @@ class SettingsModal extends React.Component {
/>
</InputBlock>
<InputBlock label={"Light anchor"} doc={latest.light.anchor.doc}>
<EnumInput
{...inputProps}
value={light.anchor}
options={Object.keys(latest.light.anchor.values)}
default={latest.light.anchor.default}
onChange={this.changeLightProperty.bind(this, "anchor")}
/>
</InputBlock>
<InputBlock label={"Light color"} doc={latest.light.color.doc}>
<ColorField
{...inputProps}
value={light.color}
default={latest.light.color.default}
onChange={this.changeLightProperty.bind(this, "color")}
/>
</InputBlock>
<InputBlock label={"Light intensity"} doc={latest.light.intensity.doc}>
<NumberInput
{...inputProps}
value={light.intensity}
default={latest.light.intensity.default}
onChange={this.changeLightProperty.bind(this, "intensity")}
/>
</InputBlock>
<InputBlock label={"Light position"} doc={latest.light.position.doc}>
<ArrayInput
{...inputProps}
length={latest.light.position.length}
value={light.position}
default={latest.light.position.default}
onChange={this.changeLightProperty.bind(this, "position")}
/>
</InputBlock>
</div>
</Modal>
}