View/Hide Video Control

Allow the hiding of the video after loaded

Author: Gary Keeble

css/main.css

@@ -303,6 +303,7 @@ html.has-video #graphCanvas {
     background-color:rgba(0,0,0,0.25);
 }
 
+html .view-video,
 html .view-craft,
 html .view-sticks,
 html .view-table,
@@ -316,7 +317,8 @@ html.has-analyser-sticks .view-analyser-sticks,
 html.has-analyser .view-analyser,
 html.has-table .view-table,
 html.has-sticks .view-sticks,
-html.has-craft .view-craft {
+html.has-craft .view-craft,
+html:not(.video-hidden) .view-video {
      color:green;
 }
 
@@ -412,6 +414,14 @@ html.has-log .log-graph {
     display:none;
 }
 
+html.video-hidden video {
+	display:none;
+}
+
+html:not(.has-video) .view-video {
+	visibility:hidden
+}
+
 html.has-log .main-pane,
 html.has-video .main-pane {
     display:block;

index.html

@@ -166,6 +166,9 @@ <h4>View</h4>
                         <button type="button" class="btn btn-default open-header-dialog" title="View/hide header">
                             <span class="glyphicon glyphicon-info-sign"></span>
                         </button>
+                        <button type="button" class="btn btn-default view-video" title="View/hide video display">
+                            <span class="glyphicon glyphicon-film"></span>
+                        </button>
                         <button type="button" class="btn btn-default view-craft" title="View/hide craft display">
                             <span class="glyphicon glyphicon-plane"></span>
                         </button>

js/main.js

@@ -55,7 +55,7 @@ function BlackboxLogViewer() {
 
         hasVideo = false, hasLog = false, hasMarker = false, // add measure feature
         hasTable = true, hasCraft = true, hasSticks = true, hasAnalyser, hasAnalyserFullscreen,
-        hasAnalyserSticks = false,
+        hasAnalyserSticks = false, viewVideo = true,
 
         isFullscreen = false, // New fullscreen feature (to hide table)
 
@@ -738,6 +738,11 @@ function BlackboxLogViewer() {
         });
 
         // New View Controls
+        $(".view-video").click(function() {
+            viewVideo = !viewVideo;
+            (!viewVideo)?$("html").addClass("video-hidden"):$("html").removeClass("video-hidden");       
+        });
+
         $(".view-craft").click(function() {
             hasCraft = !hasCraft;
             (hasCraft)?$("html").addClass("has-craft"):$("html").removeClass("has-craft");