0.0.05 form poster

templates/pages/profile/p_user_profile.html

@@ -34,6 +34,7 @@
             <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>
+            <script src='{% static "v2/js/forms/f_make_poster_order.js" %}'></script>
             {% include "connect_ws_js.html" %}
 
 

templates/tb_base.html

@@ -88,6 +88,7 @@ function gtag_report_conversion(url) {
     <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' %}">
+    <link rel="stylesheet" href="{% static 'v2/css/widgets/w_additional_info.css' %}">
 
     {% if page_type == 'profile' %}
         <link rel="stylesheet" href="{% static 'css/create_poster.css' %}">
@@ -100,6 +101,7 @@ function gtag_report_conversion(url) {
     <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>
+    <script src="{% static "v2/js/forms.js" %}"></script>
     <link rel="stylesheet" href="{% static "css/ion.rangeSlider.min.css" %}">
 
 

templates/v2/content_widgets/cw_w_radio_inputs_radio_input.html

@@ -3,5 +3,5 @@
 
 <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 class="radio_label" onclick="chooseRadioInput(this)">{{ item.1 }}</div>
 </div>

templates/v2/forms/f_make_poster_order.html

@@ -5,29 +5,30 @@
     {% trans "Укажите город" as placeholder_for_city %}
 
     <div class="form_line _50_grid">
-        <div class="field_container" data-name="from_city">
+        <div class="field_container" data-type="location" 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 %}
+            {% if form.errors.from_city %}<div class="error_container">{{ form.errors.from_city }}</div>{% endif %}
         </div>
-        <div class="field_container" data-name="to_city">
+        <div class="field_container" data-type="location" 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">
+        <div class="field_container" data-type="radio" 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>
+        <div class="field_container" data-type="date" data-name="arrival_DT">
+            <label for="id_arrival_DT"><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">
+        <div class="field_container" data-type="radio" 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 %}
@@ -35,7 +36,7 @@
         </div>
     </div>
     <div class="form_line">
-        <div class="field_container" style="width: 100%" data-name="phone">
+        <div class="field_container" data-type="input" 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 'Укажите телефон' %}">
@@ -43,16 +44,19 @@
         </div>
     </div>
     <div class="form_line">
-        <div class="field_container" style="width: 100%;--textarea-height: 130px;" data-name="comment">
+        <div class="field_container" data-type="textarea" style="width: 100%;--textarea-height: 130px;" data-name="comment">
             {% trans 'Если желаете, то здесь можно указать важную информацию, например: вес, габариты посылки, количество попутчиков и т.д.)' as comment_placeholder %}
-            <label for="id_cargo_type">{% trans "Примечание (необязательно)" %}</label>
+            <label for="id_comment">{% 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 class="field_container line" data-type="checkbox" data-name="receive_msg_by_email">
+            <div class="checkbox" onclick="chooseCheckbox(this)"></div>
+            <div class="checkbox_label" onclick="chooseCheckbox(this)">{% trans "Хочу получать уведомления на E-mail о появлении перевозчика по моим критериям" %}</div>
+            {% include 'v2/widgets/w_additional_info.html' %}
         </div>
     </div>
 
+    <button type="submit" onclick="makePosterOrder(this.form)">{% trans "Разместить объявление" %}</button>
 </form>

templates/v2/widgets/w_additional_info.html

@@ -0,0 +1,9 @@
+{% load static %}
+{% load i18n %}
+
+<div class="additional_info">
+    <img src="{% static "v2/icons/widgets/w_additional_info/info.svg" %}" alt="">
+    <div class="additional_info_modal">
+        asd
+    </div>
+</div>