Hopiu/angular.js
1
0
Fork 0
mirror of https://github.com/Hopiu/angular.js.git synced 2026-05-21 04:41:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(ngdocs): add forward slash shortcut key for search bar

Browse source
This commit is contained in:
Matias Niemelä 2013-10-22 00:34:56 -04:00
parent 6c20ec193f
commit 74912802c6
2 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docs/src/templates/index.html
View file

@ -198,15 +198,15 @@
autocomplete="off" /> autocomplete="off" />
</form> </form>
<div ng-show="hasResults" class="search-results"> <div ng-show="hasResults" class="search-results">
<a href="" ng-click="hideResults()" class="search-close">
<span class="icon-remove-sign"></span>
</a>
<div ng-repeat="(key, value) in results" class="search-group" ng-class="colClassName"> <div ng-repeat="(key, value) in results" class="search-group" ng-class="colClassName">
<h4>{{ key }}</h4> <h4>{{ key }}</h4>
<div ng-repeat="item in value" class="search-result"> <div ng-repeat="item in value" class="search-result">
<a ng-click="hideResults()" href="{{ item.url }}">{{ item.shortName }}</a> <a ng-click="hideResults()" href="{{ item.url }}">{{ item.shortName }}</a>
</div> </div>
</div> </div>
<a href="" ng-click="hideResults()" class="search-close">
<span class="icon-remove-sign"></span>
</a>
</div> </div>
</div> </div>
</div> </div>

16
docs/src/templates/js/docs.js
View file

@ -132,9 +132,19 @@ docsApp.directive.focused = function($timeout) {
}; };
}; };
docsApp.directive.docsSearchInput = function() { docsApp.directive.docsSearchInput = ['$document',function($document) {
return function(scope, element, attrs) { return function(scope, element, attrs) {
var ESCAPE_KEY_KEYCODE = 27; var ESCAPE_KEY_KEYCODE = 27,
FORWARD_SLASH_KEYCODE = 191;
angular.element($document[0].body).bind('keydown', function(event) {
var input = element[0];
if(event.keyCode == FORWARD_SLASH_KEYCODE && document.activeElement != input) {
event.stopPropagation();
event.preventDefault();
input.focus();
}
});
element.bind('keydown', function(event) { element.bind('keydown', function(event) {
if(event.keyCode == ESCAPE_KEY_KEYCODE) { if(event.keyCode == ESCAPE_KEY_KEYCODE) {
event.stopPropagation(); event.stopPropagation();
@ -145,7 +155,7 @@ docsApp.directive.docsSearchInput = function() {
} }
}); });
}; };
}; }];
docsApp.directive.code = function() { docsApp.directive.code = function() {