Adding video sync button. Addresses #687

sandialabs · Jan 16, 2017 · 927990f · 927990f
1 parent aa83b6b
commit 927990f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/web-server/plugins/slycat-parameter-image/js/parameter-controls.js b/web-server/plugins/slycat-parameter-image/js/parameter-controls.js
@@ -37,6 +37,7 @@ $.widget("parameter_image.controls",
     var self = this;
     var scatterplot_controls = $("#scatterplot-controls", this.element);
     var selection_controls = $("#selection-controls", this.element);
+    var video_controls = $("#video-controls", this.element);
 
     this.x_control = $('<div class="btn-group btn-group-xs"></div>')
       .appendTo(scatterplot_controls)
@@ -157,6 +158,17 @@ $.widget("parameter_image.controls",
       .appendTo(selection_controls)
       ;
 
+    this.video_sync_button = $("\
+      <button class='btn btn-default' data-toggle='button' title='Sync Videos'> \
+        <span class='fa fa-video-camera' aria-hidden='true'></span> \
+      </button> \
+      ")
+      .click(function(){
+        self.element.trigger("video-sync", !$(this).hasClass('active'));
+      })
+      .appendTo(video_controls)
+      ;
+
     function openCSVSaveChoiceDialog(){
       var txt = "";
       var buttons_save = [

diff --git a/web-server/plugins/slycat-parameter-image/ui.html b/web-server/plugins/slycat-parameter-image/ui.html
@@ -57,6 +57,8 @@
 
       <div id="selection-controls" class="btn-group btn-group-xs"></div>
 
+      <div id="video-controls" class="btn-group btn-group-xs"></div>
+
       <div id="color-switcher" class="btn-group btn-group-xs"></div>
 
       <div id="add-note" class="btn-group btn-group-xs"></div>