Commit 44a74f0e authored by Renán Sosa Guillen's avatar Renán Sosa Guillen

prueba

parent 86898394
......@@ -144,7 +144,7 @@ div .item-info-view {
top: 52px;
left: -402px;
width: 400px;
height: 418px;
height: 360px;
background-color: #dc7828;
}
......@@ -157,7 +157,7 @@ ul.control-sidebar-menu li:hover div.item-info-view {
}
div .cropped-preview {
max-height: 140px;
max-height: 200px;
overflow: hidden;
}
......@@ -172,7 +172,7 @@ div .polygon-item-data {
}
div .polygon-item-data .city {
font-size: 20px;
font-size: 12px;
font-weight: bolder;
padding-bottom: 5px;
border-bottom: 2px solid;
......@@ -198,7 +198,7 @@ div .item-info-view .button-add-del {
}
div #product-list-globe {
max-height: 100px;
max-height: 500px;
overflow: auto;
}
/*----------product list clases----------*/
......
......@@ -182,6 +182,7 @@ $(document).ready(function () {
var productListGlobe = []; // this array represent DB where products will be stored
var PRODUCT_IN_LIST = false;
var product_list = []
// function for making POST request to productList in view.py
$('#product-form').submit(function (event) {
......@@ -194,6 +195,7 @@ $(document).ready(function () {
dataType: 'json',
success: function (data) {
console.log("DATA: ", data);
product_list = data;
if (productListGlobe.length > 0) {
PRODUCT_IN_LIST = false;
......@@ -215,8 +217,8 @@ $(document).ready(function () {
'<a href="javascript:void(0)">'+
'<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>'+
'<div class="menu-info">'+
'<h4 class="control-sidebar-subheading">' + data.city_name + '</h4>'+
'<p>May 26th 2018</p>'+
'<h4 class="control-sidebar-subheading">' + data.product.producttype + '_' + data.product.tileid + '</h4>'+
'<p>' + data.product.beginposition + '</p>'+
'</div>'+
'</a>'+
// '</li>'+
......@@ -227,27 +229,27 @@ $(document).ready(function () {
'<img src="' + data.img + '">'+
'</div>'+
'<div class="polygon-item-data">'+
'<div class="city">' + data.city_name + '</div>'+
'<div class="city">' + data.product.identifier + '</div>'+
'<p class="info">'+
'<i class="fa fa-sync-alt"></i>'+
'<span class="type">Process:</span><br>'+
'<span class="data-info">' + data.process + '</span>'+
'<span class="type">Size:</span><br>'+
'<span class="data-info">' + data.product.size + '</span>'+
'</p>'+
'<p class="info">'+
'<i class="fa fa-calendar-alt"></i>'+
'<span class="type">Date range:</span><br>'+
'<span class="data-info">From ' + data.start_date + ' to ' + data.end_date + '</span>'+
'</p>'+
'<p class="info">'+
'<i class="fa fa-cloud"></i>'+
'<span class="type">Cloud percentage:</span><br>'+
'<span class="data-info">' + data.cloud_percentage + ' %</span>'+
'<i class="fa fa-calendar-gear"></i>'+
'<span class="type">Instrument:</span><br>'+
'<span class="data-info">' + data.product.instrumentname + '</span>'+
'</p>'+
// '<p class="info">'+
// '<i class="fa fa-cloud"></i>'+
// '<span class="type">Cloud percentage:</span><br>'+
// '<span class="data-info">' + data.product.cloudcoverpercentage + ' %</span>'+
// '</p>'+
'</div>'+
'<div class="button-add-del">'+
'<button type="button" class="btn btn-success">Add to cart</button> '+
'<button type="button" class="btn btn-danger">Remove</button>'+
'</div>'+
// '<div class="button-add-del">'+
// '<button type="button" class="btn btn-success">Add to cart</button> '+
// '<button type="button" class="btn btn-danger">Remove</button>'+
// '</div>'+
'</div>'+
// '</div>'+
// '</div>'+
......@@ -261,4 +263,52 @@ $(document).ready(function () {
event.preventDefault();
});
$('#add-cart').click(function () {
product_list.catalog.forEach(function (data) {
var product_html = '<li id="' + data.id + ' class="hover-me">'+
'<a href="javascript:void(0)">'+
'<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>'+
'<div class="menu-info">'+
'<h4 class="control-sidebar-subheading">' + data.product.producttype + '_' + data.product.tileid + '</h4>'+
'<p>' + data.product.beginposition + '</p>'+
'</div>'+
'</a>'+
// '</li>'+
// '<div id="' + data.id + '-hover" class="row">'+
// '<div class="col-12">'+
'<div id="' + data.id + '-hover" class="item-info-view">'+
'<div class="cropped-preview">'+
'<img src="' + data.img + '">'+
'</div>'+
'<div class="polygon-item-data">'+
'<div class="city">' + data.product.identifier + '</div>'+
'<p class="info">'+
'<i class="fa fa-sync-alt"></i>'+
'<span class="type">Size:</span><br>'+
'<span class="data-info">' + data.product.size + '</span>'+
'</p>'+
'<p class="info">'+
'<i class="fa fa-calendar-gear"></i>'+
'<span class="type">Instrument:</span><br>'+
'<span class="data-info">' + data.product.instrumentname + '</span>'+
'</p>'+
// '<p class="info">'+
// '<i class="fa fa-cloud"></i>'+
// '<span class="type">Cloud percentage:</span><br>'+
// '<span class="data-info">' + data.product.cloudcoverpercentage + ' %</span>'+
// '</p>'+
'</div>'+
// '<div class="button-add-del">'+
// '<button type="button" class="btn btn-success">Add to cart</button> '+
// '<button type="button" class="btn btn-danger">Remove</button>'+
// '</div>'+
'</div>'+
// '</div>'+
// '</div>'+
'</li>';
$('#product-list-globe').append(product_html);
});
});
});
......@@ -105,6 +105,9 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading"><b>Products</b></h3>
<button type="button" name="search" id="add-cart" class="btn btn-primary">
Add to cart
</button>
<ul id="product-list-globe" class="control-sidebar-menu"></ul>
<!-- <li id="me-id">
......
......@@ -59,7 +59,6 @@ def productList(request):
img_preview = '/static/images/sat_preview/sat_test.jpg'
item_data = {
'img' : img_preview,
'process' : process,
'start_date' : init_date,
'end_date' : end_date,
......@@ -69,7 +68,10 @@ def productList(request):
# se crea una lista de objetos del catalogo
catalog = []
for p in products:
img_link = products[p]['link_icon']
img_link = img_link[:img_link.find("/")+2] + "emmhp:geoemm29@" + img_link[img_link.find("/")+2:]
item_data['id'] = products[p]['uuid']
item_data['img'] = img_link
item_data['product'] = products[p]
catalog.append(item_data)
......
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