This commit is contained in:
2023-08-24 18:50:47 +03:00
parent 6a2debcc2d
commit 1e152c7dab
3 changed files with 126 additions and 90 deletions

View File

@@ -678,6 +678,8 @@
margin-top: 60px; margin-top: 60px;
margin-bottom: 40px; margin-bottom: 40px;
border-radius: 10px; border-radius: 10px;
display: flex;
padding: 13px;
} }
.container_form_search_carrier > form{ .container_form_search_carrier > form{
@@ -815,6 +817,7 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
margin-top: 0; margin-top: 0;
padding-left: 10px;
} }
.cont-el-form-search-carrier.last > select:focus-visible{ .cont-el-form-search-carrier.last > select:focus-visible{

View File

@@ -1,5 +1,19 @@
function filters_func_find_route_main (){ function filters_func_find_route_main (el){
let urls_for_els = { event.preventDefault()
'road_url':'' let form = el.form
} let formData = new FormData(form)
$.ajax({
headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
url: '/ru/routes/find_route/',
type: "POST",
// async: true,
cache: false,
processData: false,
contentType: false,
// enctype: 'json',
data: formData,
success: function(data){
},
});
} }

View File

@@ -10,6 +10,7 @@
<script src="{% static "js/user_profile.js" %}"></script> <script src="{% static "js/user_profile.js" %}"></script>
<script src="{% static "js/range_slider_double.js" %}"></script> <script src="{% static "js/range_slider_double.js" %}"></script>
<script src="{% static "js/user_profile(boris).js" %}"></script> <script src="{% static "js/user_profile(boris).js" %}"></script>
<script src="{% static "js/filters_functions_find_route.js" %}"></script>
{% endblock %} {% endblock %}
@@ -20,11 +21,11 @@
<div class="text-align-center"> <div class="text-align-center">
<h1 class="title_page">Поиск перевозчика</h1> <h1 class="title_page">Поиск перевозчика</h1>
</div> </div>
<div class="container_form_search_carrier"> <form name="find_route">
<form name="find_route"> {% csrf_token %}
{% csrf_token %} <div class="container_form_search_carrier">
<div class="cont-el-form-search-carrier first abbreviation"> <div class="cont-el-form-search-carrier first abbreviation">
<label>Откуда</label> <label for="id_from_address_point_txt">Откуда</label>
{# <input onfocus="focus_el_ins(this)" onclick="show_list_w_places(this)" oninput="searchTown(this)" class="inp_form_find_route_w_abbreviation first" id="inp_form_find_route_w_abbreviation_1" type="text">#} {# <input onfocus="focus_el_ins(this)" onclick="show_list_w_places(this)" oninput="searchTown(this)" class="inp_form_find_route_w_abbreviation first" id="inp_form_find_route_w_abbreviation_1" type="text">#}
@@ -61,7 +62,7 @@
</div> </div>
</div> </div>
<div class="cont-el-form-search-carrier"> <div class="cont-el-form-search-carrier">
<label>Куда</label> <label for="id_to_address_point_txt">Куда</label>
{# <div class="container_inp_w_abr">#} {# <div class="container_inp_w_abr">#}
{# <input onfocus="focus_el_ins(this)" onclick="show_list_w_places(this)" oninput="searchTown(this)" class="inp_form_find_route_w_abbreviation" id="inp_form_find_route_w_abbreviation_2" type="text">#} {# <input onfocus="focus_el_ins(this)" onclick="show_list_w_places(this)" oninput="searchTown(this)" class="inp_form_find_route_w_abbreviation" id="inp_form_find_route_w_abbreviation_2" type="text">#}
@@ -97,106 +98,124 @@
</div> </div>
</div> </div>
<div class="cont-el-form-search-carrier"> <div class="cont-el-form-search-carrier">
<label>Дата отправки</label> <label for="id_departure_DT">Дата отправки</label>
<input type="date"> <input name="departure_DT" id="id_departure_DT" type="date">
</div> </div>
<div class="cont-el-form-search-carrier"> <div class="cont-el-form-search-carrier">
<label>Дата прибытия</label> <label for="id_arrival_DT">Дата прибытия</label>
<input type="date"> <input name="arrival_DT" id="id_arrival_DT" type="date">
</div> </div>
<div class="cont-el-form-search-carrier last"> <div class="cont-el-form-search-carrier last">
<label>test</label> <label>test</label>
<select></select> <select name="cargo_type" id="id_cargo_type">
{% for item in form.fields.cargo_type.choices %}
<option value="{{ item.0 }}">{{ item.1 }}</option>
{% endfor %}
</select>
</div> </div>
<div class="cont-el-form-search-carrier"> <div class="cont-el-form-search-carrier">
<label style="opacity: 0">test</label> <label style="opacity: 0">test</label>
<button>Найти</button> <button onclick="filters_func_find_route_main(this)">Найти</button>
</div> </div>
</form> </div>
</div> <div class="block-find-route">
<div class="block-find-route"> <div class="block-filters-find-route">
<div class="block-filters-find-route"> <div class="title_filters_find_route">Все фильтры</div>
<div class="title_filters_find_route">Все фильтры</div> <div class="methods_transportation_form_filters">
<div class="methods_transportation_form_filters"> <div class="title_el_methods_transportation">Способ перевозки</div>
<div class="title_el_methods_transportation">Способ перевозки</div> {# <div>#}
{# <div>#} {# <div class="method_transport">#}
{# <div class="method_transport">#} {# <input class="method_transport_inp_hide" type="checkbox">#}
{# <input class="method_transport_inp_hide" type="checkbox">#} {# <div class="method_transport_inp"></div>#}
{# <div class="method_transport_inp"></div>#} {# </div>#}
{# <label>#}
{# <img>#}
{# <text></text>#}
{# </label>#}
{# </div>#}
{% for item in form.fields.type_transport.choices %}
{% if forloop.counter0 > 0 %}
<div>
<input
class="custom-checkbox"
type="checkbox"
name="type_transport"
id="id_cargo_type_car_{{ forloop.counter }}"
value="{{ item.0 }}"
/>
<label for="id_cargo_type_car_{{ forloop.counter }}" >
<img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Car.svg" %}">
<span style="display: inline-block;width: 80%;">{{ item.1 }}</span>
</label>
</div>
{% endif %}
{% endfor %}
{# <div>#}
{# <input#}
{# class="custom-checkbox"#}
{# type="checkbox"#}
{# name="type_transport"#}
{# id="id_cargo_type_plane"#}
{# />#}
{##}
{# <label for="id_cargo_type_plane" >#}
{# <img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Airplane.svg" %}">#}
{# <span style="display: inline-block;width: 80%;">{{ form.fields.type_transport.choices }}</span>#}
{# </label>#}
{# </div>#} {# </div>#}
{# <label>#} </div>
{# <img>#} <div class="methods_transportation_form_filters">
{# <text></text>#} <div class="title_el_methods_transportation">Откуда забрать посылку</div>
{# </label>#} <select class="select_form_filters_find_route" name="from_place">
{# </div>#} {% for item in form.fields.from_place.choices %}
<div> <option value="{{ item.0 }}">{{ item.1 }}</option>
<input {% endfor %}
class="custom-checkbox"
type="checkbox"
name="cargo_type"
id="id_cargo_type_car"
/>
<label for="id_cargo_type_car" >
<img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Car.svg" %}">
<span style="display: inline-block;width: 80%;">Автоперевозка</span>
</label>
</div>
<div>
<input
class="custom-checkbox"
type="checkbox"
name="cargo_type"
id="id_cargo_type_plane"
/>
<label for="id_cargo_type_plane" >
<img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Airplane.svg" %}"> </select>
<span style="display: inline-block;width: 80%;">Авиатранспорт</span>
</label>
</div> </div>
</div> <div class="methods_transportation_form_filters">
<div class="methods_transportation_form_filters"> <div class="title_el_methods_transportation">Куда доставить посылку</div>
<div class="title_el_methods_transportation">Откуда забрать посылку</div> <select class="select_form_filters_find_route" name="to_place">
<select class="select_form_filters_find_route"> {% for item in form.fields.to_place.choices %}
<option>Заберу по городу</option> <option value="{{ item.0 }}">{{ item.1 }}</option>
</select> {% endfor %}
</div> </select>
<div class="methods_transportation_form_filters">
<div class="title_el_methods_transportation">Куда доставить посылку</div>
<select class="select_form_filters_find_route">
<option>По договоренности</option>
</select>
</div>
<div class="methods_transportation_form_filters">
<div class="range-slider">
<input type="text" class="range_slider_form_filters" value="" />
</div> </div>
<div class="inputs_for_slider_cont"> <div class="methods_transportation_form_filters">
<input type="text" class="input_f_slider_start" value="100" /> <div class="range-slider">
<input type="text" class="input_f_slider_end" value="900" /> <input type="text" class="range_slider_form_filters" name="weight" value="{{ form.fields.weight.initial }}" />
<div class="clear_both"></div> </div>
<div class="inputs_for_slider_cont">
<input type="text" class="input_f_slider_start" value="100" />
<input type="text" class="input_f_slider_end" value="900" />
<div class="clear_both"></div>
</div>
</div>
<div class="methods_transportation_form_filters">
<div class="title_el_methods_transportation">Сортировать по:</div>
<select name="sort" class="select_form_filters_find_route">
<option value="last">По последним</option>
</select>
</div> </div>
</div> </div>
<div class="methods_transportation_form_filters">
<div class="title_el_methods_transportation">Сортировать по:</div>
<select class="select_form_filters_find_route">
<option>По последним</option>
</select>
</div>
<div class="block-finded-routes">
{% for route in routes %}
{% include "widgets/w_carrier_card.html" %}
{% endfor %}
</div>
<div class="clear_both"></div>
</div> </div>
</form>
<div class="block-finded-routes">
{% for route in routes %}
{% include "widgets/w_carrier_card.html" %}
{% endfor %}
</div>
<div class="clear_both"></div>
</div>
</div> </div>
{% endblock %} {% endblock %}