Commit 3ad5c06d authored by Renán Sosa Guillen's avatar Renán Sosa Guillen

slide bar, cart addition

parent 22d085ee
......@@ -161,11 +161,13 @@ div .item-info-cart-view {
background-color: #dc7828;
}
ul.control-sidebar-menu li div.item-info-view {
ul.control-sidebar-menu li div.item-info-view,
ul.control-sidebar-menu li div.item-info-cart-view {
display: none;
}
ul.control-sidebar-menu li:hover div.item-info-view {
ul.control-sidebar-menu li:hover div.item-info-view,
ul.control-sidebar-menu li:hover div.item-info-cart-view {
display: block;
}
......
......@@ -81,6 +81,13 @@ function erase_input() {
$('#ajax-input').val('');
}
function erase_product_globe_list() {
var pol_element = document.getElementById('product-list-cart');
while (pol_element.firstChild) {
pol_element.removeChild(pol_element.firstChild);
}
}
var prevfeature = null;
function drawApiResponse(element) {
product_list.catalog.forEach(function (data) {
......@@ -161,7 +168,9 @@ $(document).ready(function () {
// function for making POST request to productList in view.py
$('#product-form').submit(function (event) {
var submit_data = $('#product-form').serialize();
erase_product_globe_list();
$.ajax({
type: "POST",
url: prod_req_url,
......@@ -233,8 +242,13 @@ $(document).ready(function () {
$('#product-list-globe').append(product_html);
}
});
});
$('#globe').addClass("active");
$('#control-sidebar-home-tab').attr('class', "tab-pane active");
$('aside').addClass("control-sidebar-open");
}
}
});
......@@ -267,10 +281,10 @@ $(document).ready(function () {
'<ul id="product-list-cart-items" class="control-sidebar-menu">';
var product_html_li = '';
console.log("djdj: ", productListGlobe);
console.log("djdj: ", productListGlobe);
productListGlobe.forEach(function (data) {
console.log("SS: ", data.product.size);
product_html_li += '<li id="' + data.id + ' class="hover-me">'+
product_html_li += '<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">'+
......@@ -290,13 +304,14 @@ $(document).ready(function () {
'<span class="data-info">' + data.product.size + '</span>'+
'</p>'+
'<p class="info">'+
'<i class="fa fa-calendar-gear"></i>'+
'<i class="fa fa-gear"></i>'+
'<span class="type">Instrument:</span><br>'+
'<span class="data-info">' + data.product.instrumentname + '</span>'+
'</p>'+
'</div>'+
'</div>'+
'</li>';
console.log("DUPLI: ", product_html_li);
});
product_html_li += '</ul>'+
......@@ -304,7 +319,7 @@ $(document).ready(function () {
'</ul>'+
'</li>';
console.log("DUPLI2: ", product_html + product_html_li);
$('#product-list-cart').append(product_html + product_html_li);
// product_html = '';
});
......
......@@ -62,7 +62,7 @@
</li>
<!-- Control Sidebar Toggle Button -->
<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-shopping-cart"></i></a>
<a id="product-list-toggle" href="#" data-toggle="control-sidebar"><i class="fa fa-shopping-cart"></i></a>
</li>
</ul>
</div>
......@@ -94,8 +94,8 @@
<aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-globe"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-shopping-cart"></i></a></li>
<li id="globe"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-globe"></i></a></li>
<li id="cart"><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-shopping-cart"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
......
......@@ -187,7 +187,7 @@
</a>
<ul class="treeview-menu sidebar-form">
<li>
<input class="form-control" type="text" name="cloudPercentage">
<input class="form-control" type="number" name="cloudPercentage">
</li>
</ul>
</li>
......
......@@ -43,10 +43,10 @@ def requestToImage(request):
# img_link = img_link[:img_link.find("/") + 2] + "emmhp:geoemm29@" + img_link[img_link.find("/") + 2:]
# r = requests.get(img_link, auth=("emmhp", "geoemm29"), stream=True)
# print("RAAAW: ", r.raw.read())
# print("RAAAW: ", r.raw)
return JsonResponse({'img': "reqToIMG"})
# return HttpResponse(r.raw.read(), content_type="image/jpeg")
# return HttpResponse(r.raw, content_type="image/jpeg")
#-------------------------------------------------------------------------------
def productList(request):
......
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