Merge pull request #2419 from umbraco/redmorello-U4-10864_close_back_office_search_results

Redmorello u4 10864 close back office search results

src/Umbraco.Web.UI.Client/src/controllers/search.controller.js

@@ -14,7 +14,6 @@ function SearchController($scope, searchService, $log, $location, navigationServ
     $scope.isSearching = false;
     $scope.selectedResult = -1;
 
-
     $scope.navigateResults = function (ev) {
         //38: up 40: down, 13: enter
 
@@ -34,12 +33,14 @@ function SearchController($scope, searchService, $log, $location, navigationServ
         }
     };
 
-
     var group = undefined;
     var groupIndex = -1;
     var itemIndex = -1;
     $scope.selectedItem = undefined;
 
+    $scope.clearSearch = function () {
+        $scope.searchTerm = null;
+    };
 
     function iterateResults(up) {
         //default group

src/Umbraco.Web.UI.Client/src/views/components/application/umb-navigation.html

@@ -36,9 +36,14 @@
 
                     <umb-load-indicator ng-if="isSearching"></umb-load-indicator>
 
-                    <umb-empty-state ng-if="!hasResults && !isSearching"
-                                     position="center">
+                    <umb-empty-state ng-if="!hasResults && !isSearching" position="center">
                         <localize key="general_searchNoResult"></localize>
+                        <br />
+                        <button type="button" class="btn umb-button__button btn-info umb-button--" ng-click="clearSearch()" hotkey="" hotkey-when-hidden="">
+                            <span class="umb-button__content">
+                                <localize key="general_clearSearch" class="ng-isolate-scope ng-scope ng-binding">Clear Search</localize>
+                            </span>
+                        </button>
                     </umb-empty-state>
 
                     <ul class="umb-tree" ng-if="!isSearching && hasResults">

src/Umbraco.Web.UI/umbraco/config/lang/en.xml

@@ -604,6 +604,7 @@
         <key alias="rights">Permissions</key>
         <key alias="search">Search</key>
         <key alias="searchNoResult">Sorry, we can not find what you are looking for</key>
+        <key alias="clearSearch">Clear search</key>
         <key alias="noItemsInList">No items have been added</key>
         <key alias="server">Server</key>
         <key alias="show">Show</key>

src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml

@@ -604,6 +604,7 @@
         <key alias="rights">Permissions</key>
         <key alias="search">Search</key>
         <key alias="searchNoResult">Sorry, we can not find what you are looking for</key>
+        <key alias="clearSearch">Clear search</key>
         <key alias="noItemsInList">No items have been added</key>
         <key alias="server">Server</key>
         <key alias="show">Show</key>