Scouting App: Add keyboard shortcuts for note scouting
With keyboard shortcuts, note scouts don't have to stop watching the match
to switch between textboxes, they can just do Ctrl + 1/2/3 to switch
to the corresponding textbox.
Hovering over the textbox, will display a tooltip with the
shortcut to switch to that textbox.
Signed-off-by: Filip Kujawa <filip.j.kujawa@gmail.com>
Change-Id: I49ba0c611468cf013817b32b8c1e9d9258cfdb1b
diff --git a/scouting/www/notes/notes.ng.html b/scouting/www/notes/notes.ng.html
index af48fd9..a9c8b92 100644
--- a/scouting/www/notes/notes.ng.html
+++ b/scouting/www/notes/notes.ng.html
@@ -29,9 +29,19 @@
<div><h3>{{team.teamNumber}}</h3></div>
</div>
<div class="">
+ <!--
+ Note Input Text Areas.
+ ID property is used for keyboard shorcuts to focus
+ on the corresponding text area.
+ The data-toggle and title properties are
+ used for bootstrap tooltips.
+ -->
<textarea
class="text-input"
+ id="text-input-{{i+1}}"
[(ngModel)]="newData[i].notesData"
+ data-toggle="tooltip"
+ title="Ctrl + {{i+1}}"
></textarea>
</div>
<!--Key Word Checkboxes-->