Autofocus search field on browsing media in entry edit

KeyteqLabs · Jan 12, 2015 · 0f490f4 · 0f490f4
1 parent 0d02150
commit 0f490f4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/resources/mediaflow-ng.js b/resources/mediaflow-ng.js
@@ -76,6 +76,16 @@ mediaflow.controller('MediaFlowCtrl', function ($scope, $http, $upload) {
     }
 });
 
+mediaflow.directive('showFocus', ['$timeout', function($timeout) {
+    return function(scope, element, attrs) {
+        scope.$watch(attrs.showFocus, function(showing) {
+            $timeout(function() {
+                showing && element[0].focus();
+            });
+        }, true);
+    };
+}]);
+
 mediaflow.controller('MediaFlowFieldCtrl', function ($scope, $http, $upload) {
     $scope.showMedia = false;
     $scope.selected = false;

diff --git a/templates/input.html b/templates/input.html
@@ -48,6 +48,7 @@
             <div class="clearafter">
                 <div class="texticon search icon">
                     <input class="text nicetext"
+                        show-focus="showMedia"
                         type="search"
                         autocomplete="off"
                         ng-model="searchText"