ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Add shortcuts to toggle sidebar and switch tabs

Browse source 
The 'T' key will show/hide the most recent sidebar tab.

Pressing 'Shift+T' will switch to the next sidebar tab, possibly
wrapping around to the first tab.

If the Itinerary tab is hidden, it will be skipped.
This commit is contained in:
Henrik Fehlauer 2020-06-13 18:00:00 +00:00
parent e56d213931
commit 844a9038ee
3 changed files with 71 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

27
index.html
View file

@ -543,7 +543,12 @@
<div id="sidebarTabs" class="leaflet-sidebar-tabs collapsed">
<ul role="tablist">
<li>
<a href="#tab_layers_control" role="tab" data-i18n="[title]sidebar.layers.title" title="Layers">
<a
href="#tab_layers_control"
role="tab"
data-i18n="[title]sidebar.layers.tooltip"
title="Select layers"
>
<!--
https://github.com/feathericons/feather/blob/0dc2bf5c9d01759e47485d9498aefc02cac1d845/icons/layers.svg
MIT License: https://github.com/feathericons/feather/blob/master/LICENSE
@ -567,7 +572,11 @@
</a>
</li>
<li hidden>
<a href="#tab_itinerary" role="tab" data-i18n="[title]sidebar.itinerary.title" title="Itinerary"
<a
href="#tab_itinerary"
role="tab"
data-i18n="[title]sidebar.itinerary.tooltip"
title="Show Itinerary"
><i class="fa fa-map-signs"></i
></a>
</li>
@ -575,18 +584,26 @@
<a
href="#tab_profile"
role="tab"
data-i18n="[title]sidebar.customize-profile.title"
data-i18n="[title]sidebar.customize-profile.tooltip"
title="Customize profile"
><i class="fa fa-wrench"></i
></a>
</li>
<li>
<a href="#tab_data" role="tab" data-i18n="[title]sidebar.data.title" title="Data"
<a
href="#tab_data"
role="tab"
data-i18n="[title]sidebar.data.tooltip"
title="Show detailed route data table"
><i class="fa fa-table"></i
></a>
</li>
<li>
<a href="#tab_statistics" role="tab" data-i18n="[title]sidebar.analysis.title" title="Analysis"
<a
href="#tab_statistics"
role="tab"
data-i18n="[title]sidebar.analysis.tooltip"
title="Analyse route"
><i class="fa fa-pie-chart"></i
></a>
</li>