Skip to content

GeoInt_SIDT
GeoInt_SIDT
Commit ab3a5e9a authored by Sergio Adrian Gongora Euan's avatar Sergio Adrian Gongora Euan
Browse files
Options

cloud percentege style changed

parent 15fb883f
Hide whitespace changes
Inline Side-by-side
Showing with 19 additions and 10 deletions
catalog/templates/map.html
View file @ ab3a5e9a
...@@ -187,16 +187,24 @@ ...@@ -187,16 +187,24 @@
<i class="fa fa-cloud"></i> <i class="fa fa-cloud"></i>
<span>Cloud percentage</span> <span>Cloud percentage</span>
<span class="pull-right-container"> <span class="pull-right-container">
<span class="label label-primary pull-right"></span> <span class="label label-primary pull-right"></span>
</span> </span>
</a> </a>
<ul class="treeview-menu sidebar-form"> <ul class="treeview-menu sidebar-form">
<li> <li>
<input class="form-text" id="clouds" value="5" oninput="setCloudPercentageSlider(this.value)" name="cloudPercentage" disabled> <div class="row">
<input class="cross-range" type="range" min="0" max="100" step="1" value="5" oninput="setCloudPercentage(this.value)" id="cloudPercentageSelector" name=cloudPercentage> <div class="col-lg-9" style="padding-top: 5px;">
<input class="cross-range" type="range" min="0" max="100" step="1" value="5" oninput="setCloudPercentage(this.value)"
id="cloudPercentageSelector" name="cloudPercentage">
</div>
<div class="col-lg-3" style="padding-left:0px;padding-top: 5px;">
<!-- <input class="form-text" id="clouds" value="5" oninput="setCloudPercentageSlider(this.value)" name="cloudPercentage" disabled> -->
<span id="clouds">5</span>
</div>
</div>
</li>
</ul>
</li> </li>
</ul>
</li>
<li> <li>
<a href="#"><div class="modal"><!-- Place at bottom of page --></div> <a href="#"><div class="modal"><!-- Place at bottom of page --></div>
<span> <span>
...@@ -328,7 +336,8 @@ ...@@ -328,7 +336,8 @@
function setCloudPercentage(clouds) { function setCloudPercentage(clouds) {
//console.log(clouds) //console.log(clouds)
document.getElementById("clouds").value=clouds; //document.getElementById("clouds").value = clouds;
document.getElementById("clouds").innerHTML=clouds;
} }
function setCloudPercentageSlider(clouds) { function setCloudPercentageSlider(clouds) {
//console.log(clouds) //console.log(clouds)
......
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