linting and added filter states

panels/filtering/module.html

@@ -18,7 +18,7 @@
     .filter-mustNot {
       border-bottom: #E24D42 3px solid;
     }
-    .filter-should {
+    .filter-either {
       border-bottom: #EF843C 3px solid;
     }
     .filter-action {
@@ -26,13 +26,24 @@
       margin-bottom: 0px !important;
       margin-left: 3px;
     }
+    .filter-mandate {
+      text-decoration: underline;
+      cursor: pointer;
+    }
 
   </style>
 
   <div class='filtering-container'>
     <div ng-repeat="id in filterSrv.ids" class="small filter-panel-filter">
       <div class="filter-{{filterSrv.list[id].mandate}}">
-        <strong>{{filterSrv.list[id].type}}</strong> {{filterSrv.list[id].mandate}}
+        <strong>{{filterSrv.list[id].type}}</strong> 
+        <span ng-show="!filterSrv.list[id].editing" class="filter-mandate" ng-click="filterSrv.list[id].editing = true">{{filterSrv.list[id].mandate}}</span>
+
+        <span class="small" ng-show="filterSrv.list[id].editing">
+          <select class="input-small" ng-model="filterSrv.list[id].mandate" ng-options="f for f in ['must','mustNot','either']" ng-change='filterSrv.list[id].editing=undefined;refresh()'></select>
+          <i class="pointer icon-remove" bs-tooltip="'Cancel  '" ng-click="filterSrv.list[id].editing=undefined"></i>
+        </span>
+
         <i class="filter-action pointer icon-remove" bs-tooltip="'Remove'" ng-click="remove(id)"></i>
         <i class="filter-action pointer" ng-class="{'icon-check': filterSrv.list[id].active,'icon-check-empty': !filterSrv.list[id].active}" bs-tooltip="'Toggle'" ng-click="toggle(id)"></i>