Skip to content

GeoInt_SIDT
GeoInt_SIDT
Commit ec3a298a authored by Emmanuel René Huchim Puc's avatar Emmanuel René Huchim Puc
Browse files
Options

hide scl checkboxes without data

parent 8ad4750f
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 31 deletions
reports/templates/aside.html
View file @ ec3a298a
......@@ -175,72 +175,72 @@
TCI
</label>
</div>
<!-- <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">
<!-- <div class="form-check submenu" style="display:none" id="sclcheck-no-data">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_0">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #383838"></i>
&nbspSCL No Data
</label>
</div> -->
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-saturated">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_1">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #de3d3d"></i>
&nbspSCL Saturated
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-shadows">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_2">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #696767"></i>
&nbspSCL Shadows
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-cloud-shadows">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_3">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #98775b"></i>
&nbspSCL Cloud Shadows
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-vegetation">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_4">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #44ba5d"></i>
&nbspSCL Vegetation
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-not-vegetated">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_5">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #fff98b"></i>
&nbspSCL Not-Vegetated
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-water">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_6">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #659acc"></i>
&nbspSCL Water
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-unclassified">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_7">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #ababab"></i>
&nbspSCL Unclassified
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-clouds">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_8">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #dddddd"></i>
&nbspSCL Clouds
</label>
</div>
<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">
<div class="form-check submenu" style="display:none" id="sclcheck-snow">
<input class="form-check-input" type="checkbox" name="layer_type" value="SCL_9">
<label class="form-check-label">
<i class="fa fa-circle" aria-hidden="true" style="color: #ff8afa"></i>
&nbspSCL Snow
</label>
......
reports/templates/sclData.html
View file @ ec3a298a
......@@ -363,6 +363,17 @@
//}
};
var showSCLcheckboxes = function(datasets) {
if (!datasets || datasets.length < 1) {
return;
}
datasets.forEach(function(data) {
let checkbox_id = '#sclcheck-'+data.label.toLowerCase().replace(' ','-');
$(checkbox_id).css("display",'');
});
}
var label;
// Recibimos el JSON con los datos desde el View
{% autoescape off %}
......@@ -389,7 +400,8 @@
onClick: newLegendClickHandler,
}
};
console.log(config);
showSCLcheckboxes(config.data.datasets);
{% endautoescape %}
</script>
<script type="text/javascript" src="{% static 'reports/js/reportImg.js' %}"></script>
......
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