Merge branch 'dev' of gitlab.geoint.mx:mario.chirinos/GeoInt_SIDT into dev

reports/static/reports/css/scldata.css

@@ -17,7 +17,8 @@ body {
 }
 
 .submenu {
-    padding-right: 140px !important;
+	text-align: left;
+    padding-left: 20px;
 }
 
 .img-comp-container {
@@ -120,9 +121,9 @@ body {
 	padding:0;
 }
 
-#reportPage{
+/* #reportPage{
 	height: 940px !important;
-}
+} */
 
 #rangecontrol:hover > #slidertitle {
     display: block;

reports/templates/aside.html

@@ -169,67 +169,67 @@
             </a>
             <ul class="treeview-menu sidebar-form text-center">
                 <span>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="TCI" id="tcicheck" checked>
                     <label class="form-check-label" for="tcicheck">
                       TCI
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_0" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL No Data
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_1" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Saturated
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_2" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Shadows
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_3" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Cloud Shadows
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_4" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Vegetation
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_5" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Not-Vegetated
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_6" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Water
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_7" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Unclassified
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_8" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Clouds
                     </label>
                   </div>
-                  <div class="form-check">
+                  <div class="form-check submenu">
                     <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_9" id="sclcheck">
                     <label class="form-check-label" for="sclcheck">
                       SCL Snow

reports/templates/sclData.html

@@ -116,29 +116,23 @@
 {% block content %}
     <!-- Content Wrapper. Contains page content -->
     <!-- Main content -->
-    <div id="reportPage" class="wrapper" style="background-color: #ecf0f5">
-
-
-        <div class="container floating-panel"
-             style="position:absolute;bottom: 40px;width: 500px;z-index: 1000">
-            <div class="range-control" id="rangecontrol">
-                <span id="tooltiptext">No Data</span>
-                <input id="inputRange" type="range" min="0" max="{{ labels|length }}"
-                       step="1" value="0"
-                       data-thumbwidth="20">
-
-
-                <datalist class="range__list" id="number">
-                    <option>No Data</option>
-                    {% for label in labels %}
-                        <option class="range__opt"
-                                value="{{ label }}">{{ label|slice:"6:8" }}/{{ label|slice:"4:6" }}/{{ label|slice:"0:4" }}</option>
-                    {% endfor %}
-                </datalist>
-
-            </div>
+    <div class="container floating-panel" style="position:absolute; bottom: 40px; left: 12%; width: 500px; z-index: 1000">
+        <div class="range-control" id="rangecontrol">
+            <span id="tooltiptext">No Data</span>
+            <input id="inputRange" type="range" min="0" max="{{ labels|length }}" step="1" value="0" data-thumbwidth="20">
+    
+    
+            <datalist class="range__list" id="number">
+                <option>No Data</option>
+                {% for label in labels %}
+                <option class="range__opt" value="{{ label }}">{{ label|slice:"6:8" }}/{{ label|slice:"4:6" }}/{{label|slice:"0:4" }}</option>
+                {% endfor %}
+            </datalist>
+    
         </div>
+    </div>
 
+    <div id="reportPage" class="wrapper" style="background-color: #ecf0f5">
         <div id="minimap" class="minimap"></div>
 
         <section class="content">
@@ -310,7 +304,6 @@
 
         var sliderOffsetX = slider2.getBoundingClientRect().left - document.documentElement.getBoundingClientRect().left;
         var sliderOffsetY = slider2.getBoundingClientRect().top - document.documentElement.getBoundingClientRect().top;
-
         var sliderWidth = slider2.offsetWidth - 1;
 
         slider2.addEventListener('mousemove', function (event) {