|
|
|
|
@ -28,156 +28,167 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
{% endcomment %} |
|
|
|
|
{% if messages %} |
|
|
|
|
<div class="section section_gray section_menu"> |
|
|
|
|
<div class="section__center center center_xs"> |
|
|
|
|
{% for message in messages %} |
|
|
|
|
<div class="message message_{{ message.tags }}">{{ message }}</div> |
|
|
|
|
{% endfor %} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
{% endif %} |
|
|
|
|
{{form.errors}} |
|
|
|
|
<div class="section section_gray"> |
|
|
|
|
<div class="section__center center center_xs"> |
|
|
|
|
<div class="form"> |
|
|
|
|
<form action=""> |
|
|
|
|
<div class="form__group"> |
|
|
|
|
<div class="form__title">Личные данные</div> |
|
|
|
|
<div class="form__ava ava"> |
|
|
|
|
{% if user.photo %} |
|
|
|
|
<img class="ava__pic" src="{{user.photo.url}}"> |
|
|
|
|
{% else %} |
|
|
|
|
<img class="ava__pic" src="{% static 'img/user.jpg' %}"> |
|
|
|
|
{% endif %} |
|
|
|
|
<input class="ava__input" type="file"> |
|
|
|
|
<div class="ava__icon"> |
|
|
|
|
<svg class="icon icon-photo"> |
|
|
|
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-photo"></use> |
|
|
|
|
</svg> |
|
|
|
|
<form action="" method="POST"> |
|
|
|
|
{% csrf_token %} |
|
|
|
|
<div class="form__group"> |
|
|
|
|
<div class="form__title">Личные данные</div> |
|
|
|
|
<div class="form__ava ava"> |
|
|
|
|
{% if user.photo %} |
|
|
|
|
<img class="ava__pic" src="{{user.photo.url}}"> |
|
|
|
|
{% else %} |
|
|
|
|
<img class="ava__pic" src="{% static 'img/user.jpg' %}"> |
|
|
|
|
{% endif %} |
|
|
|
|
<input class="ava__input" type="file"> |
|
|
|
|
<div class="ava__icon"> |
|
|
|
|
<svg class="icon icon-photo"> |
|
|
|
|
<use xlink:href="{% static 'img/sprite.svg' %}#icon-photo"></use> |
|
|
|
|
</svg> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__fieldset"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ИМЯ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input name='first_name' class="field__input" type="text" placeholder="Имя" value="{{ user.first_name }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ФАМИЛИЯ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input name='last_name' class="field__input" type="text" placeholder="Фамилия" value="{{ user.last_name }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__fieldset"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ИМЯ</div> |
|
|
|
|
<div class="field__label">Почта</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="Имя" value="{{ user.first_name }}"> |
|
|
|
|
<input name='email' class="field__input" type="email" placeholder="Почта" value="{{ user.email }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__fieldset"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<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> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<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> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__fieldset"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<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> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<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 %}"> |
|
|
|
|
<div class="select__head js-select-head"> |
|
|
|
|
{% if user.gender == 'f' %}Ж{% elif user.gender == 'm' %}M{% else %}М / Ж{% endif %} |
|
|
|
|
</div> |
|
|
|
|
<div class="select__drop js-select-drop"> |
|
|
|
|
<div class="select__option js-select-option" data-gender-option data-gender="m"> |
|
|
|
|
<div class="select__title">М</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="select__option js-select-option" data-gender-option data-gender="f"> |
|
|
|
|
<div class="select__title">Ж</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<input id="gender" name='gender' class="select__input" type="hidden"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ФАМИЛИЯ</div> |
|
|
|
|
<div class="field__label">О себе</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="Фамилия" value="{{ user.last_name }}"> |
|
|
|
|
<textarea name='about' class="field__textarea" placeholder="Расскажите о себе и своем опыте">{% if user.about %}{{ user.about }}{% endif %}</textarea> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">Почта</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="email" placeholder="Почта" value="{{ user.email }}"> |
|
|
|
|
<div class="form__group"> |
|
|
|
|
<div class="form__title">Пароль</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ТЕКУЩИЙ ПАРОЛЬ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input name='old_password' class="field__input" type="password" placeholder="Введите текущий пароль"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__fieldset"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ГОРОД</div> |
|
|
|
|
<div class="field__label">НОВЫЙ ПАРОЛЬ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="Город" value="{{ user.city }}"> |
|
|
|
|
<input name='new_password1' class="field__input" type="password" placeholder="Введите новый пароль"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">СТРАНА</div> |
|
|
|
|
<div class="field__label">ПОДТВЕРДИТЬ НОВЫЙ ПАРОЛЬ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="Страна" value="{{ user.country }}"> |
|
|
|
|
<input name='new_password2' class="field__input" type="password" placeholder="Подтвердите новый пароль"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__fieldset"> |
|
|
|
|
<div class="form__group"> |
|
|
|
|
<div class="form__title">Соцсети</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ДАТА РОЖДЕНИЯ</div> |
|
|
|
|
<div class="field__label">INSTAGRAM</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="dd/mm/yy" value="{% if user.birthday %}{{ user.birthday }}{% endif %}"> |
|
|
|
|
<input name='instagram' class="field__input" type="text" placeholder="https://instagram.com/school.lil.city" value="{{ user.instagram }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ПОЛ</div> |
|
|
|
|
<div class="field__label">FACEBOOK</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<div class="field__select select js-select"> |
|
|
|
|
<div class="select__head js-select-head"> |
|
|
|
|
{% if user.gender == 'n' %}М / Ж{% elif user.gender == 'm' %}M{% else %}Ж{% endif %} |
|
|
|
|
</div> |
|
|
|
|
<div class="select__drop js-select-drop"> |
|
|
|
|
<div class="select__option js-select-option"> |
|
|
|
|
<div class="select__title">М</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="select__option js-select-option"> |
|
|
|
|
<div class="select__title">Ж</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<input class="select__input" type="hidden"> |
|
|
|
|
</div> |
|
|
|
|
<input name='facebook' class="field__input" type="text" placeholder="https://facebook.com/lilcitycompany" value="{{ user.facebook }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">О себе</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<textarea class="field__textarea" placeholder="Расскажите о себе и своем опыте">{% if user.about %}{{ user.about }}{% endif %}</textarea> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__group"> |
|
|
|
|
<div class="form__title">Пароль</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ТЕКУЩИЙ ПАРОЛЬ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="password" placeholder="Введите текущий пароль"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">НОВЫЙ ПАРОЛЬ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="password" placeholder="Введите новый пароль"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">ПОДТВЕРДИТЬ НОВЫЙ ПАРОЛЬ</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="password" placeholder="Подтвердите новый пароль"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__group"> |
|
|
|
|
<div class="form__title">Соцсети</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">INSTAGRAM</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="https://instagram.com/school.lil.city" value="{{ user.instagram }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">FACEBOOK</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="https://facebook.com/lilcitycompany" value="{{ user.facebook }}"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">TWITTER</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input name='twitter' class="field__input" type="text" placeholder="https://twitter.com/lilcitycompany" value="{{ user.twitter }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">TWITTER</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="https://twitter.com/lilcitycompany" value="{{ user.twitter }}"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">PINTEREST</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input name='pinterest' class="field__input" type="text" placeholder="https://pinterest.com/lilcitycompany" value="{{ user.pinterest }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">PINTEREST</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="https://twitter.com/lilcitycompany" value="{{ user.pinterest }}"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">YOUTUBE</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input name='youtube' class="field__input" type="text" placeholder="https://youtube.com/lilcitycompany" value="{{ user.youtube }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">YOUTUBE</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="https://youtube.com/lilcitycompany" value="{{ user.youtube }}"> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">VKONTAKTE</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input name='vkontakte' class="field__input" type="text" placeholder="https://vk.com/lilcitycompany" value="{{ user.vkontakte }}"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__field field"> |
|
|
|
|
<div class="field__label">VKONTAKTE</div> |
|
|
|
|
<div class="field__wrap"> |
|
|
|
|
<input class="field__input" type="text" placeholder="https://vk.com/lilcitycompany" value="{{ user.vkontakte }}"> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__foot"> |
|
|
|
|
<button type="submit" class="form__btn btn btn_md">СОХРАНИТЬ</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form__foot"> |
|
|
|
|
<button type="submit" class="form__btn btn btn_md">СОХРАНИТЬ</button> |
|
|
|
|
</div> |
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|