chore(ngdocs): allow user to press escape key to close docs search

angular · Jun 18, 2013 · cec4ce2 · cec4ce2
1 parent 0cac872
commit cec4ce2
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/docs/src/templates/index.html b/docs/src/templates/index.html
@@ -173,8 +173,14 @@
             <li class="divider-vertical"></li>
           </ul>
           <form class="navbar-search pull-right" ng-submit="submit()">
-            <input type="text" name="as_q" class="search-query" placeholder="Search" ng-change="search(q)" ng-model="q" autocomplete="off">
-            <input type="hidden" name="as_sitesearch" value="angularjs.org">
+            <input type="text"
+                   name="as_q"
+                   class="search-query"
+                   placeholder="Search"
+                   ng-change="search(q)"
+                   ng-model="q"
+                   docs-search-input
+                   autocomplete="off" />
           </form>
           <div ng-show="hasResults" class="search-results">
             <a href="" ng-click="hideResults()" class="search-close">

diff --git a/docs/src/templates/js/docs.js b/docs/src/templates/js/docs.js
@@ -138,6 +138,21 @@ docsApp.directive.focused = function($timeout) {
   };
 };
 
+docsApp.directive.docsSearchInput = function() {
+  return function(scope, element, attrs) {
+    var ESCAPE_KEY_KEYCODE = 27;
+    element.bind('keydown', function(event) {
+      if(event.keyCode == ESCAPE_KEY_KEYCODE) {
+        event.stopPropagation();
+        event.preventDefault();
+        scope.$apply(function() {
+          scope.hideResults();
+        });
+      }
+    });
+  };
+};
+
 
 docsApp.directive.code = function() {
   return { restrict:'E', terminal: true };