Skip to content

GeoInt_SIDT
GeoInt_SIDT
Commit 46ead909 authored by Ulises Morales Ramírez's avatar Ulises Morales Ramírez
Browse files
Options

descripcion reportes

parent 4562eac7
Hide whitespace changes
Inline Side-by-side
Showing with 179 additions and 101 deletions
catalog/static/catalog/js/dataRetrieval.js
View file @ 46ead909
...@@ -300,6 +300,40 @@ function creatCategoryProductContainer(catalog){ ...@@ -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 () { $('#ajax-input').focus(function () {
console.log('in'); console.log('in');
INPUT_ON_FOCUS = true; INPUT_ON_FOCUS = true;
...@@ -441,7 +475,8 @@ $(document).ready(function () { ...@@ -441,7 +475,8 @@ $(document).ready(function () {
if (product_list.catalog.length > 0) { if (product_list.catalog.length > 0) {
creatCategoryProductContainer(data.catalog); if (advanced_search == 'True'){creatCategoryProductContainer(data.catalog);}
else {creatCategoryProductContainer2(data.catalog);}
requestedImages = 0 requestedImages = 0
catalogLength = data.catalog.length catalogLength = data.catalog.length
data.catalog.forEach(function (data, index) { data.catalog.forEach(function (data, index) {
......
catalog/templates/map.html
View file @ 46ead909
...@@ -343,7 +343,7 @@ ...@@ -343,7 +343,7 @@
//document.getElementById("clouds").value = clouds; //document.getElementById("clouds").value = clouds;
document.getElementById("clouds").innerHTML = clouds; document.getElementById("clouds").innerHTML = clouds;
} }
function setCloudPercentageSlider(clouds) { function setCloudPercentageSlider(clouds) {
//console.log(clouds) //console.log(clouds)
//TODO //TODO
...@@ -368,6 +368,7 @@ ...@@ -368,6 +368,7 @@
var prod_from_cartDB_url = "{% url 'from-cart-rqst' %}"; // url for requesting product from cart table in DB 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 purch_prod_url = "{% url 'purch-prod-rqst' %}";
var del_prod_cartDB_url = "{% url 'del-cart-rqst' %}"; var del_prod_cartDB_url = "{% url 'del-cart-rqst' %}";
var advanced_search = '{{ advanced_search }}';
</script> </script>
<script> <script>
......
catalog/templates/templates.html
View file @ 46ead909
<!-- <!--
Templates for filling with info in dataRetrieval.js file Templates for filling with info in dataRetrieval.js file
--> -->
...@@ -6,132 +5,175 @@ ...@@ -6,132 +5,175 @@
<!-- T E M P L A T E S --> <!-- T E M P L A T E S -->
<!-- city list template --> <!-- city list template -->
<template id="city_list_template"> <template id="city_list_template">
<li id="" onclick="drawPolygon(this)" class="pol"> <li id="" onclick="drawPolygon(this)" class="pol">
<div class="box box-warning box-solid"> <div class="box box-warning box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<span class="pol-title"></span> <span class="pol-title"></span>
</div> </div>
<div class="box-body"> <div class="box-body">
<span class="pol-body"></span><br> <span class="pol-body"></span><br>
<div class="pol-src"></div> <div class="pol-src"></div>
</div> </div>
</div> </div>
</li> </li>
</template> </template>
<!-- city list 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 --> <!-- product list template -->
<template id="product_list_category"> <template id="product_list_category">
<li class="treeview"> <li class="treeview" id="lista_productos">
<a href="#"> <a href="#">
<i class="fa fa-cubes"></i> <i class="fa fa-cubes"></i>
<span></span> <span></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>
<ul id="" class="control-sidebar-menu product_list_category"></ul> <ul id="" class="control-sidebar-menu product_list_category"></ul>
</li> </li>
</ul> </ul>
</li> </li>
</template> </template>
<template id="product_list_template"> <template id="product_list_template">
<div id="" class="single-product-input"> <div id="" class="single-product-input">
<input type="checkbox" name="product_selected" value="" checked> <input type="checkbox" name="product_selected" value="" checked>
</div> </div>
<li id="" onclick="drawApiResponse(this);"> <li id="" onclick="drawApiResponse(this);">
<a href="javascript:void(0)"> <a href="javascript:void(0)">
<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i> <i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 id="" class="control-sidebar-subheading"></h4> <h4 id="" class="control-sidebar-subheading"></h4>
<p></p> <p></p>
<!-- <input type="checkbox" name="product_selected" value="" checked> --> <!-- <input type="checkbox" name="product_selected" value="" checked> -->
</div> </div>
</a> </a>
<div class="info-product-box bg-geo"> <div class="info-product-box bg-geo">
<span class="info-product-box-img"> <span class="info-product-box-img">
<img src=""> <img src="">
</span> </span>
<div class="info-product-box-content"> <div class="info-product-box-content">
<span class="info-product-box-text"></span> <span class="info-product-box-text"></span>
<span class="info-product-box-number"></span> <span class="info-product-box-number"></span>
<div class="progress"> <div class="progress">
<div class="progress-bar" style="width: 100%"></div> <div class="progress-bar" style="width: 100%"></div>
</div>
<span class="progress-description"></span>
</div>
</div> </div>
<span class="progress-description"></span> </li>
</div>
</div>
</li>
</template> </template>
<!-- product list template --> <!-- product list template -->
<!-- product in cart templates --> <!-- product in cart templates -->
<template id="product_cart_1"> <template id="product_cart_1">
<li class="treeview"> <li class="treeview">
<a href="#"> <a href="#">
<div class="row"> <div class="row">
<div class="col-lg-2" style="padding-top:33px"> <div class="col-lg-2" style="padding-top:33px">
<i class="fa fa-cubes"></i> <i class="fa fa-cubes"></i>
</div> </div>
<div class="col-lg-8" style="padding: 0px"> <div class="col-lg-8" style="padding: 0px">
<div> <div>
<span id="" ></span> <span id=""></span>
</div> </div>
<div> <div>
<label>Process: </label> <label>Process: </label>
<span></span> <span></span>
</div> </div>
<div> <div>
<label>Start Date: </label> <label>Start Date: </label>
<span></span> <span></span>
</div> </div>
<div> <div>
<label>End Date: </label> <label>End Date: </label>
<span></span> <span></span>
</div> </div>
<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>
</div> </div>
<div class="col-lg-2" style="padding-top:33px"> <div class="col-lg-2" style="padding-top:33px">
<i class="glyphicon glyphicon-remove" style="" onclick="deleteProductCar(this);"></i> <i class="glyphicon glyphicon-remove" style="" onclick="deleteProductCar(this);"></i>
</div> </div>
</div> </div>
</a> </a>
<ul class="treeview-menu sidebar-form"> <ul class="treeview-menu sidebar-form">
<li> <li>
<ul id="" class="control-sidebar-menu product_list_category"></ul> <ul id="" class="control-sidebar-menu product_list_category"></ul>
</li> </li>
</ul> </ul>
</li> </li>
</template> </template>
<template id="product_cart_2"> <template id="product_cart_2">
<li id=""> <li id="">
<a href="javascript:void(0)"> <a href="javascript:void(0)">
<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i> <i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 id="" class="control-sidebar-subheading"></h4> <h4 id="" class="control-sidebar-subheading"></h4>
<p></p> <p></p>
</div> </div>
</a> </a>
<div class="info-product-box bg-geo"> <div class="info-product-box bg-geo">
<span class="info-product-box-img"> <span class="info-product-box-img">
<img src=""> <img src="">
</span> </span>
<div class="info-product-box-content"> <div class="info-product-box-content">
<span class="info-product-box-text"></span> <span class="info-product-box-text"></span>
<span class="info-product-box-number"></span> <span class="info-product-box-number"></span>
<div class="progress"> <div class="progress">
<div class="progress-bar" style="width: 100%"></div> <div class="progress-bar" style="width: 100%"></div>
</div>
<span class="progress-description"></span>
</div>
</div> </div>
<span class="progress-description"></span> </li>
</div>
</div>
</li>
</template> </template>
<!-- product in cart templates --> <!-- product in cart templates -->
<!-- T E M P L A T E S --> <!-- 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