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);