ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-28 09:00:02 +00:00
Code Issues Projects Releases Wiki Activity

Added support for transition root property

Browse Source
This commit is contained in:
orangemug
2019-10-16 10:15:46 +01:00
parent 8c760bb810
commit d0a47bd122
1 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/modals/SettingsModal.jsx
View File

@@ -20,6 +20,17 @@ class SettingsModal extends React.Component {
onOpenToggle: PropTypes.func.isRequired,
}
changeTransitionProperty(property, value) {
const changedStyle = {
...this.props.mapStyle,
transition: {
...this.props.mapStyle.transition,
[property]: value
}
}
this.props.onStyleChanged(changedStyle)
}
changeLightProperty(property, value) {
const changedStyle = {
...this.props.mapStyle,
@@ -45,6 +56,7 @@ class SettingsModal extends React.Component {
const inputProps = { }
const light = this.props.mapStyle.light || {};
const transition = this.props.mapStyle.transition || {};
return <Modal
data-wd-key="modal-settings"
@@ -182,6 +194,24 @@ class SettingsModal extends React.Component {
/>
</InputBlock>
<InputBlock label={"Transition delay"} doc={latest.transition.delay.doc}>
<NumberInput
{...inputProps}
value={transition.delay}
default={latest.transition.delay.default}
onChange={this.changeTransitionProperty.bind(this, "delay")}
/>
</InputBlock>
<InputBlock label={"Transition duration"} doc={latest.transition.duration.doc}>
<NumberInput
{...inputProps}
value={transition.duration}
default={latest.transition.duration.default}
onChange={this.changeTransitionProperty.bind(this, "duration")}
/>
</InputBlock>
<InputBlock label={"Style Renderer"} doc={"Choose the default Maputnik renderer for this style."}>
<SelectInput {...inputProps}
data-wd-key="modal-settings.maputnik:renderer"