From 6ff100a7c7bab80768d9d5ece323696c38e50dbd Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Mon, 31 Aug 2020 19:31:50 +0200
Subject: [PATCH] Update umb-mini-search component (#8566)

---
 .../components}/umbminisearch.component.js        | 15 +++++++++------
 .../src/views/components/umb-mini-search.html     | 14 ++++++++++++++
 .../umb-mini-search/umb-mini-search.html          | 15 ---------------
 3 files changed, 23 insertions(+), 21 deletions(-)
 rename src/Umbraco.Web.UI.Client/src/{views/components/umb-mini-search => common/directives/components}/umbminisearch.component.js (79%)
 create mode 100644 src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search.html
 delete mode 100644 src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search/umb-mini-search.html

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search/umbminisearch.component.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbminisearch.component.js
similarity index 79%
rename from src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search/umbminisearch.component.js
rename to src/Umbraco.Web.UI.Client/src/common/directives/components/umbminisearch.component.js
index d7aee744e4..6c65cb6e23 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search/umbminisearch.component.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbminisearch.component.js
@@ -4,7 +4,7 @@
     angular
         .module('umbraco')
         .component('umbMiniSearch', {
-            templateUrl: 'views/components/umb-mini-search/umb-mini-search.html',
+            templateUrl: 'views/components/umb-mini-search.html',
             controller: UmbMiniSearchController,
             controllerAs: 'vm',
             bindings: {
@@ -18,6 +18,9 @@
     function UmbMiniSearchController($scope) {
         
         var vm = this;
+
+        vm.onKeyDown = onKeyDown;
+        vm.onChange = onChange;
         
         var searchDelay = _.debounce(function () {
             $scope.$apply(function () {
@@ -27,23 +30,23 @@
             });
         }, 500);
     
-        vm.onKeyDown = function (ev) {
+        function onKeyDown(evt) {
             //13: enter
-            switch (ev.keyCode) {
+            switch (evt.keyCode) {
                 case 13:
                     if (vm.onSearch) {
                         vm.onSearch();
                     }
                     break;
             }
-        };
+        }
     
-        vm.onChange = function () {
+        function onChange() {
             if (vm.onStartTyping) {
                 vm.onStartTyping();
             }
             searchDelay();
-        };
+        }
 
     }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search.html
new file mode 100644
index 0000000000..3c95dbae5b
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search.html
@@ -0,0 +1,14 @@
+<ng-form class="umb-mini-search" ng-class="{'--has-value': vm.model !== null && vm.model !== ''}" novalidate>
+    <i class="icon icon-search" aria-hidden="true"></i>
+    <input type="text"
+           class="form-control search-input"
+           localize="placeholder,label"
+           label="@general_typeToSearch"
+           placeholder="@general_typeToSearch"
+           ng-model="vm.model"
+           ng-change="vm.onChange()"
+           ng-keydown="vm.onKeyDown($event)"
+           ng-blur="vm.onBlur($event)"
+           prevent-enter-submit
+           no-dirty-check>
+</ng-form>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search/umb-mini-search.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search/umb-mini-search.html
deleted file mode 100644
index d4e75908bd..0000000000
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-search/umb-mini-search.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<ng-form class="umb-mini-search" ng-class="{'--has-value': vm.model !== null && vm.model !== ''}" novalidate>
-    <i class="icon icon-search" aria-hidden="true"></i>
-    <input
-        class="form-control search-input"
-        type="text"
-        localize="placeholder,label"
-        label="@general_typeToSearch"
-        placeholder="@general_typeToSearch"
-        ng-model="vm.model"
-        ng-change="vm.onChange()"
-        ng-keydown="vm.onKeyDown($event)"
-        ng-blur="vm.onBlur($event)"
-        prevent-enter-submit
-        no-dirty-check>
-</ng-form>