Commit 269f99eb authored by Emmanuel René Huchim Puc's avatar Emmanuel René Huchim Puc

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

parents 81bdd0f1 d24add86
...@@ -17,7 +17,8 @@ body { ...@@ -17,7 +17,8 @@ body {
} }
.submenu { .submenu {
padding-right: 140px !important; text-align: left;
padding-left: 20px;
} }
.img-comp-container { .img-comp-container {
...@@ -120,9 +121,9 @@ body { ...@@ -120,9 +121,9 @@ body {
padding:0; padding:0;
} }
#reportPage{ /* #reportPage{
height: 940px !important; height: 940px !important;
} } */
#rangecontrol:hover > #slidertitle { #rangecontrol:hover > #slidertitle {
display: block; display: block;
......
...@@ -169,67 +169,67 @@ ...@@ -169,67 +169,67 @@
</a> </a>
<ul class="treeview-menu sidebar-form text-center"> <ul class="treeview-menu sidebar-form text-center">
<span> <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> <input class="form-check-input" type="checkbox" name="layer_type" value="TCI" id="tcicheck" checked>
<label class="form-check-label" for="tcicheck"> <label class="form-check-label" for="tcicheck">
TCI TCI
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_0" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL No Data SCL No Data
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_1" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Saturated SCL Saturated
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_2" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Shadows SCL Shadows
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_3" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Cloud Shadows SCL Cloud Shadows
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_4" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Vegetation SCL Vegetation
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_5" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Not-Vegetated SCL Not-Vegetated
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_6" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Water SCL Water
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_7" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Unclassified SCL Unclassified
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_8" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Clouds SCL Clouds
</label> </label>
</div> </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"> <input class="form-check-input" type="checkbox" name="layer_type" value="SCL_9" id="sclcheck">
<label class="form-check-label" for="sclcheck"> <label class="form-check-label" for="sclcheck">
SCL Snow SCL Snow
......
...@@ -116,29 +116,23 @@ ...@@ -116,29 +116,23 @@
{% block content %} {% block content %}
<!-- Content Wrapper. Contains page content --> <!-- Content Wrapper. Contains page content -->
<!-- Main content --> <!-- Main content -->
<div id="reportPage" class="wrapper" style="background-color: #ecf0f5"> <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>
<div class="container floating-panel" <input id="inputRange" type="range" min="0" max="{{ labels|length }}" step="1" value="0" data-thumbwidth="20">
style="position:absolute;bottom: 40px;width: 500px;z-index: 1000">
<div class="range-control" id="rangecontrol">
<span id="tooltiptext">No Data</span> <datalist class="range__list" id="number">
<input id="inputRange" type="range" min="0" max="{{ labels|length }}" <option>No Data</option>
step="1" value="0" {% for label in labels %}
data-thumbwidth="20"> <option class="range__opt" value="{{ label }}">{{ label|slice:"6:8" }}/{{ label|slice:"4:6" }}/{{label|slice:"0:4" }}</option>
{% endfor %}
</datalist>
<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>
</div>
<div id="reportPage" class="wrapper" style="background-color: #ecf0f5">
<div id="minimap" class="minimap"></div> <div id="minimap" class="minimap"></div>
<section class="content"> <section class="content">
...@@ -310,7 +304,6 @@ ...@@ -310,7 +304,6 @@
var sliderOffsetX = slider2.getBoundingClientRect().left - document.documentElement.getBoundingClientRect().left; var sliderOffsetX = slider2.getBoundingClientRect().left - document.documentElement.getBoundingClientRect().left;
var sliderOffsetY = slider2.getBoundingClientRect().top - document.documentElement.getBoundingClientRect().top; var sliderOffsetY = slider2.getBoundingClientRect().top - document.documentElement.getBoundingClientRect().top;
var sliderWidth = slider2.offsetWidth - 1; var sliderWidth = slider2.offsetWidth - 1;
slider2.addEventListener('mousemove', function (event) { slider2.addEventListener('mousemove', function (event) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment