Fix example functionality and add two default examples for sleep spindles.

Author: mikeschaekermann

lib/time-series-annotator.js

@@ -76,7 +76,27 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
  showChannelNames: true,
  features: {
  examplesModeEnabled: false,
- examples: [],
+ examples: [{
+ recording: '1209153-1_P',
+ channels_displayed: [0],
+ channels: 0,
+ type: 'sleep_spindle',
+ start: 1925,
+ end: 1928,
+ annotator_experience: 1,
+ confidence: 1,
+ comment: 'Interesting!',
+ }, {
+ recording: '1209153-1_P',
+ channels_displayed: [0],
+ channels: 0,
+ type: 'sleep_spindle',
+ start: 2030,
+ end: 2035,
+ annotator_experience: 1,
+ confidence: 1,
+ comment: 'Interesting!',
+ }],
  cheatSheetsEnabled: false,
  openCheatSheetOnPageLoad: true,
  scrollThroughExamplesAutomatically: true,
@@ -582,7 +602,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
  </button> \
  </div> \
  <div class="progress pull-right"> \
- <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" style="width: 0%"> \
+ <div class="determinate progress-bar progress-bar-success progress-bar-striped" role="progressbar" style="width: 0%"> \
  </div> \
  </div> \
  </div> \
@@ -991,7 +1011,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
  that.vars.cheatSheetOpenedBefore = true;
  bootbox.dialog({
  title: '<b>PLEASE READ CAREFULLY</b>',
- message: '<img style="width: 100%; height: auto;" src="/static/images/feature_cheat_sheets/' + firstExample.type + '.png">',
+ message: '<img style="width: 100%; height: auto;" src="https://s3.amazonaws.com/curio-media/crowdeeg/feature-cheat-sheets/' + firstExample.type + '.png">',
  buttons: {
  close: {
  label: 'Close',
@@ -1867,7 +1887,7 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
  }
  });
  if (that.options.features.examplesModeEnabled) {
- that._displayAnnotations(that.options.features.examples);
+ that._displayAnnotations(that._turnExamplesIntoAnnotations(that.options.features.examples));
  }
  that._setupYAxisLinesAndLabels();
  that._setupAnnotationInteraction();
@@ -2739,6 +2759,34 @@ $.widget('crowdcurio.TimeSeriesAnnotator', {
  }
  },
 
+ _turnExampleIntoAnnotation: function(example) {
+ var that = this;
+ var annotation = {
+ id: that._getUUID(),
+ label: example.type,
+ confidence: example.confidence,
+ position: {
+ start: example.start,
+ end: example.end,
+ channels: example.channels,
+ },
+ metadata: {
+ channels_displayed: example.channels_displayed,
+ comment: example.comment,
+ },
+ };
+ return annotation;
+ },
+
+ _turnExamplesIntoAnnotations: function(examples) {
+ var that = this;
+ var annotations = [];
+ examples.forEach(function(example) {
+ annotations.push(that._turnExampleIntoAnnotation(example));
+ });
+ return annotations;
+ },
+
  _displayAnnotations: function(annotations) {
  var that = this;