WIP: working on tree picker with search for list views

src/Umbraco.Web.UI.Client/src/less/forms.less

@@ -50,7 +50,7 @@ label.control-label {
 }
 .form-search a{
     text-decoration:none;
-    color: @grayLight;
+    cursor:pointer;
 }
 .form-search a:hover{
     color: @gray;
@@ -61,7 +61,7 @@ label.control-label {
 .form-search small {
     color: @grayLight;
 }
-.form-search .icon-search {
+.form-search .icon, .form-search .icon-search {
   position: absolute;
   top: 6px;
   left: 4px;

src/Umbraco.Web.UI.Client/src/views/common/dialogs/treepicker.controller.js

@@ -104,11 +104,7 @@ angular.module("umbraco").controller("Umbraco.Dialogs.TreePickerController",
                     }
 	            }
 	            else {
-
-	                $scope.results = [];
-	                $scope.term = "";
-	                $scope.oldTerm = undefined;
-
+                    
 	                $scope.hideSearch();
 
 	                //if an entity has been passed in, use it
@@ -167,6 +163,9 @@ angular.module("umbraco").controller("Umbraco.Dialogs.TreePickerController",
         $scope.hideSearch = function() {
             $scope.showSearch = false;
             $scope.searchSubHeader = null;
+            $scope.term = "";
+            $scope.oldTerm = "";
+            $scope.results = [];
         }
 
 	    //handles the on key up for searching, but we don't want to over query so the result is debounced
@@ -193,9 +192,7 @@ angular.module("umbraco").controller("Umbraco.Dialogs.TreePickerController",
 	            else {
 
 	                //if (!$scope.searchSubHeader) {
-	                //    $scope.oldTerm = "";
 	                //    $scope.hideSearch();
-	                //    $scope.results = [];
 	                //}
 	                
 	            }

src/Umbraco.Web.UI.Client/src/views/common/dialogs/treepicker.html

@@ -2,8 +2,8 @@
     <div class="umb-panel-header">
         <div class="umb-el-wrap umb-panel-buttons">
             <div class="form-search">
-                <i class="icon-search" ng-if="!showSearch"></i>
-                <a class="icon-delete" ng-if="showSearch" title="Cancel" ng-click="hideSearch()"></a>
+                <i class="icon icon-search" ng-if="!showSearch"></i>
+                <a class="icon icon-delete" ng-if="showSearch" title="Cancel" ng-click="hideSearch()"></a>
                 <input type="text"
                     ng-model="term"
                     class="umb-search-field search-query"