0.0.20 add autocomplete for search in input

templates/blocks/profile/b_new_route.html

@@ -1,5 +1,8 @@
 {% load static %}
 
+    <link rel="stylesheet" href="{% static 'css/ion.rangeSlider.min.css' %}">
+
+
 <form class = "new_route" name="new_route" method="post">
         {% csrf_token %}
   <div>
@@ -29,6 +32,7 @@
     <div>
     <label for="id_from_country">{{ form.fields.from_country.label }}</label>
     <input type="text" name="from_country"{% if form.fields.from_country.required %} required{% endif %} id="id_from_country">
+
     </div>
   <div>
     <label for="id_to_country">{{ form.fields.to_country.label }}</label>
@@ -77,9 +81,11 @@
 
 <hr>
 
-  <div>
+  <div class="range-slider">
     <label for="id_weight">{{ form.fields.weight.label }}</label>
-    <input type="range" name="weight"{% if form.fields.weight.required %} required{% endif %} value="" id="id_weight">
+      <input type="text" id="id_weight"{% if form.fields.weight.required %} required{% endif %} name="weight" value="" />
+
+
   </div>
 
 <hr>
@@ -99,8 +105,12 @@
     <label for="id_receive_msg_by_email">{{ form.fields.receive_msg_by_email.label }}</label>
     <input type="checkbox" name="receive_msg_by_email" id="id_receive_msg_by_email">
   </div>
- <div class="button_register">
+  <div class="button_register">
      <button id="registration" onclick="sendRoute(this)"> Разместить объявления  </button>
- </div>
-    <script src='{% static "js/sendNewRoute.js" %}'></script>
+  </div>
+<script>
+  $('#id_weight').ionRangeSlider();
+</script>
+
+
 </form>