Add ability to hide the analyser

Just to clear the graph area when analyser not required.

Author: Gary Keeble

index.html

@@ -234,6 +234,7 @@ <h4>Log sync</h4>
                 <h2>Legend <span class="log-close-legend-dialog glyphicon glyphicon-remove"></span></h2>
                 <div class="log-graph-legend">
                 </div>
+                <button type="button" class="btn btn-default btn-block hide-analyser-window">Hide Analyser</button>
                 <button type="button" class="btn btn-default btn-block open-graph-configuration-dialog">Graph setup</button>
             </div>
         </div>

js/graph_legend.js

@@ -39,18 +39,31 @@ function GraphLegend(targetElem, config, onVisibilityChange, onNewSelectionChang
                config.selectedFieldName     = this.innerText;
                config.selectedGraphIndex    = $(this).attr('graph');
                config.selectedFieldIndex    = $(this).attr('field');
+               $('.hide-analyser-window').show();
                if (onNewSelectionChange) {
                    onNewSelectionChange();
                }
         });
 
+        // Add a button to remove the analyser display
+        $('.hide-analyser-window').on('click', function() {
+            config.selectedFieldName = null;
+            $(this).hide();
+            if (onNewSelectionChange) {
+               onNewSelectionChange();
+               }            
+        });
+
         $('.log-close-legend-dialog').on('click', function() {
             that.hide();
         });
 
         $('.log-open-legend-dialog').on('click', function() {
             that.show();
         });
+
+        // on first show, hide the analyser button
+        if(!config.selectedFieldName) $('.hide-analyser-window').hide();
     }
 
     this.show = function() {