From 51e0064636989945c6525ca3a177628101ea07cd Mon Sep 17 00:00:00 2001
From: JuanCarlos <juanca.romo9@gmail.com>
Date: Wed, 6 Mar 2019 11:18:25 +0100
Subject: [PATCH 1/4] Change the operators between tags

---
 .../wz-tag-filter/wz-tag-filter.html          | 17 +++--
 .../directives/wz-tag-filter/wz-tag-filter.js | 67 +++++++++++++++----
 .../wz-tag-filter/wz-tag-filter.less          |  6 +-
 3 files changed, 71 insertions(+), 19 deletions(-)

diff --git a/public/directives/wz-tag-filter/wz-tag-filter.html b/public/directives/wz-tag-filter/wz-tag-filter.html
index 75e440ea64..949d4163bf 100644
--- a/public/directives/wz-tag-filter/wz-tag-filter.html
+++ b/public/directives/wz-tag-filter/wz-tag-filter.html
@@ -9,18 +9,23 @@
                             <span class='wz-tag-remove-button fa' ng-class='(tag.type === "filter") ? "fa-filter" : "fa-search"'></span>
                             <span class=''>{{tag.value.name}} <span ng-show='tag.type === "filter"'>:
                                     {{tag.value.value}}</span></span>
-                            <a class='wz-tag-remove-button' ng-click='removeTag(tag.id, false)'>×</a>
+                            <a class='wz-tag-remove-button' ng-click='removeTag(tag.id, false, $parent.$index, $index)'>×</a>
                         </div>
-                        <span class='wz-tag-item-connector' ng-show='$index != group.length - 1'>OR</span>
+                        <button ng-click="changeConnector($parent.$index, $index)" class="pointer" ng-show='$index != group.length - 1'><span
+                                class='wz-tag-item-connector'>{{connectors[$parent.$index].subgroup[$index].value ===
+                                ';' ? 'AND' : 'OR' }}</span></button>
                     </div>
-                    <a ng-show='group.length > 1' class='wz-tag-remove-button-group' ng-click='removeTag(group[0].key, true)'>×</a>
+                    <a ng-show='group.length > 1' class='wz-tag-remove-button-group' ng-click='removeTag(group[0].key, true, $index - 1)'>×</a>
                 </div>
-                <span class='wz-tag-item-connector' ng-show='$index != groupedTagList.length - 1'> AND </span>
+                <button ng-click="changeConnector($index)" class="pointer" ng-show='$index != groupedTagList.length - 1'><span
+                        class='wz-tag-item-connector'>
+                        {{connectors[$index].value === ';' ? 'AND' : 'OR'}}
+                    </span></button>
             </li>
         </ul>
         <input id='wz-search-filter-bar-input' class='wz-search-filter-bar-input input' type='text' ng-model='newTag'
-            ng-focus='showAutocomplete(true)' ng-blur='showAutocomplete(false)'
-            placeholder='Add filter or search' ng-keyup='!autocompleteEnter && $event.keyCode == 13 ? addTag(true) : addSearchKey($event)' />
+            ng-focus='showAutocomplete(true)' ng-blur='showAutocomplete(false)' placeholder='Add filter or search'
+            ng-keyup='!autocompleteEnter && $event.keyCode == 13 ? addTag(true) : addSearchKey($event)' />
         <div id='wz-search-filter-bar-autocomplete' class='wz-search-filter-bar-autocomplete' ng-show='isAutocomplete && autocompleteContent.list.length > 0'>
             <p><b>{{autocompleteContent.title}}</b></p>
             <ul id='wz-search-filter-bar-autocomplete-list'>
diff --git a/public/directives/wz-tag-filter/wz-tag-filter.js b/public/directives/wz-tag-filter/wz-tag-filter.js
index dd170a2cab..5958362d54 100644
--- a/public/directives/wz-tag-filter/wz-tag-filter.js
+++ b/public/directives/wz-tag-filter/wz-tag-filter.js
@@ -16,7 +16,7 @@ import { uiModules } from 'ui/modules';
 
 const app = uiModules.get('app/wazuh', []);
 
-app.directive('wzTagFilter', function() {
+app.directive('wzTagFilter', function () {
   return {
     restrict: 'E',
     scope: {
@@ -34,6 +34,7 @@ app.directive('wzTagFilter', function() {
 
       $scope.tagList = [];
       $scope.groupedTagList = [];
+      $scope.connectors = [];
       $scope.newTag = '';
       $scope.isAutocomplete = false;
       $scope.dataModel = [];
@@ -83,6 +84,7 @@ app.directive('wzTagFilter', function() {
             ) {
               $scope.tagList.push(tag);
               $scope.groupedTagList = groupBy($scope.tagList, 'key');
+              $scope.connectors = addConnectors($scope.groupedTagList);
               buildQuery($scope.groupedTagList);
             }
             $scope.showAutocomplete(flag);
@@ -103,15 +105,11 @@ app.directive('wzTagFilter', function() {
             query: '',
             search: ''
           };
-          let first = true;
-          for (const group of groups) {
+          groups.forEach((group, idx) => {
             const search = group.find(x => x.type === 'search');
             if (search) {
               queryObj.search = search.value.name;
             } else {
-              if (!first) {
-                queryObj.query += ';';
-              }
               const twoOrMoreElements = group.length > 1;
               if (twoOrMoreElements) {
                 queryObj.query += '(';
@@ -121,15 +119,17 @@ app.directive('wzTagFilter', function() {
                 .forEach((tag, idx2) => {
                   queryObj.query += tag.key + '=' + tag.value.value;
                   if (idx2 != group.length - 1) {
-                    queryObj.query += ',';
+                    queryObj.query += $scope.connectors[idx].subgroup[idx2].value;
                   }
                 });
               if (twoOrMoreElements) {
                 queryObj.query += ')';
               }
-              first = false;
+              if (idx != groups.length - 1) {
+                queryObj.query += $scope.connectors[idx].value;
+              }
             }
-          }
+          });
           $scope.queryFn({ q: queryObj.query, search: queryObj.search });
         } catch (error) {
           errorHandler.handle(error, 'Error in query request');
@@ -156,6 +156,38 @@ app.directive('wzTagFilter', function() {
         return result;
       };
 
+      const addConnectors = (groups) => {
+        const result = [];
+        groups
+          .forEach((group, index) => {
+            result.push({});
+            const subGroup = [];
+            group
+              .forEach((tag, idx) => {
+                if (idx != group.length - 1) {
+                  subGroup.push({ value: (((($scope.connectors || [])[index] || {}).subgroup || [])[idx] || {}).value || ',' });
+                }
+              });
+            if (subGroup.length > 0)
+              result[index].subgroup = subGroup;
+            if (index != groups.length - 1) {
+              result[index].value = (($scope.connectors || [])[index] || {}).value || ';';
+            }
+          });
+        return result;
+      };
+
+      $scope.changeConnector = (parentIdx, idx) => {
+        if (idx !== undefined) {
+          const value = $scope.connectors[parentIdx].subgroup[idx].value;
+          $scope.connectors[parentIdx].subgroup[idx].value = value === ';' ? ',' : ';'
+        } else {
+          const value = $scope.connectors[parentIdx].value;
+          $scope.connectors[parentIdx].value = value === ';' ? ',' : ';'
+        }
+        buildQuery($scope.groupedTagList);
+      };
+
       /**
        * Add key part of filter to search bar
        */
@@ -179,11 +211,22 @@ app.directive('wzTagFilter', function() {
       /**
        * This remove tag from search bar
        */
-      $scope.removeTag = (id, deleteGroup) => {
+      $scope.removeTag = (id, deleteGroup, parentIdx, idx) => {
         if (deleteGroup) {
           $scope.tagList = $scope.tagList.filter(x => x.key !== id);
+          $scope.connectors.splice(parentIdx, 1);
         } else {
           $scope.tagList.splice($scope.tagList.findIndex(x => x.id === id), 1);
+          if (idx < 0) {
+            idx = 0;
+          }
+          if ($scope.connectors[parentIdx].subgroup) {
+            $scope.connectors[parentIdx].subgroup.splice(idx, 1);
+          } else
+            $scope.connectors.splice(parentIdx, 1);
+        }
+        if ($scope.tagList.length <= 1) {
+          $scope.connectors = [{}];
         }
         $scope.groupedTagList = groupBy($scope.tagList, 'key');
         buildQuery($scope.groupedTagList);
@@ -299,7 +342,7 @@ app.directive('wzTagFilter', function() {
       /**
        * This set to bar a keydown listener to show the autocomplete
        */
-      $('#wz-search-filter-bar-input').bind('keydown', function(e) {
+      $('#wz-search-filter-bar-input').bind('keydown', function (e) {
         let $current = $('#wz-search-filter-bar-autocomplete-list li.selected');
         if ($current.length === 0 && (e.keyCode === 38 || e.keyCode === 40)) {
           $('#wz-search-filter-bar-autocomplete-list li')
@@ -348,4 +391,4 @@ app.directive('wzTagFilter', function() {
     },
     template
   };
-});
+});
\ No newline at end of file
diff --git a/public/directives/wz-tag-filter/wz-tag-filter.less b/public/directives/wz-tag-filter/wz-tag-filter.less
index 4ebb55d455..88421e7fcd 100644
--- a/public/directives/wz-tag-filter/wz-tag-filter.less
+++ b/public/directives/wz-tag-filter/wz-tag-filter.less
@@ -68,6 +68,10 @@
     padding: 0px 5px;
 }
 
+.wz-tag-item-connector:hover {
+    text-decoration: underline;
+}
+
 .wz-tag-remove-button{
     color: #b2ccd4;
 }
@@ -119,4 +123,4 @@
     background: black;
     color:#006BB4;
     cursor: pointer;
-}
+}
\ No newline at end of file

From 4b9c00b9732e01c319144484a9850f22a26eb79c Mon Sep 17 00:00:00 2001
From: JuanCarlos <juanca.romo9@gmail.com>
Date: Wed, 6 Mar 2019 12:45:06 +0100
Subject: [PATCH 2/4] Fix search

---
 .../directives/wz-tag-filter/wz-tag-filter.js | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/public/directives/wz-tag-filter/wz-tag-filter.js b/public/directives/wz-tag-filter/wz-tag-filter.js
index 5958362d54..9d01845c68 100644
--- a/public/directives/wz-tag-filter/wz-tag-filter.js
+++ b/public/directives/wz-tag-filter/wz-tag-filter.js
@@ -108,7 +108,9 @@ app.directive('wzTagFilter', function () {
           groups.forEach((group, idx) => {
             const search = group.find(x => x.type === 'search');
             if (search) {
+              $scope.searchIdx = idx;
               queryObj.search = search.value.name;
+              queryObj.query = queryObj.query.substring(0, queryObj.query.length - 1);
             } else {
               const twoOrMoreElements = group.length > 1;
               if (twoOrMoreElements) {
@@ -178,14 +180,18 @@ app.directive('wzTagFilter', function () {
       };
 
       $scope.changeConnector = (parentIdx, idx) => {
-        if (idx !== undefined) {
-          const value = $scope.connectors[parentIdx].subgroup[idx].value;
-          $scope.connectors[parentIdx].subgroup[idx].value = value === ';' ? ',' : ';'
+        if (parentIdx === $scope.searchIdx - 1 && idx === undefined) {
+          $scope.connectors[parentIdx].value = ';';
         } else {
-          const value = $scope.connectors[parentIdx].value;
-          $scope.connectors[parentIdx].value = value === ';' ? ',' : ';'
+          if (idx !== undefined) {
+            const value = $scope.connectors[parentIdx].subgroup[idx].value;
+            $scope.connectors[parentIdx].subgroup[idx].value = value === ';' ? ',' : ';'
+          } else {
+            const value = $scope.connectors[parentIdx].value;
+            $scope.connectors[parentIdx].value = value === ';' ? ',' : ';'
+          }
+          buildQuery($scope.groupedTagList);
         }
-        buildQuery($scope.groupedTagList);
       };
 
       /**
@@ -229,6 +235,10 @@ app.directive('wzTagFilter', function () {
           $scope.connectors = [{}];
         }
         $scope.groupedTagList = groupBy($scope.tagList, 'key');
+        const search = $scope.tagList.find(x => x.type === 'search');
+        if (!search) {
+          $scope.searchIdx = false;
+        }
         buildQuery($scope.groupedTagList);
         $scope.showAutocomplete(false);
       };

From e83040f0c86254b5e02e36d9ba4ea068af50e601 Mon Sep 17 00:00:00 2001
From: JuanCarlos <juanca.romo9@gmail.com>
Date: Wed, 6 Mar 2019 13:23:36 +0100
Subject: [PATCH 3/4] Fixes

---
 .../wz-tag-filter/wz-tag-filter.html          |  1 +
 .../directives/wz-tag-filter/wz-tag-filter.js | 23 ++++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/public/directives/wz-tag-filter/wz-tag-filter.html b/public/directives/wz-tag-filter/wz-tag-filter.html
index 949d4163bf..cb85fbabda 100644
--- a/public/directives/wz-tag-filter/wz-tag-filter.html
+++ b/public/directives/wz-tag-filter/wz-tag-filter.html
@@ -26,6 +26,7 @@
         <input id='wz-search-filter-bar-input' class='wz-search-filter-bar-input input' type='text' ng-model='newTag'
             ng-focus='showAutocomplete(true)' ng-blur='showAutocomplete(false)' placeholder='Add filter or search'
             ng-keyup='!autocompleteEnter && $event.keyCode == 13 ? addTag(true) : addSearchKey($event)' />
+        <a class='wz-tag-remove-button wz-padding-top-5' ng-click='removeAll()'><i class="fa fa-trash" aria-hidden="true"></i></a>
         <div id='wz-search-filter-bar-autocomplete' class='wz-search-filter-bar-autocomplete' ng-show='isAutocomplete && autocompleteContent.list.length > 0'>
             <p><b>{{autocompleteContent.title}}</b></p>
             <ul id='wz-search-filter-bar-autocomplete-list'>
diff --git a/public/directives/wz-tag-filter/wz-tag-filter.js b/public/directives/wz-tag-filter/wz-tag-filter.js
index 9d01845c68..0a91602b8c 100644
--- a/public/directives/wz-tag-filter/wz-tag-filter.js
+++ b/public/directives/wz-tag-filter/wz-tag-filter.js
@@ -71,7 +71,7 @@ app.directive('wzTagFilter', function () {
             };
             const idxSearch = $scope.tagList.find(x => x.type === 'search');
             if (!isFilter && idxSearch) {
-              $scope.removeTag(idxSearch.id, false);
+              $scope.removeTag(idxSearch.id, false, $scope.searchIdx, undefined, true);
             }
             if (
               !$scope.tagList.find(x => {
@@ -110,7 +110,8 @@ app.directive('wzTagFilter', function () {
             if (search) {
               $scope.searchIdx = idx;
               queryObj.search = search.value.name;
-              queryObj.query = queryObj.query.substring(0, queryObj.query.length - 1);
+              if (idx === groups.length - 1)
+                queryObj.query = queryObj.query.substring(0, queryObj.query.length - 1);
             } else {
               const twoOrMoreElements = group.length > 1;
               if (twoOrMoreElements) {
@@ -127,7 +128,7 @@ app.directive('wzTagFilter', function () {
               if (twoOrMoreElements) {
                 queryObj.query += ')';
               }
-              if (idx != groups.length - 1) {
+              if (idx !== groups.length - 1) {
                 queryObj.query += $scope.connectors[idx].value;
               }
             }
@@ -180,7 +181,7 @@ app.directive('wzTagFilter', function () {
       };
 
       $scope.changeConnector = (parentIdx, idx) => {
-        if (parentIdx === $scope.searchIdx - 1 && idx === undefined) {
+        if ((parentIdx === $scope.searchIdx - 1 || parentIdx === $scope.searchIdx) && idx === undefined) {
           $scope.connectors[parentIdx].value = ';';
         } else {
           if (idx !== undefined) {
@@ -217,7 +218,7 @@ app.directive('wzTagFilter', function () {
       /**
        * This remove tag from search bar
        */
-      $scope.removeTag = (id, deleteGroup, parentIdx, idx) => {
+      $scope.removeTag = (id, deleteGroup, parentIdx, idx, overwrite = false) => {
         if (deleteGroup) {
           $scope.tagList = $scope.tagList.filter(x => x.key !== id);
           $scope.connectors.splice(parentIdx, 1);
@@ -226,7 +227,7 @@ app.directive('wzTagFilter', function () {
           if (idx < 0) {
             idx = 0;
           }
-          if ($scope.connectors[parentIdx].subgroup) {
+          if ($scope.connectors[parentIdx] && $scope.connectors[parentIdx].subgroup) {
             $scope.connectors[parentIdx].subgroup.splice(idx, 1);
           } else
             $scope.connectors.splice(parentIdx, 1);
@@ -239,6 +240,16 @@ app.directive('wzTagFilter', function () {
         if (!search) {
           $scope.searchIdx = false;
         }
+        $scope.connectors = addConnectors($scope.groupedTagList);
+        if (!overwrite)
+          buildQuery($scope.groupedTagList);
+        $scope.showAutocomplete(false);
+      };
+
+      $scope.removeAll = () => {
+        $scope.tagList = [];
+        $scope.connectors = [];
+        $scope.groupedTagList = [];
         buildQuery($scope.groupedTagList);
         $scope.showAutocomplete(false);
       };

From ba7a9c31d0e4097aee731e2d4a83d0735dd25393 Mon Sep 17 00:00:00 2001
From: JuanCarlos <juanca.romo9@gmail.com>
Date: Wed, 6 Mar 2019 14:59:55 +0100
Subject: [PATCH 4/4] Fixes remove all

---
 public/directives/wz-tag-filter/wz-tag-filter.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/directives/wz-tag-filter/wz-tag-filter.js b/public/directives/wz-tag-filter/wz-tag-filter.js
index 0a91602b8c..0138d756bd 100644
--- a/public/directives/wz-tag-filter/wz-tag-filter.js
+++ b/public/directives/wz-tag-filter/wz-tag-filter.js
@@ -250,6 +250,7 @@ app.directive('wzTagFilter', function () {
         $scope.tagList = [];
         $scope.connectors = [];
         $scope.groupedTagList = [];
+        $scope.searchIdx = false;
         buildQuery($scope.groupedTagList);
         $scope.showAutocomplete(false);
       };