You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

93 lines
3.1 KiB

{% extends 'base/base.html' %}
{% load static %}
{% load thumbnail %}
{% block content %}
<div class="v-settings">
<div class="ui two column grid ">
<div class="four wide column">
{% include "base/left_nav.html" %}
</div>
<div class="twelve wide column">
<div class="v-settings-content">
<form class="ui form" novalidate method="post" action="{% url 'users:profile' form.instance.pk %}"
enctype="multipart/form-data" role="form">
{% csrf_token %}
<div class="sixteen wide inline field v-form-field">
<label>头像</label>
<div class="v-inline-middle">
<label for="id_avatar">
{% thumbnail user.avatar "200x200" crop="center" as im %}
<img class="ui mini circular image" src="{{ im.url }}">
{% empty %}
<img class="ui mini circular image" src="{% static 'img/img_default_avatar.png' %}">
{% endthumbnail %}
</label>
{{form.avatar}}
<span id="file_is_choose" class="n">文件已选择</span>
</div>
</div>
<div class="sixteen wide inline field v-form-field">
<label>昵称</label>
{{form.nickname}}
</div>
<div class="sixteen wide inline field v-form-field">
<label>Email</label>
{{form.email}}
</div>
<div class="sixteen wide inline field v-form-field">
<label>手机号</label>
{{form.mobile}}
</div>
<div class="sixteen wide inline field v-form-field">
<label>性别</label>
<div class="ui selection dropdown">
{{form.gender}}
<i class="dropdown icon"></i>
<div class="default text">请选择</div>
<div class="menu">
<div class="item" data-value="M"></div>
<div class="item" data-value="F"></div>
</div>
</div>
</div>
<button class="ui primary button" type="submit">保存</button>
{% include "base/form_errors.html" %}
{% include "base/form_messages.html" %}
</form>
</div>
</div>
</div>
</div>
{% endblock content %}
{% block javascript %}
<script type="text/javascript">
$(function(){
$('.ui .dropdown').dropdown();
$("#id_avatar").change(function(){
$("#file_is_choose").show()
});
});
</script>
<script src="{% static 'js/left_nav.js' %}"></script>
{% endblock javascript %}