Automatic change to my cart was added and more description of the products

catalog/static/catalog/js/dataRetrieval.js

@@ -66,7 +66,11 @@ var makeRequest = function (value) {
     });
 };
 
+var statusUpdateCart = false;
 function updateCart(){
+    if (statusUpdateCart == false){
+        statusUpdateCart = true;
+        showCarProductsTabPanel();
         $("#product-list-cart").empty();
         $.ajax({
             type: 'POST',
@@ -98,8 +102,10 @@ function updateCart(){
                         document.querySelector('#' + id).appendChild(clone_2);
                     });
                 });
+                statusUpdateCart = false;
             }
         });
+    }
 };
 
 function deleteProductCar(element){
@@ -246,8 +252,14 @@ function createProductContainer(products) {
     products.forEach(function(list){
         var temp_1 = document.querySelector('#product_cart_1');
         let name = list.aggreg_date.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "-");
-        temp_1.content.querySelector('span').id          = list.id;
-        temp_1.content.querySelector('span').textContent = list.aggreg_date;
+        let startDate = new Date(list.startDate).toUTCString().split(' ').slice(0, 4).join(' ');
+        let endDate   = new Date(list.endDate).toUTCString().split(' ').slice(0, 4).join(' ');
+
+        temp_1.content.querySelectorAll('span')[0].id          = list.id;
+        temp_1.content.querySelectorAll('span')[0].textContent = list.aggreg_date;
+        temp_1.content.querySelectorAll('span')[1].textContent = list.process;
+        temp_1.content.querySelectorAll('span')[2].textContent = startDate;
+        temp_1.content.querySelectorAll('span')[3].textContent = endDate;
         temp_1.content.querySelector('ul .control-sidebar-menu').id = "L-" + name;
         var clone_1 = document.importNode(temp_1.content, true);
         document.querySelector('#product-list-cart').appendChild(clone_1);
@@ -320,6 +332,14 @@ function showProductTabPane() {
     $('aside').addClass("control-sidebar-open");
 }
 
+function showCarProductsTabPanel(){
+    $('#cart').addClass("active");
+    $('#globe').removeClass("active");
+    $('#control-sidebar-settings-tab').addClass("active");
+    $('#control-sidebar-home-tab').removeClass("active");
+    $('aside').addClass("control-sidebar-open");
+}
+
 function showWaitingModal() {
   $("body").addClass('loading')
   $("#product-list-toggle").addClass('not-active')

catalog/templates/base_top.html

@@ -104,14 +104,14 @@
     <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
-            <li id="globe"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-globe"></i></a></li>
+            <li id="globe" class="active"><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" onclick="updateCart()" data-toggle="tab"><i class="fa fa-shopping-cart"></i></a>
             </li>
         </ul>
         <!-- Tab panes -->
         <div class="tab-content">
           <!-- Home tab content -->
-          <div class="tab-pane" id="control-sidebar-home-tab">
+          <div class="tab-pane active" id="control-sidebar-home-tab">
             <form id='product-to-cart-form' role="form" method="post">
               {% csrf_token %}
               <div class="container">

catalog/templates/templates.html

@@ -73,8 +73,20 @@
   <li class="treeview">
     <a href="#">
       <i class="fa fa-cubes"></i>
-      <span></span>
+      <span id="" ></span>
       <i class="glyphicon glyphicon-remove" style="padding-left: 15px" onclick="deleteProductCar(this);"></i>
+      <div>
+        <label>Process: </label>
+        <span></span>
+      </div>
+      <div>
+        <label>Start Date: </label>
+        <span></span>
+      </div>
+      <div>
+        <label>End Date: </label>
+        <span></span>
+      </div>
       <span class="pull-right-container">
         <span class="label label-primary pull-right"></span>
       </span>

catalog/views.py

@@ -237,8 +237,8 @@ def getFromCart(request):
 
     user = User.objects.get(id=request.user.id)
     prod_list = []
-    product_list = Purchase.objects.values('user', 'productList', 'purchased', 'price', 'aggreg_date', 'id').filter(
-        user=user, purchased=0)
+    product_list = Purchase.objects.values('user', 'productList', 'purchased', 'price', 'aggreg_date', 'id', 
+                                        'search__process__name', 'search__startDate', 'search__endDate').filter(user=user, purchased=0)
 
     for products in product_list:
         product = json.loads(products['productList'])
@@ -247,6 +247,9 @@ def getFromCart(request):
             'price': products['price'],
             'aggreg_date': products['aggreg_date'],
             'id': products['id'],
+            'process': products['search__process__name'],
+            'startDate': products['search__startDate'],
+            'endDate': products['search__endDate'],
             'catalog': product
         })
     return JsonResponse({'product_list': prod_list})