slide bar, cart addition

catalog/static/css/body.css

@@ -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;
 }
 

catalog/static/js/dataRetrieval.js

@@ -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 = '';
     });

catalog/templates/base_top.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">

catalog/templates/map.html

@@ -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>

catalog/views.py

@@ -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):