From 40f1560701863b8d9ed1699dd44307eaf2b6599e Mon Sep 17 00:00:00 2001
From: Ivlev Denis <di-erz@yandex.ru>
Date: Thu, 15 Feb 2018 11:13:53 +0300
Subject: [PATCH] Show errors on user edit page by ui-kit

---
 .../user/templates/user/profile-settings.html | 97 ++++++++++++++-----
 1 file changed, 74 insertions(+), 23 deletions(-)

diff --git a/apps/user/templates/user/profile-settings.html b/apps/user/templates/user/profile-settings.html
index 9442e0a8..c9b3633d 100644
--- a/apps/user/templates/user/profile-settings.html
+++ b/apps/user/templates/user/profile-settings.html
@@ -53,47 +53,65 @@
             </div>
           </div>
           <div class="form__fieldset">
-            <div class="form__field field">
+            <div class="form__field field{% if form.first_name.errors %} error{% endif %}">
               <div class="field__label">ИМЯ</div>
               <div class="field__wrap">
                 <input name='first_name' class="field__input" type="text" placeholder="Имя" value="{{ user.first_name }}">
               </div>
+              {% if form.first_name.errors %}
+              <div class="field__error">Укажите корректно свои данные</div>
+              {% endif %}
             </div>
-            <div class="form__field field">
+            <div class="form__field field{% if form.last_name.errors %} error{% endif %}">
               <div class="field__label">ФАМИЛИЯ</div>
               <div class="field__wrap">
                 <input name='last_name' class="field__input" type="text" placeholder="Фамилия" value="{{ user.last_name }}">
               </div>
+              {% if form.last_name.errors %}
+              <div class="field__error">Укажите корректно свои данные</div>
+              {% endif %}
             </div>
           </div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.email.errors %} error{% endif %}">
             <div class="field__label">Почта</div>
             <div class="field__wrap">
               <input name='email' class="field__input" type="email" placeholder="Почта" value="{{ user.email }}">
             </div>
-          </div>
+            {% if form.email.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
+        </div>
           <div class="form__fieldset">
-            <div class="form__field field">
+            <div class="form__field field{% if form.city.errors %} error{% endif %}">
               <div class="field__label">ГОРОД</div>
               <div class="field__wrap">
                 <input name='city' class="field__input" type="text" placeholder="Город" value="{% if user.city %}{{ user.city }}{% endif %}">
               </div>
+              {% if form.city.errors %}
+              <div class="field__error">Укажите корректно свои данные</div>
+              {% endif %}
             </div>
-            <div class="form__field field">
+            <div class="form__field field{% if form.country.errors %} error{% endif %}">
               <div class="field__label">СТРАНА</div>
               <div class="field__wrap">
                 <input name='country' class="field__input" type="text" placeholder="Страна" value="{% if user.country %}{{ user.country }}{% endif %}">
               </div>
+              {% if form.country.errors %}
+              <div class="field__error">Укажите корректно свои данные</div>
+              {% endif %}
             </div>
           </div>
           <div class="form__fieldset">
-            <div class="form__field field">
+            <div class="form__field field{% if form.birthday.errors %} error{% endif %}">
               <div class="field__label">ДАТА РОЖДЕНИЯ</div>
               <div class="field__wrap">
                 <input name='birthday' class="field__input" type="text" placeholder="dd.mm.yyyy" value="{% if user.birthday %}{{ user.birthday | date:'d.m.Y' }}{% endif %}">
               </div>
+              {% if form.birthday.errors %}
+              <div class="field__error">Укажите корректно свои данные</div>
+              {% endif %}
             </div>
-            <div class="form__field field">
+            <div class="form__field field{% if form.gender.errors %} error{% endif %}">
               <div class="field__label">ПОЛ</div>
               <div class="field__wrap">
                 <div class="field__select select js-select{% if user.gender and user.gender != 'n' %} selected{% endif %}">
@@ -111,74 +129,107 @@
                   <input id="gender" name='gender' class="select__input" type="hidden">
                 </div>
               </div>
+              {% if form.gender.errors %}
+              <div class="field__error">Укажите корректно свои данные</div>
+              {% endif %}
             </div>
           </div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.about.errors %} error{% endif %}">
             <div class="field__label">О себе</div>
             <div class="field__wrap">
               <textarea name='about' class="field__textarea" placeholder="Расскажите о себе и своем опыте">{% if user.about %}{{ user.about }}{% endif %}</textarea>
             </div>
-          </div>
+            {% if form.about.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
+        </div>
         </div>
         <div class="form__group">
           <div class="form__title">Пароль</div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.old_password.errors %} error{% endif %}">
             <div class="field__label">ТЕКУЩИЙ ПАРОЛЬ</div>
             <div class="field__wrap">
               <input name='old_password' class="field__input" type="password" placeholder="Введите текущий пароль">
             </div>
-          </div>
-          <div class="form__field field">
+            {% if form.old_password.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
+        </div>
+          <div class="form__field field{% if form.new_password1.errors %} error{% endif %}">
             <div class="field__label">НОВЫЙ ПАРОЛЬ</div>
             <div class="field__wrap">
               <input name='new_password1' class="field__input" type="password" placeholder="Введите новый пароль">
             </div>
-          </div>
-          <div class="form__field field">
+            {% if form.new_password1.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
+        </div>
+          <div class="form__field field{% if form.new_password2.errors %} error{% endif %}">
             <div class="field__label">ПОДТВЕРДИТЬ НОВЫЙ ПАРОЛЬ</div>
             <div class="field__wrap">
               <input name='new_password2' class="field__input" type="password" placeholder="Подтвердите новый пароль">
             </div>
-          </div>
+            {% if form.new_password2.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
+        </div>
         </div>
         <div class="form__group">
           <div class="form__title">Соцсети</div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.instagram.errors %} error{% endif %}">
             <div class="field__label">INSTAGRAM</div>
             <div class="field__wrap">
               <input name='instagram' class="field__input" type="text" placeholder="https://instagram.com/school.lil.city" value="{% if user.instagram %}{{ user.instagram }}{% endif %}">
             </div>
+            {% if form.instagram.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
           </div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.facebook.errors %} error{% endif %}">
             <div class="field__label">FACEBOOK</div>
             <div class="field__wrap">
               <input name='facebook' class="field__input" type="text" placeholder="https://facebook.com/lilcitycompany" value="{% if user.facebook %}{{ user.facebook }}{% endif %}">
             </div>
+            {% if form.facebook.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
           </div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.twitter.errors %} error{% endif %}">
             <div class="field__label">TWITTER</div>
             <div class="field__wrap">
               <input name='twitter' class="field__input" type="text" placeholder="https://twitter.com/lilcitycompany" value="{% if user.twitter %}{{ user.twitter }}{% endif %}">
             </div>
+            {% if form.twitter.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
           </div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.pinterest.errors %} error{% endif %}">
             <div class="field__label">PINTEREST</div>
             <div class="field__wrap">
               <input name='pinterest' class="field__input" type="text" placeholder="https://pinterest.com/lilcitycompany" value="{% if user.pinterest %}{{ user.pinterest }}{% endif %}">
             </div>
+            {% if form.pinterest.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
           </div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.youtube.errors %} error{% endif %}">
             <div class="field__label">YOUTUBE</div>
             <div class="field__wrap">
               <input name='youtube' class="field__input" type="text" placeholder="https://youtube.com/lilcitycompany" value="{% if user.youtube %}{{ user.youtube }}{% endif %}">
             </div>
+            {% if form.youtube.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
           </div>
-          <div class="form__field field">
+          <div class="form__field field{% if form.vkontakte.errors %} error{% endif %}">
             <div class="field__label">VKONTAKTE</div>
             <div class="field__wrap">
               <input name='vkontakte' class="field__input" type="text" placeholder="https://vk.com/lilcitycompany" value="{% if user.vkontakte %}{{ user.vkontakte }}{% endif %}">
             </div>
-          </div>
+            {% if form.vkontakte.errors %}
+            <div class="field__error">Укажите корректно свои данные</div>
+            {% endif %}
+        </div>
         </div>
         <div class="form__foot">
           <button type="submit" class="form__btn btn btn_md">СОХРАНИТЬ</button>