graph.js, scatterPlot.js, css: toggle visibility of this bar depending on the choosen axis

.setOtherVisibility()

browser/css/dark.css

@@ -184,6 +184,7 @@ line {
   stroke: #839496;
   opacity: 0.25 ;
   stroke-width: 10px;
+  display: none;
 }
 .axis_h {
   stroke: #839496;

browser/css/light.css

@@ -184,6 +184,7 @@ line {
   stroke: #657b83;
   opacity: 0.25 ;
   stroke-width: 10px;
+  display: none;
 }
 .axis_h {
   stroke: #657b83;

browser/css/vidjil.less

@@ -232,6 +232,7 @@ line {
   stroke: @default ;
   opacity: 0.25 ;
   stroke-width: 10px;
+  display: none;
 }
 
 .axis_h{

browser/js/graph.js

@@ -102,6 +102,7 @@ function Graph(id, model) {
     this.text_position_x = 60;
 
     this.m.view.push(this)
+    this.m.graph = this // TODO: find a better way to do this
 }
 
 Graph.prototype = {
@@ -1070,7 +1071,7 @@ Graph.prototype = {
         //other selected time_point
         if ( this.m.samples.order.indexOf(this.m.tOther) != -1 ){
             this.mobilOther = {};
-            this.mobilOther.type = "axis_m_previous";
+            this.mobilOther.type = "axis_m_other";
             this.mobilOther.text = "";
             this.mobilOther['class'] = "graph_text";
             this.mobilOther.orientation = "vert";
@@ -1080,7 +1081,14 @@ Graph.prototype = {
         
         return this
     },
-    
+
+    setOtherVisibility: function (visible) {
+        if (visible) {
+            $(".axis_m_other").show("fast")
+        } else {
+            $(".axis_m_other").hide("fast")
+        }
+    },
 
 /* ************************************************ *
  * RENDERER FUNCTIONS

browser/js/scatterPlot.js

@@ -1964,6 +1964,11 @@ ScatterPlot.prototype = {
         }else{
             this.update();
         }
+
+        if (typeof m.graph != "undefined") {
+            m.graph.setOtherVisibility(this.splitX == "otherSize" || this.splitY == "otherSize")
+        }
+
     },