From 60ce36a7f254921b12019645f0ddf7fffe1226a0 Mon Sep 17 00:00:00 2001
From: Ian Houghton <sales@redmorello.com>
Date: Mon, 22 Jan 2018 22:03:35 +0000
Subject: [PATCH] U4-10864 add button when search returns no results, to clear
 the search

---
 .../src/controllers/search.controller.js             |  5 +++--
 .../views/components/application/umb-navigation.html | 12 ++++++++----
 src/Umbraco.Web.UI/umbraco/config/lang/en.xml        |  1 +
 src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml     |  1 +
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/controllers/search.controller.js b/src/Umbraco.Web.UI.Client/src/controllers/search.controller.js
index 57ddb6babd..ef566ac4fa 100644
--- a/src/Umbraco.Web.UI.Client/src/controllers/search.controller.js
+++ b/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
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/application/umb-navigation.html b/src/Umbraco.Web.UI.Client/src/views/components/application/umb-navigation.html
index d3eed009c3..94cc589355 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/application/umb-navigation.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/application/umb-navigation.html
@@ -35,10 +35,14 @@
 
           <umb-load-indicator ng-if="isSearching"></umb-load-indicator>
 
-          <umb-empty-state
-            ng-if="!hasResults && !isSearching"
-            position="center">
-            <localize key="general_searchNoResult"></localize>
+          <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">
diff --git a/src/Umbraco.Web.UI/umbraco/config/lang/en.xml b/src/Umbraco.Web.UI/umbraco/config/lang/en.xml
index d8235f61af..84bf7449f8 100644
--- a/src/Umbraco.Web.UI/umbraco/config/lang/en.xml
+++ b/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>
diff --git a/src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml b/src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml
index d09a904ded..5b0c7f8507 100644
--- a/src/Umbraco.Web.UI/umbraco/config/lang/en_us.xml
+++ b/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>