xuyue/OnlineJudge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成前端用户换头像功能

Browse Source
This commit is contained in:
esp
2015-11-11 09:15:43 +08:00
parent c491a4f3cc
commit 519c378809
3 changed files with 76 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
template/src/oj/account/avatar.html
View File

@@ -1,40 +1,50 @@
{% extends "oj_base.html" %}
{% block title %}
更换头像
更换头像
{% endblock %}
{% block body %}
<div class="container main">
<div class="container main">
<div class="col-lg-2">
<ul class="list-group">
<li class="list-group-header">通用设置</li>
<li class="list-group-item"><a href="/account/settings/">个人信息</a></li>
<li class="list-group-item active"><a href="/account/settings/avatar/">更换头像</a></li>
<li class="list-group-item"><a href="/change_password/">修改密码</a></li>
</ul>
</div>
<div class="col-lg-2">
<ul class="list-group">
<li class="list-group-header">通用设置</li>
<li class="list-group-item"><a href="/account/settings/">个人信息</a></li>
<li class="list-group-item active"><a href="/account/settings/avatar/">更换头像</a></li>
<li class="list-group-item"><a href="/change_password/">修改密码</a></li>
</ul>
</div>
<div class="col-lg-3">
<img src="https://coding.net/static/fruit_avatar/Fruit-1.png" class="img-responsive"
style="height: 200px;width: 200px;">
<img src="{{ user.userprofile.avatar }}" class="img-responsive"
style="height: 200px;width: 200px;" id="current_avatar">
<br>
<div class="form-group left">
<button id="save_avatar" type="submit" class="btn btn-primary">保存</button>
</div>
</div>
<div class="col-lg-6">
<form>
<div class="row">
{% for i in "aaaaaaaaaaaaaaaaaaaa" %}
<div class="col-lg-2 avatar-item">
<div style="border: 1px solid red;" >
<img src="/static/img/avatar/avatar-{{ forloop.counter }}.png">
</div>
<div style="border: 1px solid red;">
<img src="/static/img/avatar/avatar-{{ forloop.counter }}.png">
</div>
</div>
{% endfor %}
</div>
<div title="Coding.net 是深圳市扣钉网络科技有限公司打造的国内最大的一站式云端开发平台，提供包括代码托管，项目管理，产品演示，WebIDE 等工具。">
<img src="https://coding.net/static/d0aa9dd75e2500930b9e6ef61d9bcfa0.jpg" style="height: 100px;width: 150px">
水果头像由<a href="https://coding.net">coding.net</a>提供。
<div title="Coding.net 是深圳市扣钉网络科技有限公司打造的国内最大的一站式云端开发平台，提供包括代码托管，项目管理，产品演示，WebIDE 等工具。">
<img src="https://coding.net/static/d0aa9dd75e2500930b9e6ef61d9bcfa0.jpg"
style="height: 100px;width: 150px">
水果头像由<a href="https://coding.net">coding.net</a>提供。
</div>
</form>
</div>
</div>
</div>
{% endblock %}
{% block js_block %}
<script src="/static/js/app/oj/account/avatar.js"></script>
{% endblock %}