Merge pull request #86 from McGiverGim/bf-new_window

From CF: Add a button to create a new blackbox log viewer window

Author: mikeller

index.html

@@ -163,7 +163,8 @@ <h1>Welcome to the Enhanced Blackbox Explorer!</h1>
             <div id="navbar" class="navbar-collapse collapse">
                 <div class="navbar-form navbar-right" role="form">
                     <div class="btn-group">
-                        <a class="btn btn-default btn-video-export" data-toggle="tooltip" title="Export your vide and chart setup to file"> Export video...</a>
+                        <a class="btn btn-default btn-new-window" data-toggle="tooltip" title="Open a new Blackbox Log Viewer window"> New Window </a>
+                        <a class="btn btn-primary btn-video-export" data-toggle="tooltip" title="Export your vide and chart setup to file"> Export video...</a>
                         <a class="btn btn-primary btn-workspaces-export" data-toggle="tooltip" title="Export your workspace configurations to file"> Export Workspaces...</a>
                         <span class="btn btn-primary btn-file" data-toggle="tooltip" title="Open another log file, video file, exported workspace file or configuration dump file"> Open log file/video <input type="file" class="file-open" multiple></span>
                         <button type="button" class="btn btn-default view-zoom-in" data-toggle="tooltip" title="Zoom In Window" style="display: none;">

js/main.js

@@ -5,6 +5,9 @@ var userSettings = {};
 
 var VIEWER_VERSION = '2.5.13'; // Current version
 
+var INNER_BOUNDS_WIDTH  = 1340,
+    INNER_BOUNDS_HEIGHT = 900;
+
 function BlackboxLogViewer() {
     function supportsRequiredAPIs() {
         return window.File && window.FileReader && window.FileList && Modernizr.canvas;
@@ -863,6 +866,15 @@ function BlackboxLogViewer() {
         hasAnalyser = false;
         html.toggleClass("has-analyser", hasAnalyser);
 
+        $(".btn-new-window").click(function(e) {            
+            chrome.app.window.create('index.html', {
+                'innerBounds' : {
+                    'width'  : INNER_BOUNDS_WIDTH,
+                    'height' : INNER_BOUNDS_HEIGHT
+                }
+            });            
+        });
+        
         $(".file-open").change(function(e) {
             var 
                 files = e.target.files,