descripcion reportes

reports/static/reports/css/crossrange.css

@@ -21,7 +21,7 @@ input[type=range]::-webkit-slider-thumb {
   box-shadow: 0px 0px 0px #000000;
   border: 0px solid #000000;
   height: 20px;
-  width: 20px;
+  width: 40px;
   border-radius: 12px;
   background: #dc7828;
   cursor: pointer;

reports/templates/sclData.html

@@ -122,7 +122,7 @@
     <!-- Main content -->
     <div id="timeLine" class="container col-md-12 floating-panel slidecontainer"
          style="position:absolute;  display:block; bottom: 40px; width: 500px; z-index: 1000">
-        <div id="set_Range_date" class="col-md-4 pull-right">{{ labels.0|slice:"6:8" }}/{{ labels.0|slice:"4:6" }}/{{ labels.0|slice:"0:4" }}</div>
+        <div id="set_Range_date" class="col-md-4 pull-right">{{ labels|first|slice:"6:8" }}/{{ labels|first|slice:"4:6" }}/{{ labels|first|slice:"0:4" }}</div>
         <div class="range-control col-md-8" id="rangecontrol">
             <input class="cross-range" id="inputRange" type="range" min="0" max="{{ labels|length|add:'-1' }}" step="1"
                    value="0" data-thumbwidth="20" style="background: transparent;">
@@ -140,7 +140,7 @@
 
     <div id="selectLeft" class="container col-md-12 floating-panel"
          style="position:absolute; display:none; bottom: 50px; left: 30%; width: 300px; z-index: 1000">
-    <div id="set_Range_date2" class="col-md-4 pull-left">{{ labels.0|slice:"6:8" }}/{{ labels.0|slice:"4:6" }}/{{ labels.0|slice:"0:4" }}</div>
+    <div id="set_Range_date2" class="col-md-4 pull-left">{{ labels|first|slice:"6:8" }}/{{ labels|first|slice:"4:6" }}/{{ labels|first|slice:"0:4" }}</div>
 
         <div class="col-md-8">
             <!--<select onchange="selectLeft(this.value)" id="selectLeftCompare">
@@ -155,7 +155,7 @@
 
     <div id="selectRight" class="container col-md-12 floating-panel"
          style="position:absolute; display:none; bottom: 50px; left: 75%; width: 300px; z-index: 1000">
-    <div id="set_Range_date3" class="col-md-4 pull-left">{{ labels.0|slice:"6:8" }}/{{ labels.0|slice:"4:6" }}/{{ labels.0|slice:"0:4" }}</div>
+    <div id="set_Range_date3" class="col-md-4 pull-left">{{ labels|last|slice:"6:8" }}/{{ labels|last|slice:"4:6" }}/{{ labels|last|slice:"0:4" }}</div>
 
         <div class="col-md-8">
             <!--<select onchange="selectRight(this.value)" id="selectRightCompare">
@@ -164,7 +164,7 @@
                  {% endfor %}
                 </select>-->
             <input class="cross-range" id="selectRightCompare" type="range" min="0" max="{{ labels|length|add:'-1' }}"
-                   step="1" value="0" data-thumbwidth="20" style="background: transparent;">
+                   step="1" value="{{ labels|length|add:'-1' }}" data-thumbwidth="20" style="background: transparent;">
         </div>
     </div>