Commit 86898394 authored by Renán Sosa Guillen's avatar Renán Sosa Guillen

sentinel data

parent d329c7a7
......@@ -2,21 +2,22 @@ import imp
class APISentinel():
# area example:
# POLYGON((-89.62543487548828 21.068482340502072,-89.51351165771484 20.918472761430806,
# -89.72705841064453 20.9203969139719,-89.62543487548828 21.068482340502072))
# dates example:
# '2018-01-01'
# cloudPercentage example:
# "[0 TO 10]" or 95
def getProducts(this, area, initDate, endDate, cloudPercentage):
GeoSentinel_path = "/home/emmanuelhp/Documentos/GeoSentinel/geosentinel/APISentinel.py"
api = imp.load_source('geosentinel', GeoSentinel_path)
sentinel = api.APISentinel('emmhp', 'geoemm29')
# area example:
# POLYGON((-89.62543487548828 21.068482340502072,-89.51351165771484 20.918472761430806,
# -89.72705841064453 20.9203969139719,-89.62543487548828 21.068482340502072))
# dates example:
# '2018-01-01'
# cloudPercentage example:
# "[0 TO 10]" or 95
def getProducts(this, area, initDate, endDate, cloudPercentage):
GeoSentinel_path = "/home/geointdev/sidt-env/GeoSentinel/geosentinel/APISentinel.py"
# GeoSentinel_path = "/home/emmanuelhp/Documentos/GeoSentinel/geosentinel/APISentinel.py"
api = imp.load_source('geosentinel', GeoSentinel_path)
sentinel = api.APISentinel('emmhp', 'geoemm29')
products = sentinel.getProducts(area, ("".join(initDate.split('-')), "".join(endDate.split('-'))),
{"platformname":"Sentinel-2", "cloudcoverpercentage":cloudPercentage})
return products
products = sentinel.getProducts(area, ("".join(initDate.split('-')), "".join(endDate.split('-'))),
{"platformname":"Sentinel-2", "cloudcoverpercentage":cloudPercentage})
return products
......@@ -196,4 +196,27 @@ div .polygon-item-data .info .data-info {
div .item-info-view .button-add-del {
padding-left: 58%;
}
div #product-list-globe {
max-height: 100px;
overflow: auto;
}
/*----------product list clases----------*/
div .sidebar-input {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px;
}
div .sidebar-input input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
}
......@@ -208,49 +208,53 @@ $(document).ready(function () {
if (!PRODUCT_IN_LIST) {
console.log("DEFS: ahora crea producto");
productListGlobe.push(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.city_name + '</h4>'+
'<p>May 26th 2018</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.city_name + '</div>'+
'<p class="info">'+
'<i class="fa fa-sync-alt"></i>'+
'<span class="type">Process:</span><br>'+
'<span class="data-info">' + data.process + '</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>'+
'</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>'+
data.catalog.forEach(function (data) {
console.log("DD: ", 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.city_name + '</h4>'+
'<p>May 26th 2018</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.city_name + '</div>'+
'<p class="info">'+
'<i class="fa fa-sync-alt"></i>'+
'<span class="type">Process:</span><br>'+
'<span class="data-info">' + data.process + '</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>'+
'</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>'+
// '</div>'+
'</li>';
'</li>';
$('#product-list-globe').append(product_html);
$('#product-list-globe').append(product_html);
});
}
}
});
......
......@@ -105,7 +105,8 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading"><b>Products</b></h3>
<ul id="product-list-globe" class="control-sidebar-menu">
<ul id="product-list-globe" class="control-sidebar-menu"></ul>
<!-- <li id="me-id">
<a href="javascript:void(0)">
<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
......@@ -190,7 +191,7 @@
</div>
</div>
</div> -->
</ul>
<!-- <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class="control-sidebar-menu">
......
......@@ -119,12 +119,12 @@
{% block sidebar %}
<div class="form-group ">
<!-- search form -->
<!-- <form role="form" action="{% url 'search-submit' %}" method="post" class="sidebar-form">
{% csrf_token %}
<form role="form" action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" id="ajax-input" list="polygon-list" name="value" class="form-control" placeholder="Search...">
<input type="text" id="ajax-input" name="value" class="form-control" placeholder="Search region...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
<button type="button" name="search" id="search-btn" class="btn btn-flat">
<i class="fa fa-eraser"></i>
</button>
</span>
</div>
......@@ -133,21 +133,12 @@
<ul id="polygon-list" class="no-bullet"></ul>
</div>
</div>
</form> -->
</form>
<!-- /search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<!-- <form role="form" target="catalogFrame" action="{% url 'productList' %}" method="post"> -->
<form id='product-form' role="form" method="post">
{% csrf_token %}
<!-- <input type="text" id="ajax-input" name="city" class="ajax-input" placeholder="Search region..."> -->
<div class="input-group">
<input id="ajax-input" type="text" name="city" class="form-control" placeholder="Search region...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<i class="glyphicon glyphicon-erase"></i>
</button>
</span>
</div>
<div class="row" id="option-list">
<div class="col-12">
<ul id="polygon-list" class="no-bullet"></ul>
......@@ -199,12 +190,16 @@
<span class="label label-primary pull-right"></span>
</span>
</a>
<input class="treeview-menu sidebar-form" type="text" name="cloudPercentage">
<ul class="treeview-menu sidebar-form">
<li>
<input class="form-control" type="text" name="cloudPercentage">
</li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-search"></i>
<a href="#">
<span>
<i class="fa fa-search"></i>
<button type="submit" name="search" id="search-btn" class="btn btn-primary">Search</button>
<!-- <button name="search" id="search-btn" class="btn btn-primary">Search</button> -->
</span>
......
......@@ -41,7 +41,6 @@ def productList(request):
req = dict(request.POST)
req.pop('csrfmiddlewaretoken', None)
city_name = req['city'][0]
process = req['platform'][0]
area = req['polygon'][0]
init_date = req['start'][0][:10]
......@@ -61,7 +60,6 @@ def productList(request):
item_data = {
'img' : img_preview,
'city_name' : city_name,
'process' : process,
'start_date' : init_date,
'end_date' : end_date,
......
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