general performance improvement

catalog/templates/base_top.html

@@ -149,6 +149,9 @@
     <!-- T E M P L A T E S -->
     {% block templates %}{% endblock %}
     <!-- T E M P L A T E S -->
+    <!-- MODAL 1 -->
+    {% block modal1 %}{% endblock %}
+    <!-- MODAL 1 -->
 
     <!-- jQuery 3 -->
     <script src="{% static 'adminlte/bower_components/jquery/dist/jquery.min.js' %}"></script>

catalog/templates/map.html

@@ -4,6 +4,7 @@
 {% block headMedia %}
   <link rel="stylesheet" href="{% static 'css/map.css'%}" type="text/css">
   <link rel="stylesheet" href="{% static 'css/body.css'%}" type="text/css">
+  <link rel="stylesheet" href="{% static 'css/modal1.css'%}" type="text/css">
   <link rel="stylesheet" href="https://openlayers.org/en/v4.6.4/css/ol.css" type="text/css">
 
   <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
@@ -180,7 +181,7 @@
           </a>
           <ul class="treeview-menu sidebar-form">
             <li>
-              <input class="form-control" type="number" name="cloudPercentage">
+              <input class="form-control" type="number" value="100" name="cloudPercentage">
             </li>
           </ul>
         </li>
@@ -242,6 +243,7 @@
 {% endblock %}
 
 {% block templates %}{% include "templates.html" %}{% endblock %}
+{% block modal1 %}{% include "noProductsModal.html" %}{% endblock %}
 
 {% block scripts %}
   <script>

catalog/templates/templates.html

@@ -22,11 +22,11 @@
 
 <!-- product list template -->
 <template id="product_list_template">
-  <li id="">
+  <li id="" onclick="drawApiResponse(this);">
     <a href="javascript:void(0)">
         <i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>
         <div class="menu-info">
-            <h4 id="" class="control-sidebar-subheading" onclick="drawApiResponse(this);"></h4>
+            <h4 id="" class="control-sidebar-subheading"></h4>
             <p></p>
             <input type="checkbox" name="product_selected" value="" checked>
         </div>