Skip to content

GeoInt_SIDT
GeoInt_SIDT
Commit 18c9bddf authored by Ulises Morales Ramírez's avatar Ulises Morales Ramírez
Browse files
Options

descripcion reportes

parent d9220827
Hide whitespace changes
Inline Side-by-side
Showing with 106 additions and 72 deletions
catalog/templates/map.html
View file @ 18c9bddf
...@@ -174,18 +174,22 @@ ...@@ -174,18 +174,22 @@
<li class="cloudTreeview treeview" id="searchCloud"> <li class="cloudTreeview treeview" id="searchCloud">
<a href="#"> <a href="#">
<i class="fa fa-cloud"></i> <i class="fa fa-cloud"></i>
<img id="image_clouds" class="pull-right" src=""
width=40px" style="margin-top: 0px;margin-right: 10px">
<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>
<div class="row"> <div class="row">
<div class="col-lg-9" style="padding-top: 5px;"> <div class="col-lg-9" style="padding-top: 5px;">
<input class="cross-range" type="range" min="0" max="100" step="1" value="5" <input class="cross-range" type="range" min="0" max="100" step="1" value="5"
oninput="setCloudPercentage(this.value)" oninput="setCloudPercentage(this.value)"
id="cloudPercentageSelector" name="cloudPercentage"> id="cloudPercentageSelector" name="cloudPercentage">
</div> </div>
<div class="col-lg-3" style="padding-left:0px;padding-top: 5px;"> <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> --> <!-- <input class="form-text" id="clouds" value="5" oninput="setCloudPercentageSlider(this.value)" name="cloudPercentage" disabled> -->
...@@ -341,13 +345,14 @@ ...@@ -341,13 +345,14 @@
//console.log(clouds) //console.log(clouds)
//document.getElementById("clouds").value = clouds; //document.getElementById("clouds").value = clouds;
document.getElementById("clouds").innerHTML = clouds; document.getElementById("clouds").innerHTML = clouds;
change_cloud(clouds);
} }
function setCloudPercentageSlider(clouds) { function setCloudPercentageSlider(clouds) {
//console.log(clouds) //console.log(clouds)
//TODO //TODO
document.getElementById("cloudPercentageSelector").value = clouds; document.getElementById("cloudPercentageSelector").value = clouds;
if (parseInt(clouds) > 100) { if (parseInt(clouds) > 100) {
document.getElementById("cloudPercentageSelector").value = 100; document.getElementById("cloudPercentageSelector").value = 100;
} }
if (parseInt(clouds) < 0) { if (parseInt(clouds) < 0) {
...@@ -373,7 +378,7 @@ ...@@ -373,7 +378,7 @@
</script> </script>
<script> <script>
$('#id_platform option:first').attr({selected:'selected', disabled:'disabled', hidden:'hidden'}); $('#id_platform option:first').attr({selected: 'selected', disabled: 'disabled', hidden: 'hidden'});
$('#id_platform').change(function () { $('#id_platform').change(function () {
let dateTreeview = $('li.dateTreeview a'); let dateTreeview = $('li.dateTreeview a');
dateTreeview.click(); dateTreeview.click();
...@@ -389,60 +394,89 @@ ...@@ -389,60 +394,89 @@
{% endblock %} {% endblock %}
{% block guide %} {% block guide %}
<script> <script>
$('#initGuide').guides({ $('#initGuide').guides({
guides: [ guides: [
{ {
element: $('#searchPolygon'), element: $('#searchPolygon'),
html: 'Search Region', html: 'Search Region',
render: function (params) { render: function (params) {
setTimeout(() => { setTimeout(() => {
$('.main-sidebar').addClass('activateMainSideBar'); $('.main-sidebar').addClass('activateMainSideBar');
}); });
}
}, {
element: $('#searchProcess'),
html: 'Select the search process',
}, {
element: $('#searchDate'),
html: 'Select the date to search'
}, {
element: $('#searchCloud'),
html: 'Select the percentage of clouds to search'
} }
}, { {% if advanced_search == True %} , {
element: $('#searchProcess'), element: $('#searchPolygonDrawn'),
html: 'Select the search process', html: 'Polygon to search'
}, { }
element: $('#searchDate'), {% endif %}
html: 'Select the date to search' , {
}, { element: $('#search-btn'),
element: $('#searchCloud'), html: 'search button'
html: 'Select the percentage of clouds to search' }, {
element: $('#panelUser'),
html: 'User Panel',
render: function () {
setTimeout(() => {
$('.main-sidebar').removeClass('activateMainSideBar');
$('.main-header').addClass('activateMainHeader');
$('.guides-left').css('top', '40px');
$('.guides-left').css('right', '90px');
});
}
}, {
element: $('#panelShowCart'),
html: 'Show Cart',
render: function () {
setTimeout(() => {
$('.guides-left').css('top', '40px');
$('.guides-left').css('right', '40px');
});
},
}
],
end: function () {
$('.main-header').removeClass('activateMainHeader');
}
});
function change_cloud(data) {
if (data == 0){
console.log('de 20 a 29 ' + data + '.');
document.getElementById('image_clouds').src="";
}
if (data >1 && data <=19){
console.log('de 20 a 29 ' + data + '.');
document.getElementById('image_clouds').src="{% static 'catalog/images/cloud1.png' %}";
} }
{% if advanced_search == True %} , { if (data >20 && data <=39){
element: $('#searchPolygonDrawn'), console.log('de 20 a 29 ' + data + '.');
html: 'Polygon to search' document.getElementById('image_clouds').src="{% static 'catalog/images/cloud2.png' %}";
} }
{% endif %} if (data >40 && data <=59){
, { console.log('de 20 a 29 ' + data + '.');
element: $('#search-btn'), document.getElementById('image_clouds').src="{% static 'catalog/images/cloud3.png' %}";
html: 'search button' }
}, { if (data >60 && data <=79){
element: $('#panelUser'), console.log('de 20 a 29 ' + data + '.');
html: 'User Panel', document.getElementById('image_clouds').src="{% static 'catalog/images/cloud4.png' %}";
render: function () { }
setTimeout(() => { if (data >80 && data <=100){
$('.main-sidebar').removeClass('activateMainSideBar'); console.log('de 20 a 29 ' + data + '.');
$('.main-header').addClass('activateMainHeader'); document.getElementById('image_clouds').src="{% static 'catalog/images/cloud5.png' %}";
$('.guides-left').css('top', '40px');
$('.guides-left').css('right', '90px');
});
}
}, {
element: $('#panelShowCart'),
html: 'Show Cart',
render: function () {
setTimeout(() => {
$('.guides-left').css('top', '40px');
$('.guides-left').css('right', '40px');
});
},
} }
],
end: function () {
$('.main-header').removeClass('activateMainHeader');
} }
});
</script> </script>
{% endblock %} {% endblock %}
\ No newline at end of file
users/templates/profile.html
View file @ 18c9bddf
...@@ -99,23 +99,23 @@ ...@@ -99,23 +99,23 @@
<i class="fa fa-pie-chart margin-r-5"></i> <b>Disk usage</b> <a <i class="fa fa-pie-chart margin-r-5"></i> <b>Disk usage</b> <a
class="pull-right">{{ data.size }}</a> class="pull-right">{{ data.size }}</a>
</li> </li>
<li class="list-group-item">
<div class="row ccontent ">
<div class="col-md-10 col-xs-10 col-lg-10 col-sm-10 col-xl-10"> <li class="list-group-item">
<i class="fa fa-search-plus margin-r-5"></i> <i class="fa fa-search-plus margin-r-5"></i>
<b>Advanced Search</b> <b>Advanced Search</b>
</div> <a class="pull-right">
<div class="col-md-2 col-xs-2 col-lg-2 col-sm-2 col-xl-2 pull-right"> <label class="switch">
<label class="switch"> <input class="pull-right" id="{{ data.user_id }}" type="checkbox"
<input class="pull-right" id="{{ data.user_id }}" type="checkbox" onclick="change_permission({{ data.user_id }})"
onclick="change_permission({{ data.user_id }})" {% if data.advanced_search == True %} checked {% endif %}>
{% if data.advanced_search == True %} checked {% endif %}> <span class="slider round pull-right" style="margin-right: 0px"></span>
<span class="slider round pull-right" style="margin-right: 0px"></span> </label>
</label> </a>
</div>
</div>
</li> </li>
</ul> </ul>
<!--a href="#" class="btn btn-primary btn-block"><b>Follow</b></a--> <!--a href="#" class="btn btn-primary btn-block"><b>Follow</b></a-->
......
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