descripcion reportes

parent d9220827
...@@ -174,10 +174,14 @@ ...@@ -174,10 +174,14 @@
<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>
...@@ -341,6 +345,7 @@ ...@@ -341,6 +345,7 @@
//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) {
...@@ -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,7 +394,7 @@ ...@@ -389,7 +394,7 @@
{% endblock %} {% endblock %}
{% block guide %} {% block guide %}
<script> <script>
$('#initGuide').guides({ $('#initGuide').guides({
guides: [ guides: [
{ {
...@@ -444,5 +449,34 @@ ...@@ -444,5 +449,34 @@
$('.main-header').removeClass('activateMainHeader'); $('.main-header').removeClass('activateMainHeader');
} }
}); });
</script>
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 (data >20 && data <=39){
console.log('de 20 a 29 ' + data + '.');
document.getElementById('image_clouds').src="{% static 'catalog/images/cloud2.png' %}";
}
if (data >40 && data <=59){
console.log('de 20 a 29 ' + data + '.');
document.getElementById('image_clouds').src="{% static 'catalog/images/cloud3.png' %}";
}
if (data >60 && data <=79){
console.log('de 20 a 29 ' + data + '.');
document.getElementById('image_clouds').src="{% static 'catalog/images/cloud4.png' %}";
}
if (data >80 && data <=100){
console.log('de 20 a 29 ' + data + '.');
document.getElementById('image_clouds').src="{% static 'catalog/images/cloud5.png' %}";
}
}
</script>
{% endblock %} {% endblock %}
\ No newline at end of file
...@@ -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>
</div> </a>
</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