0.0.131 remove error message from arrival_div after check

2023-09-13 09:40:41 +03:00
parent 34a789337c
commit b99f34fad1
4 changed files with 163 additions and 19 deletions
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -392,6 +392,17 @@ footer>div {
    line-height: 22px;
    margin-bottom: 8px;
 }
+.four-column>div>div>a{
+    color: #FFF;
+    /* Body text 2 */
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    margin-bottom: 8px;
+
+}



@@ -1638,7 +1649,7 @@ button.confirm_remove{
    font-style: normal;
    font-weight: 600;
    margin-right: 3px;
-    padding: 5px 0px 5px 0px;
+    /*padding: 5px 0px 5px 0px;*/
    font-size: 16px;
 }

@@ -1649,7 +1660,7 @@ button.cancel_remove{
    color: #808080cc;
    font-style: normal;
    font-weight: 600;
-    padding: 5px 0px 5px 0px;
+    /*padding: 5px 0px 5px 0px;*/
    font-size: 16px;

 }
@@ -1675,6 +1686,8 @@ span#sub_title_static{
    font-weight: 500;
    line-height: 22px;
 }
+
+
 button#more_button{
    display: inline-block;
    height: 60px;
@@ -1741,9 +1754,9 @@ button#more_button{
    padding: 0px 40px 0px 40px;

 }
-.mid_block_static>span{
+.mid_block_static>.text_wrapper>span{
    display: block;
-    width: 47%;
+    width: 50%;
    padding-bottom: 20px;
 }
 .benefit_img{
@@ -1784,6 +1797,10 @@ button#more_button{
    margin-top: 120px;
    padding: 0px 40px 0px 40px;
 }
+.bottom_block_static>#sub_title_static>p{
+    /*перенос строки в верстке из переноса в html*/
+    white-space: pre;
+}
 .bottom_block_static>form>.inputs_l{
    margin: auto;
    padding: 0px 10px 10px 10px;
@@ -1822,6 +1839,49 @@ button#more_button{
    text-align: center;
    margin-bottom: 10px;
 }
+
+.map_wrapper{
+    position: absolute;
+    right: 8%;
+    top: 69%;
+    z-index: -1;
+
+}
+
+.text_wrapper{
+    float: left;
+}
+
+.feedback_form{
+    margin-top: 120px;
+    padding: 0px 40px 0px 40px;
+
+}
+
+.feedback_form>form{
+    width: 60%;
+    margin: 0 auto;
+}
+.left_inputs_form{
+    float: left;
+    width: 45%;
+}
+.right_inputs_form{
+    float: right;
+    width: 50%;
+}
+
+.counter-box{
+  position: relative;
+  display: inline-block;
+}
+.counter-text{
+  position: absolute;
+  right: 10px;
+  bottom: 5px;
+}
+
+
 /*end_static_pages*/

 /*my routes END*/
--- a/static/js/user_profile.js
+++ b/static/js/user_profile.js
@@ -700,10 +700,10 @@ function hideMenu(event) {
 }

 function checkDate() {
-      var dateDeparture = document.getElementById('id_departure_DT');
+      let dateDeparture = document.getElementById('id_departure_DT');
      let dateArrival = document.getElementById('id_arrival_DT');
-      var DateStart = new Date(dateDeparture.value);
-      var DateEnd = new Date(dateArrival.value);
+      let DateStart = new Date(dateDeparture.value);
+      let DateEnd = new Date(dateArrival.value);
      if (DateEnd < DateStart) {

        // alert("End date cannot be less than Start date.");
@@ -714,11 +714,12 @@ function checkDate() {
            errorMessage.textContent = "Дата прибытия, не может быть установлена раньше даты отправки"
            errorMessage.classList.add('errorlist')
            arrivalDiv.appendChild(errorMessage);
-
-
-
      }
-        return true;
+        else if (DateEnd > DateStart){
+            let arrivalDiv = document.getElementById('arrival_div');
+            let errorMessage = document.querySelector('.errorlist');
+            arrivalDiv.removeChild((errorMessage))
+      }
    
 }

@@ -755,6 +756,15 @@ function RequestCommercialOffer (el){



+function counterText(evt) {
+    const ta = document.querySelector('.feedback_form_message')
+    const counter = document.querySelector('.counter-text__current')
+    const text_l = evt.target.value.length
+    counter.innerText = text_l
+
+
+}
+



--- a/templates/blocks/b_footer.html
+++ b/templates/blocks/b_footer.html
@@ -42,9 +42,15 @@
              <div class="four-column">
                <div>Свяжитесь с нами:</div>
                <div>
-                  <div>+ 7 (777) 777-77-77</div>
-                  <div>sales@tripwb.com</div>
-                  <div>support@tripwb.com</div>
+                  <div>
+                      <a href="tel:+77777777777">+ 7 (777) 777-77-77</a>
+                  </div>
+                  <div>
+                      <a href="mailto:sales@tripwb.com">sales@tripwb.com</a>
+                  </div>
+                  <div>
+                      <a href="mailto:support@tripwb.com">support@tripwb.com</a>
+                  </div>
                </div>
              </div>

--- a/templates/blocks/static_pages_blocks/b_about_service.html
+++ b/templates/blocks/static_pages_blocks/b_about_service.html
@@ -17,11 +17,21 @@

    <div class="mid_block_static">
        <h2 id="title_static">{% translate "О сервисе Trip With Bonus" %}</h2>
-        <span>{% translate "Trip With Bonus- это сервис, который соединяет отправителя посылки и перевозчика." %}</span>

-        <span>{% translate "Вы можете разместить объявление о перевозке посылки и перевозчики со всего мира откликнуться на ваше объявление или воспользовавшись поиском на сайте найти перевозчика, который будет готов взять Вашу посылку и доставить в указанное место авто- или авива транспортом." %}</span>
+        <div class="text_wrapper">
+
+             <span>{% translate "Trip With Bonus- это сервис, который соединяет отправителя посылки и перевозчика." %}</span>
+
+            <span>{% translate "Вы можете разместить объявление о перевозке посылки и перевозчики со всего мира откликнуться на ваше объявление или воспользовавшись поиском на сайте найти перевозчика, который будет готов взять Вашу посылку и доставить в указанное место авто- или авива транспортом." %}</span>
+
+            <span>{% translate "Если же Вы часто путешествуете или в разъездах, Вы можете самостоятельно перевозить посылки и при этом получать бонусы и благодарности." %}</span>
+
+        </div>
+        <div class="map_wrapper">
+            <img src="/static/img/svg/Map.svg" alt="">
+        </div>
+        <div class="clear_both"></div>

-        <span>{% translate "Если же Вы часто путешествуете или в разъездах, Вы можете самостоятельно перевозить посылки и при этом получать бонусы и благодарности." %}</span>
        <div class="benefit_img">
            <figure>
                <img src="/static/img/svg/personal_call.svg" alt="">
@@ -52,12 +62,70 @@

    <div class="bottom_block_static">
        <h2 id=title_static>{% translate "Станьте нашим партнером" %}</h2>
-        <span id="sub_title_static">{% translate "Приглашаем к сотрудничесту и развитию, вместе с большой и сильной командой. Мы предлагам Вам вместе с нами развивать сервис и стать партнером" %}</span>
+        <span
+                id="sub_title_static">
+            <p>
+                {% translate "Приглашаем к сотрудничесту и развитию, вместе с большой и сильной командой. Мы предлагам" %}
+                {% translate "Вам вместе с нами развивать сервис и стать партнером" %}
+            </p>
+        </span>
+
+
        <div class="button_container">
-            <button id="more_button">{% translate "Читать подробнее" %}</button>
+                <button id="more_button">{% translate "Читать подробнее" %}</button>
        </div>
    </div>

+    <div class="feedback_form">
+        <form>
+            <div class="left_inputs_form">
+                <div class="inputs_l">
+            <input name="username" type="text" placeholder="Имя" {% if form.data.username %} value="{{ form.data.username }}"{% endif %}>
+            {% if form.username and form.errors.username %}
+            <span>{{ form.errors.username }}</span>
+                 {% endif %}
+            </div>
+
+              <div class="inputs_l">
+                <input name="email" type="email" placeholder="Е-mail"{% if form.data.email %} value="{{ form.data.email }}"{% endif %}>
+                {% if form.email and form.errors.email %}
+                <span>{{ form.errors.email }}</span>
+                     {% endif %}
+              </div>
+
+              <div class="inputs_l">
+                <input name="tel" type="number" placeholder="Телефон"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}>
+                {% if form.tel and form.errors.tel %}
+                <span>{{ form.errors.tel }}</span>
+                     {% endif %}
+              </div>
+            </div>
+            <div class="right_inputs_form">
+                <div class="counter-box">
+                    <textarea
+                              name="text"
+                              oninput="counterText(this)"
+                              id="id_text"
+                              class="feedback_form_message"
+                              placeholder= {% translate "Сообщение" %}
+                              value="{% if form.adding_machine.text %}{{ form.initial.text }}{% endif %}"
+                              maxlength="100">
+                     </textarea>
+                    <span class="counter-text">
+                          <span class="counter-text__current">0</span>
+                          /
+                          <span class="counter-text__total">360</span>
+                    </span>
+
+                </div>
+
+            </div>
+
+        </form>
+        <div class="clear_both"></div>
+
+    </div>
+