From ed9b80614307b27c5602461e223f5a1e89ac3a93 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Mon, 9 Jan 2017 16:33:26 +0100
Subject: [PATCH] Add filter item

---
 src/components/filter/FilterEditor.jsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/filter/FilterEditor.jsx b/src/components/filter/FilterEditor.jsx
index f6535f6..804a4f8 100644
--- a/src/components/filter/FilterEditor.jsx
+++ b/src/components/filter/FilterEditor.jsx
@@ -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>
   }