Agregado interación con el treeview

catalog/forms.py

@@ -12,7 +12,7 @@ from .widgets import FengyuanChenDatePickerInput
 
 all_process = Process.objects.filter(status=True)
 
-platforms = [ ]
+platforms = []
 
 for each_process in all_process:
     platforms.append((each_process.platform_id,each_process.name))

catalog/static/catalog/js/dataRetrieval.js

@@ -175,6 +175,12 @@ function drawPolygon(element) {
             osmap.addPolygon(coords);
         }
     });
+
+    let processTreeview = $('li.processTreeview a');
+    let parentClassList = processTreeview[0].parentElement.classList;
+    if(!parentClassList.contains('menu-open')){
+        processTreeview.click();
+    }
 }
 
 function erase_input() {

catalog/static/catalog/js/sidtMap.js

@@ -121,6 +121,11 @@ sidtMap.prototype.addInteraction = function()
 
 	this.interaction.on("drawend",function(e){
 		self.showCoords(e.feature.getGeometry());
+		let processTreeview = $('li.processTreeview a');
+    	let parentClassList = processTreeview[0].parentElement.classList;
+    	if(!parentClassList.contains('menu-open')){
+        	processTreeview.click();
+    	}
 	});
 
 	this.interaction.on("drawstart",function(e){

catalog/templates/map.html

@@ -143,7 +143,7 @@
             <input type="hidden" id="search_name" name="search_name" value="Drawn Polygon">
             <input type="hidden" id="area_description" name="area_description" value="Without Description">
             <ul class="sidebar-menu" data-widget="tree">
-                <li class="treeview">
+                <li class="processTreeview treeview">
                     <a href="#">
                         <i class="fa fa-sync-alt"></i>
                         <span>Process</span>
@@ -155,7 +155,7 @@
                         <li class="col-xs-12">{{ searchForm.platform }}</li>
                     </ul>
                 </li>
-                <li class="treeview">
+                <li class="dateTreeview treeview">
                     <a href="#">
                         <i class="fa fa-calendar-alt"></i>
                         <span>Date range</span>
@@ -182,7 +182,7 @@
                         <li>{{ searchForm.polygon }}</li>
                     </ul>
                 </li>
-                <li class="treeview ">
+                <li class="cloudTreeview treeview">
                     <a href="#">
                         <i class="fa fa-cloud"></i>
                         <span>Cloud percentage</span>
@@ -364,4 +364,18 @@
         var purch_prod_url = "{% url 'purch-prod-rqst' %}";
         var del_prod_cartDB_url = "{% url 'del-cart-rqst' %}";
     </script>
+
+    <script>
+        $('#id_platform').click(function () {
+            let dateTreeview = $('li.dateTreeview a');
+            dateTreeview.click();
+        });
+
+        $('#id_end').on('hide.datepicker', function (e) {
+            setTimeout(function () {
+                let cloudTreeview = $('li.cloudTreeview a');
+                cloudTreeview.click();
+            }, 500);
+        });
+    </script>
 {% endblock %}