0.0.20 add autocomplete for search in input

This commit is contained in:
2023-07-19 15:50:00 +03:00
parent 113e576d4c
commit 7c320d2709
12 changed files with 300 additions and 14 deletions

View File

@@ -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>

View File

@@ -3,7 +3,10 @@
<script src='{% static "js/registration.js" %}'></script>
<script src='{% static "js/authorization.js" %}'></script>
<script src='{% static "js/newRoute.js" %}'></script>
<script src='{% static "js/sendNewRoute.js" %}'></script>
<script src=" https://cdn.jsdelivr.net/npm/ion-rangeslider@2.3.1/js/ion.rangeSlider.min.js "></script>
<link href=" https://cdn.jsdelivr.net/npm/ion-rangeslider@2.3.1/css/ion.rangeSlider.min.css " rel="stylesheet">
<script src='{% static "js/sendRoute.js" %}'></script>
<script src='{% static "js/rangeSlider.js" %}'></script>
<script src='{% static "js/sendRoute.js" %}'></script>
<script src='{% static "js/ion.rangeSlider.min.js" %}'></script>
<link rel="stylesheet" href="{% static 'css/styles.css' %}">

View File

@@ -3,7 +3,7 @@
{% block meta %}
<script src='{% static "js/authorization.js" %}'></script>
<script src='{% static "js/authorization.js" %}'></script>
{% endblock %}
{% block content %}

View File

@@ -3,7 +3,10 @@
{% block meta %}
<script src='{% static "js/newRoute.js" %}'></script>
<script src='{% static "js/newRoute.js" %}'></script>
<script src='{% static "js/rangeSlider.js" %}'></script>
<script src='{% static "js/sendRoute.js" %}'></script>
<script src='{% static "js/jquery_v3_6_4.js" %}'> </script>
{% endblock %}
{% block content %}

View File

@@ -7,10 +7,12 @@
<script src='{% static "js/jquery_v3_6_4.js" %}'> </script>
<link rel="stylesheet" href="{% static 'css/styles.css' %}">
{% block meta %}
{# {% include 'inter/meta.html' %}#}
{% endblock %}
</head>
<body>