LIL-181. Add edit profile template

remotes/origin/hasaccess
Ivlev Denis 8 years ago
parent baafd69210
commit 8a0c785b7a
  1. 185
      apps/user/templates/user/profile-settings.html

@ -0,0 +1,185 @@
{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %}
<div class="section section_gray section_menu">
<div class="section__center center center_xs">
<div class="menu">
<a class="menu__link active" href="{% url 'user-edit' user.id %}">Профиль</a>
<a class="menu__link" href="#">Уведомления</a>
<a class="menu__link" href="#">Платежи</a>
</div>
</div>
</div>
{% comment %}
<!-- <div class="section section_confirm">
<div class="section__center center center_xs">
<div class="confirm">
<div class="confirm__title title">Подтверждение почты</div>
<div class="confirm__content">На электронный адрес
<strong>sasha@lil.city</strong> отправлено письмо с кодом подтверждения. Введите код, чтобы подтвердить почту.</div>
<div class="confirm__form">
<div class="confirm__field field field_code">
<div class="field__wrap">
<input class="field__input" type="text" placeholder="Введите код подтверждения">
</div>
</div>
<button class="confirm__btn btn btn_dark">ПОДТВЕРДИТЬ</button>
</div>
<div class="confirm__content">Если у вас нет кода или письмо где-то затерялось, вы можете получить новый код подтверждения. Отправить новый код?</div>
</div>
</div>
</div> -->
{% endcomment %}
<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>
</div>
</div>
<div class="form__fieldset">
<div class="form__field field">
<div class="field__label">ИМЯ</div>
<div class="field__wrap">
<input 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 class="field__input" type="text" placeholder="Фамилия" value="{{ user.last_name }}">
</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>
</div>
<div class="form__fieldset">
<div class="form__field field">
<div class="field__label">ГОРОД</div>
<div class="field__wrap">
<input class="field__input" type="text" placeholder="Город" value="{{ user.city }}">
</div>
</div>
<div class="form__field field">
<div class="field__label">СТРАНА</div>
<div class="field__wrap">
<input class="field__input" type="text" placeholder="Страна" value="{{ user.country }}">
</div>
</div>
</div>
<div class="form__fieldset">
<div class="form__field field">
<div class="field__label">ДАТА РОЖДЕНИЯ</div>
<div class="field__wrap">
<input class="field__input" type="text" placeholder="dd/mm/yy" value="{% if user.birthday %}{{ user.birthday }}{% endif %}">
</div>
</div>
<div class="form__field field">
<div class="field__label">ПОЛ</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>
</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>
</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>
</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>
</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>
</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>
</div>
<div class="form__foot">
<button type="submit" class="form__btn btn btn_md">СОХРАНИТЬ</button>
</div>
</form>
</div>
</div>
</div>
{% endblock content %}
Loading…
Cancel
Save