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

Add filter item

Browse source
This commit is contained in:
Lukas Martinelli 2017-01-09 16:33:26 +01:00
parent 5bb68a38c2
commit ed9b806143
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/filter/FilterEditor.jsx
View file

@ -35,6 +35,7 @@ class CombiningOperatorSelect extends React.Component {
static propTypes = {
value: React.PropTypes.string.isRequired,
onChange: React.PropTypes.func.isRequired,
style: React.PropTypes.object,
}
render() {
@ -46,6 +47,7 @@ class CombiningOperatorSelect extends React.Component {
style={{
marginTop: margins[1],
marginBottom: margins[1],
...this.props.style
}}
>
<select
@ -176,6 +178,12 @@ export default class CombiningFilterEditor extends React.Component {
this.props.onChange(newFilter)
}
addFilterItem() {
const newFilterItem = this.combiningFilter().slice(0)
newFilterItem.push(['==', 'name', ''])
this.props.onChange(newFilterItem)
}
render() {
const filter = this.combiningFilter()
let combiningOp = filter[0]
@ -211,7 +219,12 @@ export default class CombiningFilterEditor extends React.Component {
<CombiningOperatorSelect
value={combiningOp}
onChange={this.onFilterPartChanged.bind(this, 0)}
style={{
display: 'inline-block',
width: '80%'
}}
/>
<Button onClick={this.addFilterItem.bind(this)}>Add filter</Button>
{filterEditors}
</div>
}