descripcion reportes

parent 4562eac7
......@@ -300,6 +300,40 @@ function creatCategoryProductContainer(catalog){
})
}
function creatCategoryProductContainer2(catalog){
productCategory = new Map();
console.log(catalog);
console.log(catalog[0].product.title);
console.log(catalog[0].start_date);
console.log(catalog[0].end_date);
console.log(catalog.length);
var temp_1 = document.querySelector('#product_list_category_2');
temp_1.content.querySelector('span').textContent = catalog[0].product.beginposition;
temp_1.content.querySelectorAll('span')[1].textContent = catalog[0].start_date;
temp_1.content.querySelectorAll('span')[2].textContent = catalog[0].end_date;
temp_1.content.querySelectorAll('span')[3].textContent = catalog.length;
temp_1.content.querySelector('ul .control-sidebar-menu').id = "L-"+ catalog[0].product.title;
var clone_1 = document.importNode(temp_1.content, true);
document.querySelector('#product-list-globe').appendChild(clone_1);
productCategory = new Map();
catalog.forEach(function(category){
if (!productCategory.has(category.product.tileid)){
productCategory.set(category.product.tileid, 1)
var temp_1 = document.querySelector('#product_list_category');
temp_1.content.querySelector('li').classList.add("hidden");
temp_1.content.querySelector('span').textContent = category.product.tileid;
temp_1.content.querySelector('ul .control-sidebar-menu').id = "L-"+ category.product.tileid;
var clone_1 = document.importNode(temp_1.content, true);
document.querySelector('#product-list-globe').appendChild(clone_1);
}
})
}
$('#ajax-input').focus(function () {
console.log('in');
INPUT_ON_FOCUS = true;
......@@ -441,7 +475,8 @@ $(document).ready(function () {
if (product_list.catalog.length > 0) {
creatCategoryProductContainer(data.catalog);
if (advanced_search == 'True'){creatCategoryProductContainer(data.catalog);}
else {creatCategoryProductContainer2(data.catalog);}
requestedImages = 0
catalogLength = data.catalog.length
data.catalog.forEach(function (data, index) {
......
......@@ -343,7 +343,7 @@
//document.getElementById("clouds").value = clouds;
document.getElementById("clouds").innerHTML = clouds;
}
function setCloudPercentageSlider(clouds) {
//console.log(clouds)
//TODO
......@@ -368,6 +368,7 @@
var prod_from_cartDB_url = "{% url 'from-cart-rqst' %}"; // url for requesting product from cart table in DB
var purch_prod_url = "{% url 'purch-prod-rqst' %}";
var del_prod_cartDB_url = "{% url 'del-cart-rqst' %}";
var advanced_search = '{{ advanced_search }}';
</script>
<script>
......
<!--
Templates for filling with info in dataRetrieval.js file
-->
......@@ -6,132 +5,175 @@
<!-- T E M P L A T E S -->
<!-- city list template -->
<template id="city_list_template">
<li id="" onclick="drawPolygon(this)" class="pol">
<div class="box box-warning box-solid">
<div class="box-header with-border">
<span class="pol-title"></span>
</div>
<div class="box-body">
<span class="pol-body"></span><br>
<div class="pol-src"></div>
</div>
</div>
</li>
<li id="" onclick="drawPolygon(this)" class="pol">
<div class="box box-warning box-solid">
<div class="box-header with-border">
<span class="pol-title"></span>
</div>
<div class="box-body">
<span class="pol-body"></span><br>
<div class="pol-src"></div>
</div>
</div>
</li>
</template>
<!-- city list template -->
<template id="product_list_category_2">
<li class="treeview">
<a href="#">
<div class="row">
<div class="col-lg-2" style="padding-top:33px">
<i class="fa fa-cubes"></i>
</div>
<div class="col-lg-8" style="padding: 0px">
<div>
<span id=""></span>
</div>
<div>
<label>Start Date: </label>
<span></span>
</div>
<div>
<label>End Date: </label>
<span></span>
</div>
<div>
<label>Number of objects: </label>
<span></span>
</div>
<span class="pull-right-container">
<span class="label label-primary pull-right"></span>
</span>
</div>
<!--div class="col-lg-2" style="padding-top:33px">
<i class="glyphicon glyphicon-remove" style="" onclick="deleteProductCar(this);"></i>
</div-->
</div>
</a>
<ul class="treeview-menu sidebar-form">
<li>
<ul id="" class="control-sidebar-menu product_list_category"></ul>
</li>
</ul>
</li>
</template>
<!-- product list template -->
<template id="product_list_category">
<li class="treeview">
<a href="#">
<i class="fa fa-cubes"></i>
<span></span>
<span class="pull-right-container">
<li class="treeview" id="lista_productos">
<a href="#">
<i class="fa fa-cubes"></i>
<span></span>
<span class="pull-right-container">
<span class="label label-primary pull-right"></span>
</span>
</a>
<ul class="treeview-menu sidebar-form">
<li>
<ul id="" class="control-sidebar-menu product_list_category"></ul>
</li>
</ul>
</li>
</a>
<ul class="treeview-menu sidebar-form">
<li>
<ul id="" class="control-sidebar-menu product_list_category"></ul>
</li>
</ul>
</li>
</template>
<template id="product_list_template">
<div id="" class="single-product-input">
<input type="checkbox" name="product_selected" value="" checked>
</div>
<li id="" onclick="drawApiResponse(this);">
<a href="javascript:void(0)">
<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
<div class="menu-info">
<h4 id="" class="control-sidebar-subheading"></h4>
<p></p>
<!-- <input type="checkbox" name="product_selected" value="" checked> -->
</div>
</a>
<div class="info-product-box bg-geo">
<div id="" class="single-product-input">
<input type="checkbox" name="product_selected" value="" checked>
</div>
<li id="" onclick="drawApiResponse(this);">
<a href="javascript:void(0)">
<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
<div class="menu-info">
<h4 id="" class="control-sidebar-subheading"></h4>
<p></p>
<!-- <input type="checkbox" name="product_selected" value="" checked> -->
</div>
</a>
<div class="info-product-box bg-geo">
<span class="info-product-box-img">
<img src="">
</span>
<div class="info-product-box-content">
<span class="info-product-box-text"></span>
<span class="info-product-box-number"></span>
<div class="progress">
<div class="progress-bar" style="width: 100%"></div>
<div class="info-product-box-content">
<span class="info-product-box-text"></span>
<span class="info-product-box-number"></span>
<div class="progress">
<div class="progress-bar" style="width: 100%"></div>
</div>
<span class="progress-description"></span>
</div>
</div>
<span class="progress-description"></span>
</div>
</div>
</li>
</li>
</template>
<!-- product list template -->
<!-- product in cart templates -->
<template id="product_cart_1">
<li class="treeview">
<a href="#">
<div class="row">
<div class="col-lg-2" style="padding-top:33px">
<i class="fa fa-cubes"></i>
</div>
<div class="col-lg-8" style="padding: 0px">
<div>
<span id="" ></span>
</div>
<div>
<label>Process: </label>
<span></span>
</div>
<div>
<label>Start Date: </label>
<span></span>
</div>
<div>
<label>End Date: </label>
<span></span>
</div>
<span class="pull-right-container">
<li class="treeview">
<a href="#">
<div class="row">
<div class="col-lg-2" style="padding-top:33px">
<i class="fa fa-cubes"></i>
</div>
<div class="col-lg-8" style="padding: 0px">
<div>
<span id=""></span>
</div>
<div>
<label>Process: </label>
<span></span>
</div>
<div>
<label>Start Date: </label>
<span></span>
</div>
<div>
<label>End Date: </label>
<span></span>
</div>
<span class="pull-right-container">
<span class="label label-primary pull-right"></span>
</span>
</div>
<div class="col-lg-2" style="padding-top:33px">
<i class="glyphicon glyphicon-remove" style="" onclick="deleteProductCar(this);"></i>
</div>
</div>
</a>
<ul class="treeview-menu sidebar-form">
<li>
<ul id="" class="control-sidebar-menu product_list_category"></ul>
</li>
</ul>
</li>
</div>
<div class="col-lg-2" style="padding-top:33px">
<i class="glyphicon glyphicon-remove" style="" onclick="deleteProductCar(this);"></i>
</div>
</div>
</a>
<ul class="treeview-menu sidebar-form">
<li>
<ul id="" class="control-sidebar-menu product_list_category"></ul>
</li>
</ul>
</li>
</template>
<template id="product_cart_2">
<li id="">
<a href="javascript:void(0)">
<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
<div class="menu-info">
<h4 id="" class="control-sidebar-subheading"></h4>
<p></p>
</div>
</a>
<div class="info-product-box bg-geo">
<li id="">
<a href="javascript:void(0)">
<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
<div class="menu-info">
<h4 id="" class="control-sidebar-subheading"></h4>
<p></p>
</div>
</a>
<div class="info-product-box bg-geo">
<span class="info-product-box-img">
<img src="">
</span>
<div class="info-product-box-content">
<span class="info-product-box-text"></span>
<span class="info-product-box-number"></span>
<div class="progress">
<div class="progress-bar" style="width: 100%"></div>
<div class="info-product-box-content">
<span class="info-product-box-text"></span>
<span class="info-product-box-number"></span>
<div class="progress">
<div class="progress-bar" style="width: 100%"></div>
</div>
<span class="progress-description"></span>
</div>
</div>
<span class="progress-description"></span>
</div>
</div>
</li>
</li>
</template>
<!-- product in cart templates -->
<!-- T E M P L A T E S -->
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