EXPO-25 accounts/profile.html

remotes/origin/1203
pavel 11 years ago
parent 8f311bab79
commit 864dc9519e
  1. 522
      templates/client/accounts/profile.html

@ -2,310 +2,262 @@
{% load static %} {% load static %}
{% load i18n %} {% load i18n %}
{% load template_filters %} {% load template_filters %}
{% block bread_scrumbs %} {% block bread_scrumbs %}
<div class="bread-crumbs"> <div class="bread-crumbs">
<a href="/">{% trans 'Главная страница' %}</a> <a href="/">{% trans 'Главная страница' %}</a>
<strong>{% trans 'Личный кабинет' %}</strong> <strong>{% trans 'Личный кабинет' %}</strong>
</div> </div>
{% endblock %} {% endblock %}
{% block page_title %} {% block page_title %}
<div class="page-title"> <div class="page-title">
<h1>{% trans 'Личный кабинет' %}</h1> <h1>{% trans 'Личный кабинет' %}</h1>
</div> </div>
{% endblock %} {% endblock %}
{% block content_list %} {% block content_list %}
<div class="m-article"> <div class="m-article">
<div class="item-wrap clearfix"> <div class="item-wrap clearfix">
{# avatar #}
{# avatar #} <aside>
<aside> <div class="i-pict p-editable">
<div class="i-pict p-editable"> {% if request.user.profile.avatar %}
{% if request.user.profile.avatar %} <img src="{{ request.user.profile.avatar.url }}" alt="" />
<img src="{{ request.user.profile.avatar.url }}" alt="" /> {% endif %}
{% endif %} <div class="edit-wrap">
<div class="edit-wrap"> <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<a class="e-btn" href="#">{% trans 'редактировать' %}</a> <div class="e-form">
<div class="e-form"> <form class="clearfix update-profile-form" enctype="multipart/form-data" id="avatar_form"action="/profile/update/avatar/" method="post">{% csrf_token %}
<form class="clearfix update-profile-form" enctype="multipart/form-data" id="avatar_form"action="/profile/update/avatar/" method="post">{% csrf_token %}
<div class="ef-body"> <div class="ef-body">
<div class="epfl"> <div class="epfl">
<label>{{ avatar_form.avatar.label }}</label> <label>{{ avatar_form.avatar.label }}</label>
<div class="epf-field"> <div class="epf-field">
<div class="input-file clearfix"> <div class="input-file clearfix">
<div class="button icon-clip">{% trans 'выберите файл' %}</div> <div class="button icon-clip">{% trans 'выберите файл' %}</div>
<div class="file-text placehlder">{% trans 'Файл не выбран' %}</div> <div class="file-text placehlder">{% trans 'Файл не выбран' %}</div>
<div class="if-field-wrap"><input id="id_avatar" type="file" name="avatar" /></div> <div class="if-field-wrap"><input id="id_avatar" type="file" name="avatar" /></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="ef-buttons"> <div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div> </div>
</form> </form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div> </div>
</div> </div>
</div> </div>
</aside>
</aside> {# END avatar #}
{# END avatar #} <div class="i-info">
<div class="i-info"> <header>
<header> {# country and city #}
{# country and city #} <div class="i-place p-editable">
<div class="i-place p-editable"> {% if home_form.instance.country %}
{% if home_form.instance.country %} <span>
<span> {% else %}
{% else %} <span style="display:none;">
<span style="display:none;"> {% endif %}
{% endif %} <a href="#">{{ home_form.instance.country }}</a>
<a href="#">{{ home_form.instance.country }}</a> </span>
</span> {% if home_form.instance.city %}
<span>
{% if home_form.instance.city %} {% else %}
<span> <span style="display:none;">
{% else %} {% endif %}
<span style="display:none;"> , <a href="#">{{ home_form.instance.city }}</a>
{% endif %} </span>
, <a href="#">{{ home_form.instance.city }}</a> <div class="edit-wrap e-left">
</span> <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="e-form">
<div class="edit-wrap e-left"> <form class="clearfix update-profile-form" id="home_form" action="/profile/update/home/" method="post">{% csrf_token %}
<a class="e-btn" href="#">{% trans 'редактировать' %}</a> <div class="ef-body">
<div class="e-form"> <div class="epfl">
<form class="clearfix update-profile-form" id="home_form" action="/profile/update/home/" method="post">{% csrf_token %} <label>{{ home_form.country.label }}</label>
<div class="ef-body"> <div class="epf-field">
{{ home_form.country }}
<div class="epfl"> </div>
<label>{{ home_form.country.label }}</label> </div>
<div class="epf-field"> <div class="epfl">
{{ home_form.country }} <label>{% trans 'Город' %}</label>
<div class="epf-field">
</div> <select name="city" style="width: 200px;">
</div> </select>
</div>
<div class="epfl"> </div>
<label>{% trans 'Город' %}</label> </div>
<div class="epf-field">
<select name="city" style="width: 200px;">
</select>
</div>
</div>
</div>
<div class="ef-buttons"> <div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div> </div>
</form> </form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div> </div>
</div> </div>
</div> </div>
{# END country and city #} {# END country and city #}
{# name #}
{# name #} <div class="i-title p-editable">
<div class="i-title p-editable"> <span>{{ name_form.get_full_name }}</span>
<span>{{ name_form.get_full_name }}</span> <div class="edit-wrap">
<div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a> <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="e-form"> <div class="e-form">
<form class="clearfix update-profile-form" id="name_form" action="/profile/update/name/" <form class="clearfix update-profile-form" id="name_form" action="/profile/update/name/"
method="post" method="post">{% csrf_token %} method="post" method="post">{% csrf_token %}
<div class="ef-body"> <div class="ef-body">
<div class="epfl"> <div class="epfl">
<label>{{ name_form.first_name.label }}</label> <label>{{ name_form.first_name.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ name_form.first_name }} {{ name_form.first_name }}
</div>
</div>
<div class="epfl">
<label>{{ name_form.last_name.label }}</label>
<div class="epf-field">
{{ name_form.last_name }}
</div> </div>
</div> </div>
<div class="epfl">
<label>{{ name_form.last_name.label }}</label>
<div class="epf-field">
{{ name_form.last_name }}
</div>
</div>
</div> </div>
<div class="ef-buttons"> <div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div> </div>
</form> </form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div> </div>
</div> </div>
</div> </div>
{# END name #} {# END name #}
</header> </header>
{# position #}
{# position #} <div class="i-position p-editable">
<div class="i-position p-editable"> <p>
<p> {{ work_form.position.value }}
{{ work_form.position.value }} {% if work_form.work.value %}
{% if work_form.work.value %} {% trans 'в' %} {{ work_form.work.value }}
{% trans 'в' %} {{ work_form.work.value }} {% endif %}
{% endif %} </p>
</p> <div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="e-form"> <div class="e-form">
<form class="clearfix update-profile-form" id="work_form" action="/profile/update/work/" method="post">{% csrf_token %} <form class="clearfix update-profile-form" id="work_form" action="/profile/update/work/" method="post">{% csrf_token %}
<div class="ef-body"> <div class="ef-body">
<div class="epfl">
<div class="epfl"> <label>{{ work_form.position.label }}</label>
<label>{{ work_form.position.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ work_form.position }} {{ work_form.position }}
</div> </div>
</div> </div>
<div class="epfl"> <div class="epfl">
<label>{{ work_form.work.label }}</label> <label>{{ work_form.work.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ work_form.work }} {{ work_form.work }}
</div> </div>
</div> </div>
</div> </div>
<div class="ef-buttons"> <div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div> </div>
</form> </form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div> </div>
</div> </div>
</div> </div>
{# END position #} {# END position #}
{# description #}
<div class="i-descr p-editable">
{# description #} <p>{{ about_company_form.about_company.value }}</p>
<div class="i-descr p-editable"> <div class="edit-wrap">
<p>{{ about_company_form.about_company.value }}</p> <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="e-form"> <div class="e-form">
<form class="clearfix update-profile-form" id="about_company_form" action="/profile/update/about-company/" method="post">{% csrf_token %} <form class="clearfix update-profile-form" id="about_company_form" action="/profile/update/about-company/" method="post">{% csrf_token %}
<div class="ef-body"> <div class="ef-body">
<div class="epfl"> <div class="epfl">
<label>{{ about_company_form.about_company.label }}</label> <label>{{ about_company_form.about_company.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ about_company_form.about_company }} {{ about_company_form.about_company }}
</div> </div>
</div> </div>
</div> </div>
<div class="ef-buttons"> <div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div> </div>
</form> </form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div> </div>
</div> </div>
</div> </div>
{# END description #} {# END description #}
<hr /> <hr />
<div class="i-contacts clearfix">
<div class="i-contacts clearfix"> <div class="ic-buttons">
<div class="ic-buttons"> <a class="button icon-edit icb-edit-profile" href="#">{% trans 'редактировать профиль' %}</a>
<a class="button icon-edit icb-edit-profile" href="#">{% trans 'редактировать профиль' %}</a> <a class="button orange icon-edit icb-exit-edit" href="#">{% trans 'завершить редактирование' %}</a>
<a class="button orange icon-edit icb-exit-edit" href="#">{% trans 'завершить редактирование' %}</a> <div class="p-editable">
<div class="p-editable"> <ul class="soc-media-buttons">
<ul class="soc-media-buttons">
<li><a href="{% if social_form.facebook.value %} {{ social_form.facebook.value }} {%else %}#{% endif %}"> <li><a href="{% if social_form.facebook.value %} {{ social_form.facebook.value }} {%else %}#{% endif %}">
<img src="{% static 'client/img/soc-medias/sm-icon-fb.png' %}" title="Facebook" alt="Facebook" /> <img src="{% static 'client/img/soc-medias/sm-icon-fb.png' %}" title="Facebook" alt="Facebook" />
</a> </a>
</li> </li>
<li><a href="{% if social_form.linkedin.value %} {{ social_form.linkedin.value }} {%else %}#{% endif %}"> <li><a href="{% if social_form.linkedin.value %} {{ social_form.linkedin.value }} {%else %}#{% endif %}">
<img src="{% static 'client/img/soc-medias/sm-icon-lin.png' %}" title="LinkedIn" alt="LinkedIn" /> <img src="{% static 'client/img/soc-medias/sm-icon-lin.png' %}" title="LinkedIn" alt="LinkedIn" />
</a> </a>
</li> </li>
<li><a href="{% if social_form.vk.value %} {{ social_form.vk.value }} {%else %}#{% endif %}"> <li><a href="{% if social_form.vk.value %} {{ social_form.vk.value }} {%else %}#{% endif %}">
<img src="{% static 'client/img/soc-medias/sm-icon-vk.png' %}" title="В контакте" alt="В контакте" /> <img src="{% static 'client/img/soc-medias/sm-icon-vk.png' %}" title="В контакте" alt="В контакте" />
</a> </a>
</li> </li>
<li><a href="{% if social_form.twitter.value %} {{ social_form.twitter.value }} {%else %}#{% endif %}"> <li><a href="{% if social_form.twitter.value %} {{ social_form.twitter.value }} {%else %}#{% endif %}">
<img src="{% static 'client/img/soc-medias/sm-icon-twit.png' %}" title="Twitter" alt="Twitter" /> <img src="{% static 'client/img/soc-medias/sm-icon-twit.png' %}" title="Twitter" alt="Twitter" />
</a> </a>
</li> </li>
</ul> </ul>
<div class="edit-wrap"> <div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a> <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="e-form"> <div class="e-form">
<form class="clearfix update-profile-form" id="social_form" action="/profile/update/social/" method="post">{% csrf_token %} <form class="clearfix update-profile-form" id="social_form" action="/profile/update/social/" method="post">{% csrf_token %}
<div class="ef-body"> <div class="ef-body">
<div class="epfl"> <div class="epfl">
<label><img src="{% static 'client/img/soc-medias/sm-icon-fb-w.png' %}" title="Facebook" alt="Facebook" /> {{ social_form.facebook.label }}</label> <label><img src="{% static 'client/img/soc-medias/sm-icon-fb-w.png' %}" title="Facebook" alt="Facebook" /> {{ social_form.facebook.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ social_form.facebook }} {{ social_form.facebook }}
</div> </div>
</div> </div>
<div class="epfl"> <div class="epfl">
<label><img src="{% static 'client/img/soc-medias/sm-icon-lin-w.png' %}" title="LinkedIn" alt="LinkedIn" /> {{ social_form.linkedin.label }}</label> <label><img src="{% static 'client/img/soc-medias/sm-icon-lin-w.png' %}" title="LinkedIn" alt="LinkedIn" /> {{ social_form.linkedin.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ social_form.linkedin }} {{ social_form.linkedin }}
</div> </div>
</div> </div>
<div class="epfl"> <div class="epfl">
<label><img src="{% static 'client/img/soc-medias/sm-icon-vk-w.png' %}" title="В контакте" alt="В контакте" /> {{ social_form.vk.label }}</label> <label><img src="{% static 'client/img/soc-medias/sm-icon-vk-w.png' %}" title="В контакте" alt="В контакте" /> {{ social_form.vk.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ social_form.vk }} {{ social_form.vk }}
</div> </div>
</div> </div>
<div class="epfl"> <div class="epfl">
<label><img src="{% static 'client/img/soc-medias/sm-icon-twit-w.png' %}" title="Twitter" alt="Twitter" /> {{ social_form.twitter.label }}</label> <label><img src="{% static 'client/img/soc-medias/sm-icon-twit-w.png' %}" title="Twitter" alt="Twitter" /> {{ social_form.twitter.label }}</label>
<div class="epf-field"> <div class="epf-field">
{{ social_form.twitter }} {{ social_form.twitter }}
</div> </div>
</div> </div>
</div> </div>
<div class="ef-buttons"> <div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div> </div>
</form> </form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{# contacts #} {# contacts #}
<div class="ic-links"> <div class="ic-links">
<div class="ic-tel p-editable"> <div class="ic-tel p-editable">
{% if phone_form.phone.value %} {% if phone_form.phone.value %}
<span>{{ phone_form.phone.value|phone }}</span> <span>{{ phone_form.phone.value|phone }}</span>
{% endif %} {% endif %}
<div class="edit-wrap"> <div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a> <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="e-form"> <div class="e-form">
<form class="clearfix update-profile-form" id="phone_form" action="/profile/update/phone/" method="post">{% csrf_token %} <form class="clearfix update-profile-form" id="phone_form" action="/profile/update/phone/" method="post">{% csrf_token %}
<div class="ef-body"> <div class="ef-body">
<div class="epfl"> <div class="epfl">
@ -314,137 +266,87 @@
{{ phone_form.phone }} {{ phone_form.phone }}
</div> </div>
</div> </div>
</div> </div>
<div class="ef-buttons"> <div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div> </div>
</form> </form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="ic-site p-editable">
<div class="ic-mail p-editable"> {% if web_page_form.web_page.value %}
{% if email_form.email.value %} <a class="icon-ext-link" href="{% if web_page_form.web_page.value %}{{ web_page_form.web_page.value }}{% else %}#{% endif %}" target="_blank">
<a class="icon-mail" href="mailto:{{ email_form.email.value }}">{{ email_form.email.value }}</a> {% if web_page_form.web_page.value %}
{% endif %} {{ web_page_form.web_page.value }}
<div class="edit-wrap"> {% endif %}
<a class="e-btn" href="#">{% trans 'редактировать' %}</a> </a>
<div class="e-form"> {% endif %}
<form class="clearfix" action="/profile/update/email/" method="post">{% csrf_token %} <div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="ef-body"> <div class="e-form">
<form class="clearfix update-profile-form" id="web_page_form" action="/profile/update/web-page/" method="post">{% csrf_token %}
<div class="epfl"> <div class="ef-body">
<label>{{ email_form.email.label }}</label> <div class="epfl">
<div class="epf-field"> <label>{{ web_page_form.web_page.label }}</label>
{{ email_form.email }} <div class="epf-field">
</div> {{ web_page_form.web_page }}
</div> </div>
</div>
</div> </div>
<div class="ef-buttons">
<div class="ef-buttons"> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> </div>
</div> </form>
</form> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a> </div>
</div> </div>
</div> {# END contacts #}
</div> </div>
--> </div>
<hr/>
<div class="ic-site p-editable"> {# about #}
{% if web_page_form.web_page.value %} <div class="i-additional">
<a class="icon-ext-link" href="{% if web_page_form.web_page.value %}{{ web_page_form.web_page.value }}{% else %}#{% endif %}" target="_blank"> <div class="ia-title">{% trans 'О себе:' %}</div>
{% if web_page_form.web_page.value %} <div class="p-editable">
{{ web_page_form.web_page.value }} <p>{{ about_form.about.value }}</p>
{% endif %} <div class="edit-wrap">
</a> <a class="e-btn" href="#">{% trans 'редактировать' %}</a>
{% endif %} <div class="e-form">
<form class="clearfix update-profile-form" id="about_form" action="/profile/update/about/" method="post">{% csrf_token %}
<div class="edit-wrap"> <div class="ef-body">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a> <div class="epfl">
<div class="e-form"> <label>{{ about_form.about.label }}</label>
<form class="clearfix update-profile-form" id="web_page_form" action="/profile/update/web-page/" method="post">{% csrf_token %} <div class="epf-field">
{{ about_form.about }}
<div class="ef-body"> </div>
</div>
<div class="epfl"> </div>
<label>{{ web_page_form.web_page.label }}</label> <div class="ef-buttons">
<div class="epf-field"> <button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
{{ web_page_form.web_page }} </div>
</div> </form>
</div> <a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div>
</div> </div>
</div>
<div class="ef-buttons"> </div>
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button> {# END about #}
</div> </div>
</form> </div>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div>
</div>
</div>
{# END contacts #}
</div>
</div>
<hr/>
{# about #}
<div class="i-additional">
<div class="ia-title">{% trans 'О себе:' %}</div>
<div class="p-editable">
<p>{{ about_form.about.value }}</p>
<div class="edit-wrap">
<a class="e-btn" href="#">{% trans 'редактировать' %}</a>
<div class="e-form">
<form class="clearfix update-profile-form" id="about_form" action="/profile/update/about/" method="post">{% csrf_token %}
<div class="ef-body">
<div class="epfl">
<label>{{ about_form.about.label }}</label>
<div class="epf-field">
{{ about_form.about }}
</div>
</div>
</div>
<div class="ef-buttons">
<button type="submit" class="lnk icon-save">{% trans 'Сохранить' %}</button>
</div>
</form>
<a class="ef-close" href="#">{% trans 'закрыть' %}</a>
</div>
</div>
</div>
</div>
{# END about #}
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}
{% block scripts %} {% block scripts %}
{% if request.GET.debug == '1' %}
<script src="{% static 'client/js/_modules/page.profile.js' %}"></script> <script src="{% static 'client/js/_modules/page.profile.js' %}"></script>
{% else %}
<script src="{% static 'client/js_min/_modules/page.profile.min.js' %}"></script>
{% endif %}
<script> <script>
//js module initialization
EXPO.profile.init({ EXPO.profile.init({
// class seletor to identify required forms on page
updateFormClass:'update-profile-form', updateFormClass:'update-profile-form',
// text and paths for dynamically rendered selectboxes
selectBox:[ selectBox:[
{id:'id_country'}, {id:'id_country'},
{id:'id_theme', {id:'id_theme',

Loading…
Cancel
Save