Skip to content

Commit 3d174e9

Browse files
Update colour for sleep stage buttons and add way to open instruction slides in new tab
1 parent a0dc04a commit 3d174e9

File tree

2 files changed

+18
-8
lines changed

2 files changed

+18
-8
lines changed

bundle.js

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -632,6 +632,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
632632
undefined,
633633
undefined,
634634
],
635+
instructionSlidesURL: undefined,
635636
features: {
636637
examplesModeEnabled: false,
637638
examples: [{
@@ -1132,8 +1133,8 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
11321133
<button type="button" class="btn btn-default artifact" data-annotation-type="artifacts_strong">Strong Artifacts</button> \
11331134
</div> \
11341135
<div class="sleep_stage_panel btn-group" role="group"> \
1135-
<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> \
1136-
<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> \
1136+
<button type="button" class="btn btn-default blue 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> \
1137+
<button type="button" class="btn btn-default blue lighten-1 sleep_stage" data-annotation-type="sleep_stage_n1">N<span class="shortcut-key">1</span> Sleep</button> \
11371138
</div> \
11381139
<div class="submit_response_for_data_panel btn-group" role="group"> \
11391140
<button type="button" disabled class="btn btn-default submit-response-for-data">SUBMIT ANSWER</button> \
@@ -1846,7 +1847,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
18461847

18471848
_setupSleepStagePanel: function() {
18481849
var activeClass = 'teal';
1849-
var inactiveClass = 'grey lighten-1';
1850+
var inactiveClass = 'blue lighten-1';
18501851
var that = this;
18511852
$(that.element).find('.sleep_stage_panel button.sleep_stage').click(function() {
18521853
$(that.element).find('.submit-response-for-data').prop('disabled', null);
@@ -1862,6 +1863,10 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
18621863
.addClass(inactiveClass);
18631864
});
18641865

1866+
if (that.options.instructionSlidesURL) {
1867+
$('<a href="' + that.options.instructionSlidesURL + '" target="_blank" class="btn btn-default yellow black-text">OPEN SLIDES FROM TRAINING VIDEO IN NEW TAB</a>').insertBefore($(that.element).find('.phase-indicator'));
1868+
}
1869+
18651870
if (!that.options.training.enabled) {
18661871
$(that.element).find('.phase-indicator').html('TESTING PHASE (NO FEEDBACK!)');
18671872
}
@@ -3599,7 +3604,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
35993604
_displaySleepStageSelection: function(annotations) {
36003605
var that = this;
36013606
var activeClass = 'teal';
3602-
var inactiveClass = 'grey lighten-1';
3607+
var inactiveClass = 'blue lighten-1';
36033608
var validKeys = [
36043609
'sleep_stage_wake',
36053610
'sleep_stage_n1',

lib/time-series-annotator.js

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
123123
undefined,
124124
undefined,
125125
],
126+
instructionSlidesURL: undefined,
126127
features: {
127128
examplesModeEnabled: false,
128129
examples: [{
@@ -623,8 +624,8 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
623624
<button type="button" class="btn btn-default artifact" data-annotation-type="artifacts_strong">Strong Artifacts</button> \
624625
</div> \
625626
<div class="sleep_stage_panel btn-group" role="group"> \
626-
<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> \
627-
<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> \
627+
<button type="button" class="btn btn-default blue 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> \
628+
<button type="button" class="btn btn-default blue lighten-1 sleep_stage" data-annotation-type="sleep_stage_n1">N<span class="shortcut-key">1</span> Sleep</button> \
628629
</div> \
629630
<div class="submit_response_for_data_panel btn-group" role="group"> \
630631
<button type="button" disabled class="btn btn-default submit-response-for-data">SUBMIT ANSWER</button> \
@@ -1337,7 +1338,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
13371338

13381339
_setupSleepStagePanel: function() {
13391340
var activeClass = 'teal';
1340-
var inactiveClass = 'grey lighten-1';
1341+
var inactiveClass = 'blue lighten-1';
13411342
var that = this;
13421343
$(that.element).find('.sleep_stage_panel button.sleep_stage').click(function() {
13431344
$(that.element).find('.submit-response-for-data').prop('disabled', null);
@@ -1353,6 +1354,10 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
13531354
.addClass(inactiveClass);
13541355
});
13551356

1357+
if (that.options.instructionSlidesURL) {
1358+
$('<a href="' + that.options.instructionSlidesURL + '" target="_blank" class="btn btn-default yellow black-text">OPEN SLIDES FROM TRAINING VIDEO IN NEW TAB</a>').insertBefore($(that.element).find('.phase-indicator'));
1359+
}
1360+
13561361
if (!that.options.training.enabled) {
13571362
$(that.element).find('.phase-indicator').html('TESTING PHASE (NO FEEDBACK!)');
13581363
}
@@ -3090,7 +3095,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
30903095
_displaySleepStageSelection: function(annotations) {
30913096
var that = this;
30923097
var activeClass = 'teal';
3093-
var inactiveClass = 'grey lighten-1';
3098+
var inactiveClass = 'blue lighten-1';
30943099
var validKeys = [
30953100
'sleep_stage_wake',
30963101
'sleep_stage_n1',

0 commit comments

Comments
 (0)