add shortcuts, help dialog and start on add-action dialog

This commit is contained in:
Reinier Balt 2013-06-27 22:47:34 +02:00
parent 972210326a
commit 8e0013d0df
7 changed files with 63 additions and 10 deletions

View file

@ -0,0 +1,17 @@
<div id="tracks-add-action-dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Add new action</h3>
</div>
<div class="modal-body">
<ul class="nav nav-tabs">
<li class="active"><a href="#one-action" data-toggle="tab">Action</a></li>
<li><a href="#multi-action" data-toggle="tab">Multiple actions</a></li>
<li><a href="#repeat-action" data-toggle="tab">Repeating actions</a></li>
</ul>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>`

View file

@ -0,0 +1,23 @@
<div id="tracks-shortcuts-dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Keyboard Shortcuts</h3>
</div>
<div class="modal-body">
<p>You can use the following shortcuts on every page:</p>
<ul>
<li>?: Shows this help page</li>
<li>a: add action</li>
<li>g then h: go to the home page</li>
<li>g then c: go to a specific context</li>
<li>g then C: go to the contexts page</li>
<li>g then p: go to a specific project</li>
<li>g then P: go to the projects page</li>
<li>v then p: group the actions on the page by project</li>
<li>v then c: group the actions on the page by context</li>
</ul>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>