app/common/directives/log-search-control.js

window.angular && (function(angular) {
  'use strict';

  angular
    .module('app.common.directives')
    .directive('logSearchControl', ['APIUtils', function(APIUtils) {
      return {
        'restrict': 'E',
        'template': require('./log-search-control.html'),
        'controller': ['$rootScope', '$scope', 'dataService', '$location', function($rootScope, $scope, dataService, $location) {
          $scope.dataService = dataService;
          $scope.doSearchOnEnter = function(event) {
            var search = $scope.customSearch.replace(/^\s+/g, '').replace(/\s+$/g, '');
            if (event.keyCode === 13 &&
              search.length >= 2) {
              $scope.clearSearchItem();
              $scope.addSearchItem(search);
            }
            else {
              if (search.length == 0) {
                $scope.clearSearchItem();
              }
            }
          };

          $scope.clear = function() {
            $scope.customSearch = '';
            $scope.clearSearchItem();
          };

          $scope.doSearchOnClick = function() {
            var search = $scope.customSearch.replace(/^\s+/g, '').replace(/\s+$/g, '');
            if (search.length >= 2) {
              $scope.clearSearchItem();
              $scope.addSearchItem(search);
            }
            else {
              if (search.length == 0) {
                $scope.clearSearchItem();
              }
            }
          };
        }]
      };
    }]);
})(window.angular);