wip(search-engine): edit rules

Signed-off-by: Gianfranco Manganiello <gmanganiello@teclib.com>

Author: Gianfranco97

src/containers/SearchEngine/components/QueryBuilder/Group.js

@@ -65,7 +65,7 @@ class Group extends PureComponent {
       return (
         <Rule
           key={`criteria-${index.toString()}`}
-          id={index}
+          id={[index]}
           type="criteria"
           changeRule={this.props.changeRule}
           fieldList={this.props.fieldList}
@@ -77,7 +77,7 @@ class Group extends PureComponent {
     return (
       <Rule
         key={`metacriteria-${index.toString()}`}
-        id={index}
+        id={[index]}
         type="metacriteria"
         changeRule={this.props.changeRule}
         {...rule}

src/containers/SearchEngine/components/QueryBuilder/Rule.js

@@ -182,7 +182,7 @@ Rule.defaultProps = {
 }
 
 Rule.propTypes = {
-  id: PropTypes.number.isRequired,
+  id: PropTypes.array.isRequired,
   itemtype: PropTypes.string,
   field: PropTypes.string,
   fieldList: PropTypes.array,

src/containers/SearchEngine/components/QueryBuilder/SubGroup.js

@@ -64,21 +64,32 @@ class SubGroup extends PureComponent {
 
   render() {
     const render = []
-    const { index } = this.props
     const rules = SubGroup.getRules(this.props.rule)
 
-    rules.forEach((rule) => {
+    rules.forEach((rule, index) => {
       if (!rule.criteria && !rule.metacriteria) {
         if (!rule.itemtype) {
-          render.push(this.selectRule('criteria', rule, index))
+          render.push(
+            this.selectRule(
+              'criteria',
+              rule,
+              [...this.props.index, 'criteria', index],
+            ),
+          )
         } else {
-          render.push(this.selectRule('metacriteria', rule, index))
+          render.push(
+            this.selectRule(
+              'metacriteria',
+              rule,
+              [...this.props.index, 'metacriteria', index],
+            ),
+          )
         }
       } else {
         render.push(
           <SubGroup
             key={`group-${index.toString()}`}
-            index={[index]}
+            index={[...this.props.index, index]}
             rule={rule}
             changeRule={this.props.changeRule}
             fieldList={this.props.fieldList}

src/containers/SearchEngine/components/QueryBuilder/index.js

@@ -99,6 +99,18 @@ class QueryBuilder extends PureComponent {
               searchtype: 'contains',
               value: '',
             },
+            {
+              link: 'AND',
+              field: fieldList[0].value,
+              searchtype: 'contains',
+              value: 'test',
+            },
+            {
+              link: 'AND',
+              field: fieldList[0].value,
+              searchtype: 'contains',
+              value: '',
+            },
           ],
         },
       ],
@@ -135,19 +147,38 @@ class QueryBuilder extends PureComponent {
    */
   changeRule = (type, id, newValue) => {
     const CurrentRules = this.state[type]
-    const newRules = [...CurrentRules]
-
-    if (newValue) {
-      newRules[id] = { ...newRules[id], ...newValue }
-
-      this.setState({
-        [type]: newRules,
-      })
-    } else {
-      this.setState({
-        [type]: newRules.slice(0, id).concat(newRules.slice(id + 1)),
-      })
-    }
+    let newRules = [...CurrentRules]
+
+    console.log(id)
+
+    let rule = [...CurrentRules]
+    id.forEach((index) => {
+      rule = rule[index]
+    })
+
+    let y
+    id.forEach((index) => {
+      if (y) {
+        newRules = { ...newRules[index] }
+      }
+      y = index
+    })
+
+    console.log(rule)
+    console.log(newRules)
+
+
+    // if (newValue) {
+    //   newRules[id] = { ...newRules[id], ...newValue }
+
+    //   this.setState({
+    //     [type]: newRules,
+    //   })
+    // } else {
+    //   this.setState({
+    //     [type]: newRules.slice(0, id).concat(newRules.slice(id + 1)),
+    //   })
+    // }
   }
 
   /**