Commit 8062d9f2 authored by Ulises Morales Ramírez's avatar Ulises Morales Ramírez
parents 46ead909 a363db4e
......@@ -438,4 +438,13 @@ div .sidebar-input input[type="text"] {
}
.control-sidebar-open{
right: 0px !important;
}
.activateMainSideBar{
z-index: 99997;
position: absolute;
}
.activateMainHeader{
z-index: 99997;
}
\ No newline at end of file
......@@ -232,43 +232,8 @@
</div>
{% endif %}
<script>
$('#initGuide').guides({
guides: [{
element: $('#searchPolygon'),
html: 'Search Region'
},{
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'
},{
element: $('#search-btn'),
html: 'search button'
},{
element: $('#panelUser'),
html: 'User Panel',
render: function () {
setTimeout(() => {
$('.guides-left').css('right', '90px');
});
}
}, {
element: $('#panelShowCart'),
html: 'Show Cart',
render: function () {
setTimeout(() => {
$('.guides-left').css('right', '40px');
});
}
}
]
});
</script>
{% block guide %}
{% endblock %}
</body>
</html>
......@@ -171,34 +171,21 @@
<li>{{ searchForm.end }}</li>
</ul>
</li>
<li class="treeview {% if advanced_search == False %} hidden {% endif %} ">
<a href="#">
<i class="fa fa-map"></i>
<span>Polygon</span>
<span class="pull-right-container">
<span class="label label-primary pull-right"></span>
</span>
</a>
<ul class="treeview-menu sidebar-form">
<li>{{ searchForm.polygon }}</li>
</ul>
</li>
<li class="cloudTreeview treeview" id="searchCloud">
<a href="#">
<i class="fa fa-cloud"></i>
<span>Cloud percentage</span>
<span class="pull-right-container">
<span class="label label-primary pull-right"></span>
</span>
<span class="label label-primary pull-right"></span>
</span>
</a>
<ul class="treeview-menu sidebar-form">
<li>
<div class="row">
<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">
<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> -->
......@@ -208,6 +195,18 @@
</li>
</ul>
</li>
<li class="treeview {% if advanced_search == False %} hidden {% endif %} " id="searchPolygonDrawn">
<a href="#">
<i class="fa fa-map"></i>
<span>Polygon</span>
<span class="pull-right-container">
<span class="label label-primary pull-right"></span>
</span>
</a>
<ul class="treeview-menu sidebar-form">
<li>{{ searchForm.polygon }}</li>
</ul>
</li>
<li>
<a href="#">
<div class="modal"><!-- Place at bottom of page --></div>
......@@ -385,3 +384,63 @@
});
</script>
{% endblock %}
{% block guide %}
<script>
$('#initGuide').guides({
guides: [
{
element: $('#searchPolygon'),
html: 'Search Region',
render: function (params) {
setTimeout(() => {
$('.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: $('#searchPolygonDrawn'),
html: 'Polygon to search'
}
{% endif %}
, {
element: $('#search-btn'),
html: 'search button'
}, {
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 () {
console.log("Finished")
$('.main-header').removeClass('activateMainHeader');
}
});
</script>
{% endblock %}
\ No newline at end of file
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