0.0.307

static/css/styles(boris).css

@@ -1047,6 +1047,9 @@
     width: 26%;
     float: left;
     padding: 2%;
+    position: sticky;
+    top: 76px;
+    border-radius: 10px;
 }
 
 .block_w_paging.routes{
@@ -1875,16 +1878,25 @@
     display: block;
 }
 
-.loader_filters_routes{
+.container_loader_filters_routes{
-    width: 25px;
-    height: 25px;
     display: none;
 }
 
-.loader_filters_routes.show{
+.container_loader_filters_routes.show{
     display: block;
 }
 
+.loader_filters_routes{
+    width: 25px;
+    height: 25px;
+    /*display: none;*/
+    display: block;
+}
+
+/*.loader_filters_routes.show{*/
+/*    display: block;*/
+/*}*/
+
 .line_separator_page_w_el{
     width: 100%;
     border-bottom: 1px solid #919BA5;

static/js/filters_functions_find_route.js

@@ -54,8 +54,8 @@ function filters_func_find_route_main (el,owner_type=null,win_loc_replace=null,w
 }
 
 function ajax_for_filter (data_d,get_url){
-    if (document.querySelector(".loader_filters_routes")){
+    if (document.querySelector(".container_loader_filters_routes")){
-        document.querySelector(".loader_filters_routes").classList.toggle("show")
+        document.querySelector(".container_loader_filters_routes").classList.toggle("show")
     }
     $.ajax({
         headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
@@ -157,7 +157,17 @@ function ajax_for_filter (data_d,get_url){
                         }
                     }
                 }
-                document.querySelector(".loader_filters_routes").classList.toggle("show")
+                let loader = document.querySelector(".container_loader_filters_routes")
+                if (loader){
+                    loader.classList.toggle("show")
+
+                } else{
+                    let new_loader = document.createElement("div")
+                    new_loader.classList.value = `width-100 text-align-center container_loader_filters_routes mb-10`
+                    new_loader.innerHTML = `<img class="loader_filters_routes" src="/static/img/svg/loader.svg">`
+                    $(new_loader).insertBefore(document.querySelector(".block-finded-routes").firstChild)
+                }
+
 
                 // if (document.querySelector(".loader_filters_routes")){
                 //     document.querySelector(".loader_filters_routes").classList.remove("show")

templates/blocks/b_finded_routes.html

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 <div class="block-finded-routes">
-    <div class="width-100 text-align-center {% if routes %}mb-10{% endif %}">
+    <div class="width-100 text-align-center container_loader_filters_routes {% if routes %}mb-10{% endif %}">
         <img class="loader_filters_routes" src="{% static "img/svg/loader.svg" %}">
     </div>
     {% if not routes %}