Open/View Configuration File

Ability to open and view the configuration text file dump.

Author: Gary Keeble

css/main.css

@@ -242,7 +242,6 @@ html.has-log .log-graph-config {
     max-width: 30px;
 }
 
-
 .setup-parameters {
     margin:0.5em 0;
 }
@@ -332,6 +331,33 @@ html.has-table-overlay .log-field-values {
     z-index: 10;
 }
 
+html:not(.has-config-overlay) .configuration-file,
+html:not(.has-marker) .marker-offset {
+    display:none;
+}
+
+.configuration-file h3 {
+    background-color: #d9edf7;
+    margin-top: 2px;
+    padding: 5px;
+}
+
+html.has-config .configuration-file {
+    position:absolute;
+    top: 10%;
+    left: 10%;
+    width: 78.5%;
+    padding:10px;
+    height:580px;
+    overflow:hidden;
+    overflow-y:scroll;
+    background-color: white;
+    border: #337ab7;
+    border-style: groove;
+    z-index: 11;
+}
+
+
 .graph-legend-field {
     padding-bottom:0.1em;
     margin-bottom:0.3em;
@@ -602,3 +628,13 @@ html:not(.has-log) #status-bar {
     visibility: hidden;
     cursor: pointer;
 }
+
+#status-bar .configuration-file-name {
+    cursor: pointer;
+}
+
+html:not(.has-config) #status-bar .configuration-file-name {
+    display: none;    
+}
+
+

index.html

@@ -291,7 +291,9 @@ <h2>Legend <span class="log-close-legend-dialog glyphicon glyphicon-remove"></sp
             </table>
         </div>
 
-
+        <div class="configuration-file" id="configuration-file">
+			<!-- auto filled bu configuration function -->
+        </div>
 
     </div>
     <!-- /container -->
@@ -345,6 +347,9 @@ <h2>Legend <span class="log-close-legend-dialog glyphicon glyphicon-remove"></sp
         <div class="bookmark-clear">
 			<span>Clear All</span>
         </div>
+        <div>
+			<span class="configuration-file-name">-</span>
+        </div>
       </div>
 
     <div class="modal fade" id="dlgGraphConfiguration">
@@ -1121,6 +1126,7 @@ <h4 class="modal-title">Export video</h4>
     <script src="js/video_export_dialog.js"></script>
     <script src="js/flightlog_video_renderer.js"></script>
     <script src="js/graph_config.js"></script>
+    <script src="js/configuration.js"></script>
     <script src="js/main.js"></script>    
 </body>
 </html>

js/configuration.js

@@ -0,0 +1,58 @@
+'use strict';
+
+/**
+ * Configuration
+ * 
+ * Handle loading and display of configuration file
+ * 
+ */
+
+
+function Configuration(file) {
+
+	// Private Variables
+	var that = this; 	  // generic pointer back to this function
+	var fileData; 		  // configuration file information
+
+	function loadFile(file) {
+
+        var reader = new FileReader();
+    	fileData = file; 				// Store the data locally;
+    
+        reader.onload = function(e) {
+			
+			var
+				configurationElem  = ('.configuration-file'), // point to the actual element in index.html 
+				configurationDiv   = $('<div class="configuration-file"><h3></h3><ul class="list-unstyled configuration-list"></ul></div>'),
+				configurationTitle = $('h3', configurationDiv),
+				configurationList  = $('ul', configurationDiv),
+				li;
+
+            var data = e.target.result;	  // all the data
+            var lines = data.split('\n'); // separate into lines
+			
+			for(var i=0; i<lines.length; i++) {
+				li = $('<li class="configuration-row">' + lines[i] + '</li>');
+				configurationList.append(li);	
+			}
+			
+			configurationTitle.text(file.name);
+			$("#status-bar .configuration-file-name").text(file.name);
+			
+			// now replace the element in the index.html with the loaded file information
+			$(configurationElem).replaceWith(configurationDiv);
+			
+
+        };
+     
+        reader.readAsText(file);
+    }
+
+    // Public variables and functions
+	this.getFile = function() {
+		return fileData;
+		};
+
+    loadFile(file); // configuration file loaded
+	
+}

js/main.js

@@ -29,7 +29,8 @@ function BlackboxLogViewer() {
         currentBlackboxTime = 0,
         lastRenderTime = false,
         flightLog, flightLogDataArray,
-        graph = null, 
+        graph = null,
+        configuration = null, // is their an associated dump file ?
 
         prefs = new PrefStorage(),
 
@@ -56,6 +57,7 @@ function BlackboxLogViewer() {
         hasVideo = false, hasLog = false, hasMarker = false, // add measure feature
         hasTable = true, hasCraft = true, hasSticks = true, hasAnalyser, hasAnalyserFullscreen,
         hasAnalyserSticks = false, viewVideo = true, hasTableOverlay = false,
+        hasConfig = false, hasConfigOverlay = false,
 
         isFullscreen = false, // New fullscreen feature (to hide table)
 
@@ -532,6 +534,20 @@ function BlackboxLogViewer() {
         reader.onload = function(e) {
             var bytes = e.target.result;
 
+            var fileContents = String.fromCharCode.apply(null, new Uint8Array(bytes, 0,100));
+
+            if(fileContents.match(/# dump/i)) { // this is actually a configuration file
+                try{
+                   configuration = new Configuration(file); // the configuration class will actually re-open the file as a text object.
+                   hasConfig = true;
+                   (hasConfig)?$("html").addClass("has-config"):$("html").removeClass("has-config");
+                   } catch(e) {
+                       configuration = null;
+                       hasConfig = false;
+                   }
+               return;            
+            }
+
             flightLogDataArray = new Uint8Array(bytes);
 
             try {
@@ -691,7 +707,9 @@ function BlackboxLogViewer() {
         reader.onload = function(e) {
 
             var data = e.target.result;
-            workspaceGraphConfigs = JSON.parse(data); 
+            workspaceGraphConfigs = JSON.parse(data);
+            prefs.set('workspaceGraphConfigs', workspaceGraphConfigs);      // Store to local cache
+ 
             window.alert('Workspaces Loaded')                       
         };
 
@@ -1113,6 +1131,14 @@ function BlackboxLogViewer() {
             $('#status-bar .bookmark-clear').css('visibility', 'hidden' );
 	        invalidateGraph(); 
         });
+
+        $('#status-bar .configuration-file-name').click(function(e) {
+            if(hasConfig) {
+                hasConfigOverlay = !hasConfigOverlay;
+                (hasConfigOverlay)?$("html").addClass("has-config-overlay"):$("html").removeClass("has-config-overlay");
+            }
+            e.preventDefault();
+        });
 
         $(".btn-workspaces-export").click(function(e) {
             setGraphState(GRAPH_STATE_PAUSED);
@@ -1219,8 +1245,11 @@ function BlackboxLogViewer() {
                         e.preventDefault();
                     break;
 
-                    case "S".charCodeAt(0): 
-                        saveWorkspaces();
+                    case "C".charCodeAt(0): 
+                        if(hasConfig) {
+                            hasConfigOverlay = !hasConfigOverlay;
+                            (hasConfigOverlay)?$("html").addClass("has-config-overlay"):$("html").removeClass("has-config-overlay");
+                        }
                         e.preventDefault();
                     break;