0.0.234

static/css/styles(boris).css

@@ -16,16 +16,44 @@
 
 }
 
+.mb-10{
+    margin-bottom: 10px;
+}
+
 .orange-text{
     color: #FF613A;
 }
 
+.fw-700{
+    font-weight: 700;
+}
+
+.fz-24{
+    font-size: 24px;
+}
+
+.c-txt-b2{
+    color: #272424;
+}
+
+.w-80{
+    width: 80%;
+}
+
+.m-a{
+    margin: auto;
+}
+
 .title_page{
     font-size: 44px;
     color: #272424;
     font-weight: 700;
 }
 
+.m-t-8p{
+    margin-top: 8%;
+}
+
 .cut-width{
     max-width: 1280px;
     margin: auto;
@@ -898,6 +926,35 @@
     /*display: inline-block;*/
 }
 
+.not_found_routes{
+    width: 98%;
+    height: 250px;
+    background: #FFFFFF;
+    box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
+    position: relative;
+    padding: 2%;
+    display: none;
+}
+
+.not_found_routes.show{
+    display: block;
+}
+
+
+.boxes_not_fond_routes{
+    position: absolute;
+    width: 147px;
+    height: 129px;
+    bottom: 25%;
+}
+.boxes_not_fond_routes.left{
+    left: -10px;
+}
+
+.boxes_not_fond_routes.right{
+    right: -10px;
+}
+
 .carrier-card{
     width: 100%;
     /*height: 830px;*/

static/js/filters_functions_find_route.js

@@ -48,18 +48,34 @@ function filters_func_find_route_main (el,owner_type=null,win_loc_replace=null){
                     document.querySelector(".loader_filters_routes").classList.toggle("show")
                     document.querySelector(".block-finded-routes").innerHTML = data.html
                     if (data.html === "\n\n\n\n\n"){
-                        document.querySelector(".block-finded-routes").innerHTML = "<span style='color: #ff0000;font-weight: 800;font-size: 18px;padding: 10px;'>Нечего не найдено!</span>"
+                        // document.querySelector(".block-finded-routes").innerHTML = "<span style='color: #ff0000;font-weight: 800;font-size: 18px;padding: 10px;'>Нечего не найдено!</span>"
+                        document.querySelector(".block-finded-routes").innerHTML = "<div class=\"not_found_routes show\">\n" +
+                            "            <div class=\"text-align-center fw-700 fz-24 c-txt-b2 m-a w-80 m-t-8p\">\n" +
+                            "                Упс... <span class=\"orange-text\">Ничего не найдено</span>, попробуйте\n" +
+                            "                изменить параметры поиска или оставьте заявку\n" +
+                            "                на перевозку посылки\n" +
+                            "            </div>\n" +
+                            "            <img class=\"boxes_not_fond_routes left\" src=\"/static/img/boxes_for_not_found_routes/b_1.svg\"\">\n" +
+                            "            <img class=\"boxes_not_fond_routes right\" src=\"/static/img/boxes_for_not_found_routes/b_2.svg\"\">\n" +
+                            "        </div>"
+
                     } else {
                         document.querySelector(".block-finded-routes").innerHTML = data.html
                     }
                     // window.location.href = window.location.href + "?" + get_url
                     // window.location.search = "?" + get_url
                     history.pushState({'data':data_d,'str_data':get_url}, "state_filters", `?${get_url}`);
-                    let element = document.createElement("img")
+                    // let element = document.createElement("img")
-                    element.classList.add("loader_filters_routes")
+                    // element.classList.add("loader_filters_routes")
-                    element.src = "/static/img/svg/loader.svg"
+                    // element.src = "/static/img/svg/loader.svg"
+                    let div = document.createElement("div")
+                    div.classList.add("width-100")
+                    div.classList.add("text-align-center")
+                    div.classList.add("mb-10")
+
+                    div.innerHTML = "<img src='/static/img/svg/loader.svg' class='loader_filters_routes'/>"
                     let ins_bef_el = document.querySelector(".block-finded-routes").firstChild
-                    $(element).insertBefore(ins_bef_el)
+                    $(div).insertBefore(ins_bef_el)
                     // window.history.pushState({data:get_url
                     // },{})
                 },

templates/blocks/b_finded_routes.html

@@ -2,9 +2,20 @@
 
 <div class="block-finded-routes">
     {% if not routes %}
-        <span style='color: #ff0000;font-weight: 800;font-size: 18px;padding: 10px;'>Нечего не найдено!</span>
+{#        <span style='color: #ff0000;font-weight: 800;font-size: 18px;padding: 10px;'>Нечего не найдено!</span>#}
+        <div class="not_found_routes show">
+            <div class="text-align-center fw-700 fz-24 c-txt-b2 m-a w-80 m-t-8p">
+                Упс... <span class="orange-text">Ничего не найдено</span>, попробуйте
+                изменить параметры поиска или оставьте заявку
+                на перевозку посылки
+            </div>
+            <img class="boxes_not_fond_routes left" src="{% static "/img/boxes_for_not_found_routes/b_1.svg" %}">
+            <img class="boxes_not_fond_routes right" src="{% static "/img/boxes_for_not_found_routes/b_2.svg" %}">
+        </div>
     {% endif %}
-    <img class="loader_filters_routes" src="{% static "img/svg/loader.svg" %}">
+    <div class="width-100 text-align-center mb-10">
+        <img class="loader_filters_routes" src="{% static "img/svg/loader.svg" %}">
+    </div>
     <div class="page_routes_1">
         {% include "blocks/b_search_routes.html" %}
     </div>
@@ -14,7 +25,9 @@
     {% if last_block_routes == false %}
         <div class="text-align-center">
             <button class="button-find-more-routes" id="25" onclick="load_routes(this)">Показать ещё 10</button>
-            <img class="loader_f_loading_routes" src="{% static "img/svg/loader.svg" %}">
+            <div class="width-100 text-align-center mb-10">
+                <img class="loader_f_loading_routes" src="{% static "img/svg/loader.svg" %}">
+            </div>
         </div>
     {% endif %}