From fc9951ab4668778f375caa9d2b84f79a977ce483 Mon Sep 17 00:00:00 2001
From: SDE <strigevitch@syncsystems.net>
Date: Fri, 28 Jul 2023 21:11:49 +0300
Subject: [PATCH] 0.0.51 revert autocomlete

---
 static/js/autocomlite.js                  |  41 +--
 templates/blocks/profile/b_new_route.html | 364 +++++++++++++---------
 templates/widgets/w_data_list_txt.html    |   6 -
 3 files changed, 223 insertions(+), 188 deletions(-)
 delete mode 100644 templates/widgets/w_data_list_txt.html

diff --git a/static/js/autocomlite.js b/static/js/autocomlite.js
index d011f6c..6a7da15 100644
--- a/static/js/autocomlite.js
+++ b/static/js/autocomlite.js
@@ -64,8 +64,6 @@ function insertSearchList(data, ctrl_name) {
     }
 
 }
-
-
 function showSearchList() {
     let input_list = document.getElementsByClassName('input_list');
     if(input_list.classList.contains('show')){
@@ -74,30 +72,15 @@ function showSearchList() {
 
 }
 
-// function onblurInputField(event,el){
-//
-//     // if(el.classList.contains("from_country_container")){
-//         let search_list = document.getElementsByName(el.name + '_list')[0];
-//         let parent_event = $(event.explicitOriginalTarget).parents('.input_list' );
-//         if(!parent_event || parent_event[0] !== search_list){
-//
-//        search_list.classList.remove('show')
-//     }
-//
-//     // }
-// }
-// function onblurInputField(el){
-//
-//     // if(el.classList.contains("from_country_container")){
-//         let search_list = document.getElementsByName(el.name + '_list')[0];
-//     //     let parent_event = $(event.explicitOriginalTarget).parents('.input_list' );
-//     //     if(!parent_event || parent_event[0] !== search_list){
-//     //
-//     //    search_list.classList.remove('show')
-//     // }
-//         if(search_list.classList.contains('show')){
-//             search_list.classList.remove('show')
-//         }
-//
-//     // }
-// }
\ No newline at end of file
+function onblurInputField(event,el){
+
+    // if(el.classList.contains("from_country_container")){
+        let search_list = document.getElementsByName(el.name + '_list')[0];
+        let parent_event = $(event.explicitOriginalTarget).parents('.input_list' );
+        if(!parent_event || parent_event[0] !== search_list){
+
+       search_list.classList.remove('show')
+    }
+
+    // }
+}
\ No newline at end of file
diff --git a/templates/blocks/profile/b_new_route.html b/templates/blocks/profile/b_new_route.html
index b1a39c4..3a559a4 100644
--- a/templates/blocks/profile/b_new_route.html
+++ b/templates/blocks/profile/b_new_route.html
@@ -35,14 +35,66 @@
       <div>
           <label for="id_departure_DT">{{ form.fields.departure_DT.label }}</label>
 
-      <input
-               type="datetime-local"
-               name="departure_DT"
-               {% if form.fields.departure_DT.required %} required{% endif %}
-               id="id_departure_DT"
-               {% if form.data.departure_DT %}value="{{ form.data.departure_DT }}"{% endif %}
-       />
+          <input
+                   type="datetime-local"
+                   name="departure_DT"
+                   {% if form.fields.departure_DT.required %} required{% endif %}
+                   id="id_departure_DT"
+                   {% if form.data.departure_DT %}value="{{ form.data.departure_DT }}"{% endif %}
+           />
 
+          {% if form.errors and form.errors.departure_DT %}
+              <span>{{ form.errors.departure_DT }}</span>
+          {% endif %}
+     </div>
+        <div>
+          <label for="id_arrival_DT">{{ form.fields.arrival_DT.label }}</label>
+          <input
+                  type="datetime-local"
+                  name="arrival_DT"
+                  {% if form.fields.arrival_DT.required %} required{% endif %}
+                  id="id_arrival_DT"
+                  {% if form.data.arrival_DT %}value="{{ form.data.arrival_DT }}"{% endif %}
+    {#      |date: 'Y-m-d H:i' #}
+          />
+        {% if form.errors and form.errors.arrival_DT %}
+            <span>{{ form.errors.arrival_DT }}</span>
+        {% endif %}
+        </div>
+    </div>
+    <hr>
+      <div class="from_to_country">
+        <div class="from_country_container">
+            <label for="id_from_address_point">{{ form.fields.from_address_point.label }}</label>
+            <input type="number" name="from_address_point" id="id_from_address_point" hidden />
+            <input
+                    oninput="searchTown(this)"
+                    onclick="searchTown(this)"
+                    onblur="onblurInputField(event, this)"
+                    type="text"
+                    name="from_address_point_txt"
+                    {% if form.fields.from_address_point.required %} required{% endif %}
+                    id="id_from_address_point_txt"
+                    {% if form.cleaned_data.from_address_point_txt %}value="{{ form.cleaned_data.from_address_point_txt }}"{% endif %}
+            />
+            <div class="input_list" name="from_address_point_txt_list">
+            </div>
+            {% if form.errors and form.errors.from_address_point %}
+                <span>{{ form.errors.from_address_point}}</span>
+            {% endif %}
+        </div>
+      <div>
+        <label for="id_to_address_point">{{ form.fields.to_address_point.label }}</label>
+        <input type="number" name="to_address_point" id="id_to_address_point" hidden />
+        <input
+                oninput="searchTown(this)"
+                onclick="searchTown(this)"
+                onblur="onblurInputField(event, this)"
+                type="text"
+                name="to_address_point_txt"
+                {% if form.fields.to_address_point.required %} required{% endif %}
+                id="id_to_address_point_txt"
+                {% if form.cleaned_data.to_address_point_txt %}value="{{ form.cleaned_data.to_address_point_txt}}"{% endif %}
       {% if form.errors and form.errors.departure_DT %}
           <span>{{ form.errors.departure_DT }}</span>
       {% endif %}
@@ -70,18 +122,13 @@
         <input
                 oninput="searchTown(this)"
 {#                onclick="showSearchList()"#}
-{#                onblur="onblurInputField(this)"#}
+                onblur="onblurInputField(event, this)"
                 type="text"
-                list="from_address_point"
                 name="from_address_point_txt"
                 {% if form.fields.from_address_point.required %} required{% endif %}
                 id="id_from_address_point_txt"
                 {% if form.cleaned_data.from_address_point_txt %}value="{{ form.cleaned_data.from_address_point_txt }}"{% endif %}
         />
-        <datalist id="from_address_point">
-
-        </datalist>
-
         <div class="input_list" name="from_address_point_txt_list">
         </div>
         {% if form.errors and form.errors.from_address_point %}
@@ -101,83 +148,94 @@
             id="id_to_address_point_txt"
             {% if form.cleaned_data.to_address_point_txt %}value="{{ form.cleaned_data.to_address_point_txt}}"{% endif %}
 
-    />
-    <div class="input_list" name="to_address_point_txt_list">
+        />
+        <div class="input_list" name="to_address_point_txt_list">
+
+        </div>
+        {% if form.errors and form.errors.to_address_point %}
+            <span>{{ form.errors.to_address_point }}</span>
+        {% endif %}
+      </div>
+      </div>
+    {#  <div>#}
+    {#    <label for="id_from_city">{{ form.fields.from_city.label }}</label>#}
+    {#    <input type="text" name="from_city"{% if form.fields.from_city.required %} required{% endif %} id="id_from_city">#}
+    {#  </div>#}
+    {#  <div>#}
+    {#    <label for="id_to_city">{{ form.fields.to_city.label }}</label>#}
+    {#    <input type="text" name="to_city"{% if form.fields.to_city.required %} required{% endif %} id="id_to_city">#}
+    {#  </div>#}
+      <div class="from_to_place">
+        <div>
+        <label for="id_from_place">{{ form.fields.from_place.label }}</label>
+        <select
+                name="from_place"
+                id="id_from_place"
+                {% if form.fields.from_place.required %} required{% endif %}>
+                {% for item in form.fields.from_place.choices  %}
+                    <option
+                            value="{{ item.0 }}"{% if form.cleaned_data.from_place == item.0 %}
+                            selected="selected"{% endif %}>{{ item.1 }}
+                    </option>
+                {% endfor %}
+        </select>
+        {% if form.errors and form.errors.from_place %}
+                     <span>{{ form.errors.from_place }}</span>
+                 {% endif %}
+        </div>
+        <div>
+        <label for="id_to_place">{{ form.fields.to_place.label }}</label>
+        <select
+                name="to_place"
+                id="id_to_place"
+                {% if form.fields.to_place.required %} required{% endif %}>
+                {% for item in form.fields.to_place.choices  %}
+                    <option
+                            value="{{ item.0 }}"{% if form.cleaned_data.to_place == item.0 %}
+                            selected="selected"{% endif %}>{{ item.1 }}
+                    </option>
+                {% endfor %}
+        </select>
+        {% if form.errors and form.errors.to_place %}
+                     <span>{{ form.errors.to_place }}</span>
+                 {% endif %}
+        </div>
+      </div>
+
+    <hr>
+
+      <div>
+        <label for="id_cargo_type">{{ form.fields.cargo_type.label }}</label>
+      </div>
+    {#<div>#}
+    {#    <select#}
+    {#            multiple#}
+    {#            size="5"#}
+    {#            name="cargo_type"#}
+    {#            id="id_cargo_type"#}
+    {#            {% if form.fields.cargo_type.required %} required{% endif %}>#}
+    {#            {% for item in form.fields.cargo_type.choices  %}#}
+    {#                <option#}
+    {#                        value="{{ item.0 }}"{% if form.fields.cargo_type == item.0 %}#}
+    {#                        selected="selected"{% endif %}>{{ item.1 }}#}
+    {#                </option>#}
+    {#            {% endfor %}#}
+    {##}
+    {#    </select>#}
+
+    {#  </div>#}
 
-    </div>
-    {% if form.errors and form.errors.to_address_point %}
-        <span>{{ form.errors.to_address_point }}</span>
-    {% endif %}
-  </div>
-  </div>
-{#  <div>#}
-{#    <label for="id_from_city">{{ form.fields.from_city.label }}</label>#}
-{#    <input type="text" name="from_city"{% if form.fields.from_city.required %} required{% endif %} id="id_from_city">#}
-{#  </div>#}
-{#  <div>#}
-{#    <label for="id_to_city">{{ form.fields.to_city.label }}</label>#}
-{#    <input type="text" name="to_city"{% if form.fields.to_city.required %} required{% endif %} id="id_to_city">#}
-{#  </div>#}
-  <div class="from_to_place">
     <div>
-    <label for="id_from_place">{{ form.fields.from_place.label }}</label>
-    <select
-            name="from_place"
-            id="id_from_place"
-            {% if form.fields.from_place.required %} required{% endif %}>
-            {% for item in form.fields.from_place.choices  %}
-                <option
-                        value="{{ item.0 }}"{% if form.cleaned_data.from_place == item.0 %}
-                        selected="selected"{% endif %}>{{ item.1 }}
-                </option>
-            {% endfor %}
-    </select>
-    {% if form.errors and form.errors.from_place %}
-                 <span>{{ form.errors.from_place }}</span>
-             {% endif %}
-    </div>
-    <div>
-    <label for="id_to_place">{{ form.fields.to_place.label }}</label>
-    <select
-            name="to_place"
-            id="id_to_place"
-            {% if form.fields.to_place.required %} required{% endif %}>
-            {% for item in form.fields.to_place.choices  %}
-                <option
-                        value="{{ item.0 }}"{% if form.cleaned_data.to_place == item.0 %}
-                        selected="selected"{% endif %}>{{ item.1 }}
-                </option>
-            {% endfor %}
-    </select>
-    {% if form.errors and form.errors.to_place %}
-                 <span>{{ form.errors.to_place }}</span>
-             {% endif %}
-    </div>
-  </div>
-
-<hr>
-
-  <div>
-    <label for="id_cargo_type">{{ form.fields.cargo_type.label }}</label>
-  </div>
-{#<div>#}
-{#    <select#}
-{#            multiple#}
-{#            size="5"#}
-{#            name="cargo_type"#}
-{#            id="id_cargo_type"#}
-{#            {% if form.fields.cargo_type.required %} required{% endif %}>#}
-{#            {% for item in form.fields.cargo_type.choices  %}#}
-{#                <option#}
-{#                        value="{{ item.0 }}"{% if form.fields.cargo_type == item.0 %}#}
-{#                        selected="selected"{% endif %}>{{ item.1 }}#}
-{#                </option>#}
-{#            {% endfor %}#}
-{##}
-{#    </select>#}
-
-{#  </div>#}
-
+                {% for item in form.fields.cargo_type.choices  %}
+                    <input
+                            type="checkbox"
+                            name="cargo_type"
+                            id="id_cargo_type"
+                          {% if form.fields.cargo_type.required %} required{% endif %}
+                            value="{{ item.0 }}"
+                            {% if form.fields.cargo_type == item.0 %}
+                            {% endif %}/>{{ item.1 }}
+                {% endfor %}
 <div class="checkbox_cargo_type">
             {% for item in form.fields.cargo_type.choices  %}
                 <input
@@ -190,79 +248,79 @@
                         {% endif %}/>{{ item.1 }}
             {% endfor %}
 
-{#            <lable for="">#}
-{##}
-{#            </lable>#}
-     {% if form.errors and form.errors.cargo_type %}
-                     <span>{{ form.errors.cargo_type }}</span>
-                 {% endif %}
-</div>
+    {#            <lable for="">#}
+    {##}
+    {#            </lable>#}
+         {% if form.errors and form.errors.cargo_type %}
+                         <span>{{ form.errors.cargo_type }}</span>
+                     {% endif %}
+    </div>
 
 
-<hr>
+    <hr>
 
-  <div class="range-slider">
-    <label for="id_weight">{{ form.fields.weight.label }}</label>
-      <input
-              type="text"
-              id="id_weight"
-              {% if form.fields.weight.required %} required{% endif %}
-              name="weight"
-{#              value=""#}
-              {% if form.cleaned_data.weight %}value="{{ form.cleaned_data.weight}}"{% endif %}
-      />
-  {% if form.errors and form.errors.weight %}
-      <span>{{ form.errors.weight }}</span>
-  {% endif %}
-  </div>
-
-<hr>
-
-<div class="phone">
-  <div>
-    <label for="id_phone">{{ form.fields.phone.label }}</label>
-    <input
-            type="text"
-            name="phone"
-            placeholder="{{ form.fields.phone.label }}"
-            {% if form.fields.phone.required %} required{% endif %}
-            id="id_phone"
-            {% if form.cleaned_data.phone %}value="{{ form.cleaned_data.phone}}"{% endif %}
-
-    />
-      {% if form.errors and form.errors.phone %}
-          <span>{{ form.errors.phone }}</span>
+      <div class="range-slider">
+        <label for="id_weight">{{ form.fields.weight.label }}</label>
+          <input
+                  type="text"
+                  id="id_weight"
+                  {% if form.fields.weight.required %} required{% endif %}
+                  name="weight"
+    {#              value=""#}
+                  {% if form.cleaned_data.weight %}value="{{ form.cleaned_data.weight}}"{% endif %}
+          />
+      {% if form.errors and form.errors.weight %}
+          <span>{{ form.errors.weight }}</span>
       {% endif %}
-  </div>
+      </div>
 
-  <div>
+    <hr>
 
-    <label for="id_extra_phone">{{ form.fields.extra_phone.label }}</label>
-    <input
-            type="text"
-            name="extra_phone"
-            id="id_extra_phone"
-            placeholder="{{ form.fields.extra_phone.label }}"
-            {% if form.cleaned_data.extra_phone %}value="{{ form.cleaned_data.extra_phone}}"{% endif %}
-    />
-  {% if form.errors and form.errors.extra_phone %}
-      <span>{{ form.errors.extra_phone }}</span>
-  {% endif %}
-  </div>
-</div>
+    <div class="phone">
+      <div>
+        <label for="id_phone">{{ form.fields.phone.label }}</label>
+        <input
+                type="text"
+                name="phone"
+                placeholder="{{ form.fields.phone.label }}"
+                {% if form.fields.phone.required %} required{% endif %}
+                id="id_phone"
+                {% if form.cleaned_data.phone %}value="{{ form.cleaned_data.phone}}"{% endif %}
 
-<hr>
+        />
+          {% if form.errors and form.errors.phone %}
+              <span>{{ form.errors.phone }}</span>
+          {% endif %}
+      </div>
 
-  <div>
-    <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">
-       {% if form.errors and form.errors.receive_msg_by_email %}
-                     <span>{{ form.errors.receive_msg_by_email }}</span>
-                 {% endif %}
-  </div>
-  <div class="button_register">
-     <button id="registration" onclick="sendRoute(this)"> Разместить объявления  </button>
-  </div>
+      <div>
+
+        <label for="id_extra_phone">{{ form.fields.extra_phone.label }}</label>
+        <input
+                type="text"
+                name="extra_phone"
+                id="id_extra_phone"
+                placeholder="{{ form.fields.extra_phone.label }}"
+                {% if form.cleaned_data.extra_phone %}value="{{ form.cleaned_data.extra_phone}}"{% endif %}
+        />
+      {% if form.errors and form.errors.extra_phone %}
+          <span>{{ form.errors.extra_phone }}</span>
+      {% endif %}
+      </div>
+    </div>
+
+    <hr>
+
+      <div>
+        <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">
+           {% if form.errors and form.errors.receive_msg_by_email %}
+                         <span>{{ form.errors.receive_msg_by_email }}</span>
+                     {% endif %}
+      </div>
+      <div class="button_register">
+         <button id="registration" onclick="sendRoute(this)"> Разместить объявления  </button>
+      </div>
 
 
 {% endif %}
diff --git a/templates/widgets/w_data_list_txt.html b/templates/widgets/w_data_list_txt.html
deleted file mode 100644
index 65b1032..0000000
--- a/templates/widgets/w_data_list_txt.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
-    <option  {% if form.cleaned_data.from_address_point_txt %}{% endif %} value="{{ id }}">
-        {{ form.cleaned_data.from_address_point_txt }}
-    </option>
-    <option value=""></option>
-