0.0.159 routes

static/v2/css/service/btns.css

@@ -70,3 +70,10 @@
     cursor: pointer;
 }
 
+.container_btns{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: var(--justify);
+    gap: 5px;
+}

static/v2/js/blocks/b_search_routes.js

@@ -17,7 +17,7 @@ function searchRoutes (form=undefined) {
         data_type: 'formData',
         success: function (res) {
             if (!res.html) return;
-            let $parent = $('.routes_search_results')[0]
+            let $parent = $('.routes_search_results .routes_cont')[0]
 
             $parent.innerHTML = res.html;
         }

static/v2/js/service/general.js

@@ -0,0 +1,11 @@
+function templateStrToNode(template) {
+    let template_cont = document.createElement("template");
+    template_cont.innerHTML = template;
+    return template_cont.content.children;
+}
+
+function appendNodes($cont, nodes) {
+    while (nodes.length > 0){
+        $cont.append(nodes[0]);
+    }
+}

templates/tb_base.html

@@ -103,6 +103,7 @@ function gtag_report_conversion(url) {
     <script src="{% static "js/ion.rangeSlider.min.js" %}"></script>
     <script src="{% static "v2/js/forms.js" %}"></script>
     <script src="{% static "v2/js/service/modal.js" %}"></script>
+    <script src="{% static "v2/js/service/general.js" %}"></script>
     <link rel="stylesheet" href="{% static "css/ion.rangeSlider.min.css" %}">
 
 

templates/v2/blocks/b_search_routes_result.html

@@ -1,6 +1,10 @@
 {% load static %}
 {% load i18n %}
-
-{% for route in routes %}
-    {% include "v2/widgets/w_route_card_for_search.html" %}
-{% endfor %}
+<div class="routes_cont">
+    {% for route in routes %}
+        {% include "v2/widgets/w_route_card_for_search.html" %}
+    {% endfor %}
+</div>
+<div class="container_btns" style="--justify: center;">
+    <div class="primary_btn" style="--padding: 19px 34px 21px 34px">{% trans "Показать ещё 10" %}</div>
+</div>

templates/v2/pages/p_search_route_results.html

@@ -28,4 +28,7 @@
             {% include "v2/blocks/b_search_routes_result.html" %}
         </div>
     </div>
+    <div class="didnt_found_anth">
+
+    </div>
 {% endblock %}