Imrove global search (#2431)

Author: maciaszczykm

Diff for: src/app/backend/resource/container/logs_test.go

@@ -331,7 +331,7 @@ func TestGetLogs(t *testing.T) {
 				LogLines: logs.LogLines{logs.LogLine{
 					Timestamp: "0",
 					Content:   "an error message from api server",
-				},},
+				}},
 				Selection: logs.Selection{
 					ReferencePoint: logs.LogLineId{
 						LogTimestamp: "0",

Diff for: src/app/frontend/chrome/search/component.js

@@ -20,12 +20,33 @@ import {stateName} from '../../search/state';
 export class SearchController {
   /**
    * @param {!ui.router.$state} $state
+   * @param {!kdUiRouter.$transitions} $transitions
    * @ngInject
    */
-  constructor($state) {
+  constructor($state, $transitions) {
     /** @private {!ui.router.$state} */
     this.state_ = $state;
 
+    /** @private {!kdUiRouter.$transitions} */
+    this.transitions_ = $transitions;
+
+    /** @export {string} */
+    this.query = '';
+  }
+
+  /**
+   * Register state change listener to empty search bar with every state change.
+   */
+  $onInit() {
+    this.transitions_.onStart({}, () => {
+      this.clear();
+    });
+  }
+
+  /**
+   * @export
+   */
+  clear() {
     this.query = '';
   }
 

Diff for: src/app/frontend/chrome/search/search.html

@@ -16,9 +16,16 @@
 
 <form class="kd-search"
       ng-submit="$ctrl.submit()">
-  <md-icon class="kd-search-icon">search</md-icon>
+  <md-icon class="kd-search-icon"
+           type="submit">search</md-icon>
   <input type="search"
          placeholder="Search"
          ng-model="$ctrl.query"
+         ui-keydown="{esc: '$ctrl.clear()'}"
          required>
+  <md-icon class="kd-search-icon"
+           ng-click="$ctrl.clear()"
+           ng-show="$ctrl.query">
+    close
+  </md-icon>
 </form>