0.0.192

static/js/dynamic_loading_routes.js

@@ -2,6 +2,9 @@ let page_iterator = 2
 
 
 function load_routes (el) {
+    let loader = document.querySelector(".loader_f_loading_routes")
+    loader.classList.toggle("show")
+    el.classList.toggle("hide")
     event.preventDefault()
     // let el_parent = el.parentNode
     // let new_el = el_parent.previousSibling.previousSibling
@@ -25,12 +28,21 @@ function load_routes (el) {
         // enctype: 'json',
         data: JSON.stringify(data),
         success: function(data){
+
             // new_el.parentNode.insertBefore(data.html, new_el.nextSibling);
             let url_insert = ".page_routes_" + page_iterator
-            document.querySelector(url_insert).innerHTML = data.html
+            let place_ins = document.querySelector(url_insert)
+            place_ins.innerHTML = data.html
             let old_page_iterator = page_iterator
             page_iterator++
-
+            loader.classList.toggle("show")
+            el.classList.toggle("hide")
+            let el_scroll = place_ins.firstElementChild
+            el_scroll.scrollIntoView(
+            {
+                    behavior:"smooth"
+                }
+            )
             let new_page_routes = document.createElement("div")
             new_page_routes.classList.add("page_routes_" + page_iterator)
             $(new_page_routes).insertAfter(".page_routes_" + old_page_iterator);