0.0.04 form poster

templates/pages/profile/p_user_profile.html

@@ -31,6 +31,9 @@
             <script src='{% static "js/user_profile_2.js" %}'> </script>
 
             <script src='{% static "v2/js/widgets/w_select_country.js" %}'></script>
+            <script src='{% static "v2/js/widgets/w_radio_inputs.js" %}'></script>
+            <script src='{% static "v2/js/widgets/w_daterangepicker.js" %}'></script>
+            <script src='{% static "v2/js/widgets/w_textarea_w_counter.js" %}'></script>
             {% include "connect_ws_js.html" %}
 
 

templates/tb_base.html

@@ -84,6 +84,7 @@ function gtag_report_conversion(url) {
 
 
 
+    <link rel="stylesheet" href="{% static 'v2/css/twb.css' %}">
     <link rel="stylesheet" href="{% static 'css/styles.css' %}">
     <link rel="stylesheet" href="{% static 'css/styles(boris).css' %}" >
     <link rel="stylesheet" href="{% static 'css/mobile_styles.css' %}">
@@ -95,6 +96,7 @@ function gtag_report_conversion(url) {
     <script src='{% static "js/find_route.js" %}'></script>
     <script src="{% static "js/filters_functions_find_route.js" %}"></script>
     <script src="{% static "js/dynamic_loading_routes.js" %}"></script>
+    <script src="{% static "v2/js/service/trans.js" %}"></script>
     <script src="{% static "js/user_profile.js" %}"></script>
     <script src="{% static "js/user_profile_2.js" %}"></script>
     <script src="{% static "js/ion.rangeSlider.min.js" %}"></script>
@@ -102,7 +104,6 @@ function gtag_report_conversion(url) {
 
 
 {#    <script src="{% static "js/range_calendar.js" %}"></script>#}
-    <script src="{% static "js/range_calendar.js" %}"></script>
 
     <link rel="icon" href="{% static 'favicon/favicon.svg' %}" sizes="any" type="image/svg+xml">
     <link rel="apple-touch-icon" sizes="57x57" href={% static 'favicon/apple-icon-57x57.png'%} >

templates/v2/blocks/b_make_poster_order.html

@@ -1,8 +1,14 @@
 {% load static %}
 {% load i18n %}
 <link rel="stylesheet" href="{% static "v2/css/forms.css" %}">
-<link rel="stylesheet" href="{% static "v2/css/widgets/w_select_country.css" %}">
 <link rel="stylesheet" href="{% static "v2/css/blocks/b_make_poster_order.css" %}">
+<link rel="stylesheet" href="{% static "v2/css/forms/f_make_poster_order.css" %}">
+
+<link rel="stylesheet" href="{% static "v2/css/widgets/w_select_country.css" %}">
+<link rel="stylesheet" href="{% static "v2/css/widgets/w_radio_inputs.css" %}">
+<link rel="stylesheet" href="{% static "v2/css/widgets/w_datarangepicker.css" %}">
+<link rel="stylesheet" href="{% static "v2/css/widgets/w_pay_attention.css" %}">
+<link rel="stylesheet" href="{% static "v2/css/widgets/w_textarea_w_counter.css" %}">
 
 <div class="b_make_poster_order">
     <div class="make_poster_order_title">{% trans "Заполните форму, чтобы отправить посылку" %}</div>

templates/v2/content_widgets/cw_w_radio_inputs_radio_input.html

@@ -0,0 +1,7 @@
+{% load static %}
+{% load i18n %}
+
+<div class="cw_w_radio_inputs_radio_input" data-name="{{ item.0 }}">
+    <div class="radio" onclick="chooseRadioInput(this)"></div>
+    <div class="radio_label">{{ item.1 }}</div>
+</div>

templates/v2/forms/f_make_poster_order.html

@@ -5,13 +5,54 @@
     {% trans "Укажите город" as placeholder_for_city %}
 
     <div class="form_line _50_grid">
-        <div class="field_container">
+        <div class="field_container" data-name="from_city">
             <label for="id_from_city"><div class="required_field_icon">*</div> {% trans "Откуда забрать посылку" %}</label>
             {% include 'v2/widgets/w_select_country.html' with name='from_city' placeholder=placeholder_for_city %}
         </div>
-        <div class="field_container">
+        <div class="field_container" data-name="to_city">
             <label for="id_from_city"><div class="required_field_icon">*</div> {% trans "Куда доставить посылку" %}</label>
             {% include 'v2/widgets/w_select_country.html' with name='to_city' placeholder=placeholder_for_city %}
         </div>
     </div>
+    <div class="form_line">
+        <div class="field_container" data-name="cargo_type">
+            <label for="id_cargo_type"><div class="required_field_icon">*</div> {% trans "Выберите кого (что) вы можете перевезти:" %}</label>
+            {% include 'v2/widgets/w_radio_inputs.html' with name='cargo_type' list=form.fields.cargo_type.choices %}
+        </div>
+    </div>
+    <div class="form_line _50_grid">
+        <div class="field_container" data-name="cargo_type">
+            <label for="id_cargo_type"><div class="required_field_icon">*</div> {% trans "Дата доставки посылки" %}</label>
+            {% include 'v2/widgets/w_daterangepicker.html' with name='arrival_DT' %}
+        </div>
+    </div>
+    <div class="form_line">
+        <div class="field_container" data-name="type_transport">
+            {% trans "Обязательно учитывайте Правила и особенности перевозки выбранным Вами видом транспорта" as attention_type_transport %}
+            <label for="id_cargo_type"><div class="required_field_icon">*</div> {% trans "Каким способом Вы хотите отправить?" %}</label>
+            {% include 'v2/widgets/w_radio_inputs.html' with name='type_transport' list=form.fields.type_transport.choices %}
+            {% include 'v2/widgets/w_pay_attention.html' with text=attention_type_transport %}
+        </div>
+    </div>
+    <div class="form_line">
+        <div class="field_container" style="width: 100%" data-name="phone">
+            {% trans "Если вы оставите это поле пустым - перевозчики смогут только написать вам в личные сообщения на нашем сайте TripWB.com" as attention_phone %}
+            <label for="id_cargo_type">{% trans "Контактный номер телефона, по которому с Вами могут связаться перевозчики" %}</label>
+            <input style="height: unset;width: calc(50% - 40px);" type="text" name="phone" id="id_phone" placeholder="{% trans 'Укажите телефон' %}">
+            {% include 'v2/widgets/w_pay_attention.html' with text=attention_phone %}
+        </div>
+    </div>
+    <div class="form_line">
+        <div class="field_container" style="width: 100%;--textarea-height: 130px;" data-name="comment">
+            {% trans 'Если желаете, то здесь можно указать важную информацию, например: вес, габариты посылки, количество попутчиков и т.д.)' as comment_placeholder %}
+            <label for="id_cargo_type">{% trans "Примечание (необязательно)" %}</label>
+            {% include 'v2/widgets/w_textarea_w_counter.html' with name='comment' placeholder=comment_placeholder max_val='300' %}
+        </div>
+    </div>
+    <div class="form_line">
+        <div class="field_container line" data-name="comment">
+            <div class="checkbox"></div>
+        </div>
+    </div>
+
 </form>

templates/v2/widgets/w_daterangepicker.html

@@ -0,0 +1,9 @@
+{% load static %}
+{% load i18n %}
+
+<div class="w_daterangepicker">
+    <div class="date_range_input_cont">
+        <input class="dropped" type="text" name="{{ name }}" id="id_{{ name }}">
+        <img src="{% static "v2/icons/widgets/w_datarangepicker/datarangepicker_icon.svg" %}" alt="">
+    </div>
+</div>

templates/v2/widgets/w_pay_attention.html

@@ -0,0 +1,7 @@
+{% load static %}
+{% load i18n %}
+
+<div class="w_pay_attention">
+    <img src="{% static "v2/icons/widgets/w_pay_attention/attention_icon.svg" %}" alt="">
+    <div>{{ text }}</div>
+</div>

templates/v2/widgets/w_radio_inputs.html

@@ -0,0 +1,8 @@
+{% load static %}
+{% load i18n %}
+
+<div class="w_radio_inputs">
+    {% for item in list %}
+        {% include 'v2/content_widgets/cw_w_radio_inputs_radio_input.html' %}
+    {% endfor %}
+</div>

templates/v2/widgets/w_select_country.html

@@ -8,7 +8,7 @@
                 <img class="country_flag_img_container">
                 <div class="country_code"></div>
             </div>
-            <input type="text" name="{{ name }}" id="id_{{ name }}" placeholder="{{ placeholder }}" oninput="searchCountry(this)" data-value="" data-id="">
+            <input class="dropped" type="text" name="{{ name }}" id="id_{{ name }}" placeholder="{{ placeholder }}" oninput="searchCountry(this)" data-value="" data-id="">
         </div>
         <img class="w_select_country_icon" src="{% static "v2/icons/widgets/w_select_country/pin.svg" %}" alt="">
     </div>

templates/v2/widgets/w_textarea_w_counter.html

@@ -0,0 +1,7 @@
+{% load static %}
+{% load i18n %}
+<div class="w_textarea_w_counter" data-max_val="{{ max_val }}">
+    <div class="trans_block" data-trans="{% trans 'из' %}"></div>
+    <textarea name="{{ name }}" id="id_{{ name }}" oninput="textareaInputE(this)"></textarea>
+    <div class="symbols_counter">0 {% trans "из" %} {{ max_val }}</div>
+</div>