Add additional hotkeys for sleep staging: Wake (0), REM (5) and Unknown (9)

Author: mikeschaekermann

bundle.js

@@ -1064,12 +1064,12 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
  <button type="button" class="btn btn-default artifact" data-annotation-type="artifacts_strong">Strong Artifacts</button> \
  </div> \
  <div class="sleep_stage_panel btn-group" role="group"> \
- <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_wake"><span class="shortcut-key">W</span>AKE</button> \
+ <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_wake"><span class="shortcut-key">W</span>AKE<span class="shortcut-key hidden">0</span></button> \
  <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_n1">N<span class="shortcut-key">1</span></button> \
  <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_n2">N<span class="shortcut-key">2</span></button> \
  <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_n3">N<span class="shortcut-key">3</span></button> \
- <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_rem"><span class="shortcut-key">R</span>EM</button> \
- <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_unknown"><span class="shortcut-key">U</span>NKNOWN</button> \
+ <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_rem"><span class="shortcut-key">R</span>EM<span class="shortcut-key hidden">5</span></button> \
+ <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_unknown"><span class="shortcut-key">U</span>NKNOWN<span class="shortcut-key hidden">9</span></button> \
  </div> \
  <div class="navigation_panel"> \
  <button type="button" class="btn btn-default backToLastActiveWindow" aria-label="Back to Last Active Window"> \

lib/time-series-annotator.js

@@ -575,12 +575,12 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
  <button type="button" class="btn btn-default artifact" data-annotation-type="artifacts_strong">Strong Artifacts</button> \
  </div> \
  <div class="sleep_stage_panel btn-group" role="group"> \
- <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_wake"><span class="shortcut-key">W</span>AKE</button> \
+ <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_wake"><span class="shortcut-key">W</span>AKE<span class="shortcut-key hidden">0</span></button> \
  <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_n1">N<span class="shortcut-key">1</span></button> \
  <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_n2">N<span class="shortcut-key">2</span></button> \
  <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_n3">N<span class="shortcut-key">3</span></button> \
- <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_rem"><span class="shortcut-key">R</span>EM</button> \
- <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_unknown"><span class="shortcut-key">U</span>NKNOWN</button> \
+ <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_rem"><span class="shortcut-key">R</span>EM<span class="shortcut-key hidden">5</span></button> \
+ <button type="button" class="btn btn-default grey lighten-1 sleep_stage" data-annotation-type="sleep_stage_unknown"><span class="shortcut-key">U</span>NKNOWN<span class="shortcut-key hidden">9</span></button> \
  </div> \
  <div class="navigation_panel"> \
  <button type="button" class="btn btn-default backToLastActiveWindow" aria-label="Back to Last Active Window"> \

style.css

@@ -202,4 +202,8 @@ td {
 .shortcut-key {
  font-weight: bold;
  text-decoration: underline;
+}
+
+.hidden {
+ display: none;
 }