Enable keyboard-nav in dropdowns

pull/54/merge
Candid Dauth 2016-10-19 15:43:08 +03:00
rodzic 7c7440a1c4
commit bad767a955
5 zmienionych plików z 10 dodań i 10 usunięć

Wyświetl plik

@ -41,7 +41,7 @@
</form>
</div>
<div class="modal-footer">
<div class="btn-group pull-left" uib-dropdown ng-if="(types | fmPropertyCount:{type:'line'}) > 1">
<div class="btn-group pull-left" uib-dropdown keyboard-nav="true" ng-if="(types | fmPropertyCount:{type:'line'}) > 1">
<button id="change-type-button" type="button" class="btn btn-default" uib-dropdown-toggle>Change type <span class="caret"></span></button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="change-type-button" uib-dropdown-menu>
<li role="menuitem" ng-repeat="type in types | fmObjectFilter:{type:'line'}" ng-class="{active: type.id == line.typeId}"><a href="#" ng-click="line.typeId = type.id">{{type.name}}</a></li>

Wyświetl plik

@ -25,7 +25,7 @@
</form>
</div>
<div class="modal-footer">
<div class="btn-group pull-left" uib-dropdown ng-if="(types | fmPropertyCount:{type:'marker'}) > 1">
<div class="btn-group pull-left" uib-dropdown keyboard-nav="true" ng-if="(types | fmPropertyCount:{type:'marker'}) > 1">
<button id="change-type-button" type="button" class="btn btn-default" uib-dropdown-toggle>Change type <span class="caret"></span></button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="change-type-button" uib-dropdown-menu>
<li role="menuitem" ng-repeat="type in types | fmObjectFilter:{type:'marker'}" ng-class="{active: type.id == marker.typeId}"><a href="#" ng-click="marker.typeId = type.id">{{type.name}}</a></li>

Wyświetl plik

@ -11,14 +11,14 @@
</dl>
</div>
<div class="buttons" ng-if="!readonly && type">
<div uib-dropdown ng-if="(types | fmPropertyCount:{type:type}) > 1">
<div uib-dropdown keyboard-nav="true" ng-if="(types | fmPropertyCount:{type:type}) > 1">
<button id="add-type-button" type="button" class="btn btn-default" uib-dropdown-toggle>Add to map <span class="caret"></span></button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="add-type-button">
<li role="menuitem" ng-repeat="type in types | fmObjectFilter:{type:type}"><a href="javascript:" ng-click="addToMap(type)">{{type.name}}</a></li>
</ul>
</div>
<button type="button" ng-if="(types | fmPropertyCount:{type:type}) == 1" class="btn btn-default" ng-click="addToMap()">Add to map</button>
<div uib-dropdown>
<div uib-dropdown keyboard-nav="true">
<button type="button" class="btn btn-default" uib-dropdown-toggle>Use as <span class="caret"></span></button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu">
<li role="menuitem"><a href="javascript:" ng-click="useForRoute(1)">Route start</a></li>

Wyświetl plik

@ -11,7 +11,7 @@
<input type="search" class="form-control" ng-model="destination.query" placeholder="{{$index == 0 ? 'From' : $index == destinations.length-1 ? 'To' : 'Via'}}" tabindex="{{$index+1}}">
<a href="javascript:" class="reset-button form-control-feedback" ng-click="destination.query=''" ng-show="destination.query.length > 0"><span class="icon-clear"></span></a>
</div>
<span class="input-group-btn" uib-dropdown ng-show="destination.query.length > 0">
<span class="input-group-btn" uib-dropdown keyboard-nav="true" ng-show="destination.query.length > 0">
<button type="button" class="btn btn-default" uib-dropdown-toggle ng-click="loadSuggestions(destination)"><span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" uib-dropdown-menu>
<li ng-repeat="suggestion in destination.suggestions" ng-class="{active: destination.selectedSuggestionIdx == $index}"><a href="javascript:" ng-click="destination.selectedSuggestionIdx = $index; reroute()">{{suggestion.display_name}} ({{suggestion.type}})</a></li>
@ -44,7 +44,7 @@
</dl>
<div class="fm-search-buttons" ng-show="routeObj && !readonly">
<div uib-dropdown ng-if="(types | fmPropertyCount:{type:'line'}) > 1" dropdown-append-to-body="true">
<div uib-dropdown keyboard-nav="true" ng-if="(types | fmPropertyCount:{type:'line'}) > 1" dropdown-append-to-body="true">
<button id="add-type-button" type="button" class="btn btn-default" uib-dropdown-toggle>Add to map <span class="caret"></span></button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="add-type-button" uib-dropdown-menu>
<li role="menuitem" ng-repeat="type in types | fmObjectFilter:{type:'line'}"><a href="#" ng-click="addToMap(type)">{{type.name}}</a></li>

Wyświetl plik

@ -6,7 +6,7 @@
<li role="presentation" ng-if="!padId">
<a href="javascript:" ng-click="startPad()">Start collaborative map</a>
</li>
<li role="presentation" uib-dropdown ng-if="!readonly && padId">
<li role="presentation" uib-dropdown keyboard-nav="true" ng-if="!readonly && padId">
<a href="javascript:" id="toolbox-add-dropdown" uib-dropdown-toggle role="button">Add <span class="caret"></span></a>
<ul uib-dropdown-menu aria-labelledby="toolbox-add-dropdown">
<li ng-repeat="type in types"><a href="javascript:" ng-click="addObject(type)">{{type.name}}</a></li>
@ -14,7 +14,7 @@
<li><a href="javascript:" ng-click="editObjectTypes()">Manage types</a></li>
</ul>
</li>
<li role="presentation" uib-dropdown ng-if="padId">
<li role="presentation" uib-dropdown keyboard-nav="true" ng-if="padId">
<a href="javascript:" id="toolbox-views-dropdown" uib-dropdown-toggle role="button">Saved views <span class="caret"></span></a>
<ul uib-dropdown-menu aria-labelledby="toolbox-views-dropdown">
<li ng-repeat="(id, view) in views"><a href="javascript:" ng-click="displayView(view)">{{view.name}}</a></li>
@ -22,7 +22,7 @@
<li ng-if="!readonly"><a href="javascript:" ng-click="saveView()">Save current view</a></li>
<li ng-if="!readonly"><a href="javascript:" ng-click="manageViews()">Manage views</a></li>
</ul></li>
<li role="presentation" uib-dropdown>
<li role="presentation" uib-dropdown keyboard-nav="true">
<a href="javascript:" id="toolbox-layers-dropdown" uib-dropdown-toggle role="button">Map style <span class="caret"></span></a>
<ul uib-dropdown-menu aria-labelledby="toolbox-layers-dropdown">
<li ng-repeat="layer in layers.base" ng-class="{active: layer.visibility}">
@ -34,7 +34,7 @@
</li>
</ul>
</li>
<li role="presentation" uib-dropdown>
<li role="presentation" uib-dropdown keyboard-nav="true">
<a href="javascript:" id="toolbox-tools-dropdown" uib-dropdown-toggle role="button">Tools <span class="caret"></span></a>
<ul uib-dropdown-menu aria-labelledby="toolbox-layers-dropdown" class="dropdown-menu-right">
<!--<li ng-if="!readonly"><a href="javascript:" ng-click="openDialog('copy-pad-dialog')">Copy pad</a></li>-->