Se desactiva el boton de mostrar grafica al entrar al modo de comparacion

reports/static/reports/css/scldata.css

@@ -331,6 +331,11 @@ select::-ms-expand {
 
 /*progress bar effect*/
 
+a[disabled="disabled"] {
+     pointer-events: none;
+     opacity: 0.2;
+}
+
 /*left and right arrows for slider with font-awesome*/
 
 .fas.fa-chevron-left {
@@ -359,4 +364,4 @@ select::-ms-expand {
 
 .fas.fa-chevron-right:hover {
     color: rgba(0,60,136,.7);
-}
\ No newline at end of file
+}

reports/static/reports/js/minimap.js

@@ -164,6 +164,13 @@ var ctrl = new ol.control.Swipe();
 //recibe la lista de fechas y por default compara la primera y la ultima
 function compare(labels) {
     var swipeControl = false;
+    
+    //oculta la grafica si esta abierta
+    $("#draggableChart").css('z-index', -1);
+    $(".showChart").show();
+    $(".hideChart").hide();
+    //desactiva el botón de mostrar la gráfica
+    $('#showGraph').attr('disabled',true);    
 
     map.getControls().forEach(function (control) {  //checa si ya se añadio el control de comparacion (swipe), si no lo tiene, lo agrega
         if (control instanceof ol.control.Swipe) { //si ya tiene el control agregado
@@ -220,6 +227,9 @@ function exitCompare() {
     document.getElementById("selectLeft").style.display = "none";
     document.getElementById("selectRight").style.display = "none";
     document.getElementById("timeLine").style.display = "block";
+    
+    //activa el boton de la grafica
+    $('#showGraph').attr('disabled',false);    
 }
 
 
@@ -325,4 +335,4 @@ function showControlMap() {
         $("#hideControlMap").hide();
         $(".mapControl").hide();
     }
-}
\ No newline at end of file
+}

reports/templates/aside.html

@@ -26,7 +26,7 @@
         </li>
             {% else %}
             <li>
-            <a class="treeview " href="#" onclick="showGraph()">
+            <a class="treeview " href="#" onclick="showGraph()" id="showGraph">
                 <i class="fa fa-eye showChart"></i>
                 <i class="fa fa-eye-slash hideChart" style="display:none"></i>
                 <span class="showChart">Show Chart</span>