clear search input

Author: vabarbosa

public/js/seams.js

@@ -592,6 +592,11 @@ seamsApp.controller('seamsController', ['$scope', '$route', '$routeParams', '$lo
 				  }
 			  }
 		};
+		
+		$scope.clearSearch = function() {
+			$('#q').val('*:*');
+			$scope.search();
+		}
 
 	}]
 );
@@ -711,6 +716,7 @@ seamsApp.directive('previewSearchHtml', function(){
 
 		    	  if ($('#q')) {
 		    		  $('#q').val(query);
+		    		  scope.$root.searchdirty = (query !== "*:*");
 		    	  }
 
 		    	  scope.search();

public/seams.css

@@ -37,3 +37,15 @@
 .tag-list_tag.active span {
     font-weight:700;
 }
+
+.input_text-clear {
+    color: #323232;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 1.35rem;
+    height: 2rem;
+    padding: 0 1rem;
+    position: absolute;
+    right: 100px;
+    white-space: nowrap;
+}

views/templates/search.html

@@ -20,7 +20,8 @@ <h1 class="type_heading"><mark class="type_mark">Preview Search</mark></h1>
     <div class="form_field" id="searchcontrol">
       <div class="form_addon-group">
         <!-- <span class="form_text-addon">https://.../search?q=</span> -->
-        <input type="text" class="input_text" id="q" placeholder="" name="searchterm" >
+        <input type="text" class="input_text" id="q" placeholder="" name="searchterm" ng-model="querystring" ng-change="searchdirty = querystring !== '*:*'">
+        <span class="input_text-clear" ng-click="searchdirty = false;clearSearch();" ng-show="searchdirty">&times;</span>
         <button type="submit" class="button_primary search_button" ng-click="search()"> Search </button>
       </div>
     </div>

views/templates/searchhtml.html

@@ -28,12 +28,12 @@ <h3 class="type_subhead">Rows <small ng-class="{'api-summary-message':message}"
           <tbody>
             <tr ng-repeat="row in searchDocs.data.rows">
               <td ng-repeat="docfield in searchDocs.fields">
-                <ul ng-show="isArray(row[docfield.name])">
+                <ul ng-if="isArray(row[docfield.name])">
                   <li ng-repeat="field in row[docfield.name]">
                     {{field == "null" ? '' : field | ellipsize:20}}
                   </li>
                 </ul>
-                <span ng-show="!isArray(row[docfield.name])">{{row[docfield.name] == "null" ? '' : row[docfield.name] | ellipsize:20}}</span>
+                <span ng-if="!isArray(row[docfield.name])">{{row[docfield.name] == "null" ? '' : row[docfield.name] | ellipsize:20}}</span>
               </td>
             </tr>
           </tbody>