From 0ad3f2eb9afe30fd426ce3212e44e0e45f19930d Mon Sep 17 00:00:00 2001
From: SBD <strigevitch.boris@gmail.com>
Date: Fri, 10 Jan 2025 21:18:43 +0300
Subject: [PATCH] 0.0.06 form poster

---
 static/v2/css/forms.css                     | 10 ++++++++++
 static/v2/js/forms/f_make_poster_order.js   |  6 ++++++
 templates/tb_base.html                      |  4 ----
 templates/v2/forms/f_make_poster_order.html |  7 +++++++
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/static/v2/css/forms.css b/static/v2/css/forms.css
index 36f168e..d8e53aa 100644
--- a/static/v2/css/forms.css
+++ b/static/v2/css/forms.css
@@ -19,6 +19,10 @@
     --textarea-height: unset;
     --textarea-resize: none;
 
+    --error-margin: 5px 0 0 0;
+    --error-font-size: 12px;
+    --error-color: #FF0000;
+
     box-sizing: border-box;
     
     &.line{
@@ -95,6 +99,12 @@
     .checkbox_label{
         font-size: var(--checkbox-label-font-size);
     }
+
+    .error_container{
+        margin: var(--error-margin);
+        font-size: var(--error-font-size);
+        color: var(--error-color);
+    }
 }
 
 .form_line{
diff --git a/static/v2/js/forms/f_make_poster_order.js b/static/v2/js/forms/f_make_poster_order.js
index d2d0593..e673f4a 100644
--- a/static/v2/js/forms/f_make_poster_order.js
+++ b/static/v2/js/forms/f_make_poster_order.js
@@ -10,7 +10,13 @@ function makePosterOrder(form) {
         data_type: 'formData',
         success: function (res) {
 
+
         }, error: function (res) {
+            if (res.JSON) return;
+
+            let $parent = form.closest('.b_make_poster_order')
+            let $title = $parent.querySelector(".make_poster_order_title")
+
 
         }
     })
diff --git a/templates/tb_base.html b/templates/tb_base.html
index 6c2c619..6ca788f 100644
--- a/templates/tb_base.html
+++ b/templates/tb_base.html
@@ -90,10 +90,6 @@ function gtag_report_conversion(url) {
     <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' %}">
-    {% endif %}
-
     <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>
diff --git a/templates/v2/forms/f_make_poster_order.html b/templates/v2/forms/f_make_poster_order.html
index aff3d36..6a37d26 100644
--- a/templates/v2/forms/f_make_poster_order.html
+++ b/templates/v2/forms/f_make_poster_order.html
@@ -13,18 +13,21 @@
         <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 %}
+            {% if form.errors.to_city %}<div class="error_container">{{ form.errors.to_city }}</div>{% endif %}
         </div>
     </div>
     <div class="form_line">
         <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 %}
+            {% if form.errors.cargo_type %}<div class="error_container">{{ form.errors.cargo_type }}</div>{% endif %}
         </div>
     </div>
     <div class="form_line _50_grid">
         <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' %}
+            {% if form.errors.arrival_DT %}<div class="error_container">{{ form.errors.arrival_DT }}</div>{% endif %}
         </div>
     </div>
     <div class="form_line">
@@ -33,6 +36,7 @@
             <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 %}
+            {% if form.errors.type_transport %}<div class="error_container">{{ form.errors.type_transport }}</div>{% endif %}
         </div>
     </div>
     <div class="form_line">
@@ -41,6 +45,7 @@
             <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 %}
+            {% if form.errors.phone %}<div class="error_container">{{ form.errors.phone }}</div>{% endif %}
         </div>
     </div>
     <div class="form_line">
@@ -48,6 +53,7 @@
             {% trans 'Если желаете, то здесь можно указать важную информацию, например: вес, габариты посылки, количество попутчиков и т.д.)' as comment_placeholder %}
             <label for="id_comment">{% trans "Примечание (необязательно)" %}</label>
             {% include 'v2/widgets/w_textarea_w_counter.html' with name='comment' placeholder=comment_placeholder max_val='300' %}
+            {% if form.errors.comment %}<div class="error_container">{{ form.errors.comment }}</div>{% endif %}
         </div>
     </div>
     <div class="form_line">
@@ -55,6 +61,7 @@
             <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' %}
+            {% if form.errors.receive_msg_by_email %}<div class="error_container">{{ form.errors.receive_msg_by_email }}</div>{% endif %}
         </div>
     </div>