{% load mytags %}
<li class="nav-header">
    <div class="dropdown profile-element"> <span>
        <img alt="image" class="img-circle" width="48" height="48" src="/static/img/{{ role_id | to_avatar }}.png" />
{#        <img alt="image" class="img-circle" src="/static/img/profile_small.jpg">#}
         </span>
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
        <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">{{ user_id | to_name}}</strong>
         </span> <span class="text-muted text-xs block">{{ role_id | to_role_name }} <b class="caret"></b></span> </span> </a>
        <ul class="dropdown-menu animated fadeInRight m-t-xs">
            <li><a href="/juser/profile/">个人信息</a></li>
            <li><a href="/juser/chg_pass/">修改密码</a></li>
            <li class="divider"></li>
            <li><a href="/logout/">注销</a></li>
        </ul>
    </div>
    <div class="logo-element">
        JS+
    </div>
</li>

