github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/user/avatar4qiniu.html (about)

     1  {% extends "../base.html" %}
     2  
     3  {% block title %}
     4  <title>{{username}} - {{SiteName}}</title>
     5  {% endblock title %}
     6  
     7  {% block mainland %}
     8      <div id="main" class="container">
     9  
    10          <div class="row">
    11              <div id="content">
    12                  <div class="col-md-3">
    13                      <div class="box">
    14                          <ul class="nav nav-side">
    15                              <li class="cell first">
    16                                  <h4 class="head"> <i class="icon icon-cogs"></i>
    17                                      设置
    18                                  </h4>
    19                              </li>
    20                              <li>
    21                                  <a href="/settings/profile/">个人信息</a>
    22                              </li>
    23                              <li class="active">
    24                                  <a href="/settings/avatars/">我的头像</a>
    25                              </li>
    26                              <li>
    27                                  <a href="/settings/password/">修改密码</a>
    28                              </li>
    29                              <li class="cell last"></li>
    30                          </ul>
    31                      </div>
    32                  </div>
    33                  <div class="col-md-9">
    34                      <div class="box">
    35                          <div class="cell first breadcrumb">
    36                              <a href="/"> <i class="icon icon-home"></i>
    37                              </a>
    38                              <i class="fa fa-caret-right"></i>
    39                              <a href="">我的头像</a>
    40                          </div>
    41                          <div class="cell last slim">
    42                              <h3 class="underline">设置头像</h3>
    43                              <form method="POST" action="/settings/avatars/" enctype="multipart/form-data">
    44                              <div class="row">
    45                                  <div class="col-md-12 cell last slim">
    46                                          {% include "../msgerr.html" %}
    47                                          <div class="form-group">
    48                                              <p style="margin-bottom:10px;"> <strong>支持jpeg/png/gif格式，大小500k以内，推荐格式200x200px。</strong>
    49                                              </p>
    50                                          </div>
    51                                          <div class="form-group">
    52                                              {% include "../qiniu4pluploader.html" %}
    53                                          </div>
    54                                          <div class="form-group">
    55                                              <div class="text-left">
    56                                                  <span class="btn-group">
    57                                                      <button type="button" data-meta="image" data-placement="bottom" id="pickfiles" class="btn btn-primary"> <i class="icon-picture"></i> 上传头像</button>
    58                                                      <button type="submit" class="btn btn-primary"> 保存设置&nbsp;&nbsp; <i class="icon-chevron-sign-right"></i> </button>
    59                                                  </span>
    60                                              </div>
    61                                          </div>
    62                                              {% if user.Avatar %}
    63                                                  <img src="{{user.Avatar}}" style="width:200px;height:200px;">
    64                                                  {% if user.AvatarLarge %}
    65                                                      <img src="{{user.AvatarLarge}}" style="width:100px;height:100px;">
    66                                                  {% endif %}
    67                                                  {% if user.AvatarMedium %}
    68                                                      <img src="{{user.AvatarMedium}}" style="width:48px;height:48px;">
    69                                                  {% endif %}
    70                                                  {% if user.AvatarSmall %}
    71                                                      <img src="{{user.AvatarSmall}}" style="width:32px;height:32px;">
    72                                                  {% endif %}
    73                                              {% else %}
    74                                                  <img src="/img/d200.png" style="width:200px;height:200px;">
    75                                                  <img class="middle" src="/img/d100.png" style="width:100px;height:100px;">
    76                                                  <img src="/img/d48.png" style="width:48px;height:48px;">
    77                                                  <img src="/img/d32.png" class="middle">
    78                                              {% endif %}
    79                                  </div>
    80                              </div>
    81                              </form>
    82                              <div class="clearfix"></div>
    83                          </div>
    84                      </div>
    85                  </div>
    86              </div>
    87          </div>
    88      </div>
    89  {% endblock mainland %}