{% extends 'base.html' %}
{% load mytags %}


{% block content %}
    {% include 'nav_cat_bar.html' %}
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary"><b>{{ user.name }}</b></span>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#"></a>
                                </li>
                                <li><a href="#"></a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div>
                            <div class="text-left">
                                <table class="table">
                                    <tr>
                                        <td class="text-navy">ID</td>
                                        <td>{{ user.id }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">用户名</td>
                                        <td>{{ user.username }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">姓名</td>
                                        <td>{{ user.name }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">权限</td>
                                        <td>{{ user.id | get_role }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">key</td>
                                        {% if user.username|key_exist %}
                                        <td><a  href="/juser/down_key/?id={{ user.id }}" >下载</a></td>
                                        {% else %}
                                        <td><span style="color: #586b7d">下载</span></td>
                                        {% endif %}
                                    </tr>
                                    <tr>
                                        <td class="text-navy">Email</td>
                                        <td>{{ user.email }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">激活</td>
                                        <td>{{ user.is_active|bool2str }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">添加日期</td>
                                        <td>{{ user.date_joined|date:"Y-m-d H:i:s" }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">最后登录</td>
                                        <td>{{ user.last_login|date:"Y-m-d H:i:s" }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">所在用户组</td>
                                        <td>
                                             <table class="table">
                                                 {% for group in user.group.all %}
                                                    <tr>
                                                        <td><a href="/jperm/perm_edit/?id={{ group.id }}">{{ group.name }}</a></td>
                                                    </tr>
                                                 {% endfor %}
                                             </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">授权主机数量</td>
                                        <td>
                                            {{ user_perm_info.asset.keys | length }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">授权主机组</td>
                                        <td>
                                             <table class="table">
                                                 {% for group in  user_perm_info.asset_group.keys%}
                                                    <tr>
                                                        <td><a href="/jasset/group_list/?id={{ group.id }}">{{ group.name }}</a></td>
                                                    </tr>
                                                 {% endfor %}
                                             </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">授权规则</td>
                                        <td>
                                             <table class="table">
                                                 {% for rule in  user_perm_info.rule%}
                                                    <tr>
                                                        <td><a href="/jperm/role/?id={{ rule.id }}">{{ rule.name }}</a></td>
                                                    </tr>
                                                 {% endfor %}
                                             </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>授权主机/组</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content ibox-heading">
                        <h3>用户的所有授权主机</h3>
                        <small><i class="fa fa-map-marker"></i> 这里包含了用户授权角色和角色下的主机.</small>
                    </div>
                    <div class="ibox-content inspinia-timeline">
                        {% for role, assets in role_assets.items %}
                            <div class="timeline-item">
                                <div class="row">
                                    <div class="col-xs-3 date">
                                        <i class="fa fa-info"></i>
                                        <b>
                                            <a href="/jperm/role/&id={{ role.id }}">{{ role.name }}</a></b>
                                        <br>
                                        <small class="text-navy">共: {{ assets.asset | length }}台</small>
                                    </div>
                                    <div class="col-xs-7 content no-top-border">
                                        <p class="m-b-xs">
                                            <strong>{{ role.comment }}</strong></p>
                                        <p>
                                            {% for asset in assets.asset %}
                                                <a href="/jasset/asset_list/?id={{ asset.id }}">{{ asset.hostname }}</a><br>
                                            {% endfor %}
                                        </p>
                                        <p></p>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                        {% ifequal '{{ asset.asset | length }}' 0 %}
                            (无)
                        {% endifequal %}
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>登录记录</h5>
                            <div class="ibox-tools">
                                <span class="label label-warning-light">最近登录</span>
                               </div>
                        </div>
                        <div class="ibox-content">
                            <div id="last">

                                <div class="feed-activity-list" >
                                    {% for log in user_log_ten %}
                                        <div class="feed-element">
                                            <a href="profile.html" class="pull-left">
                                                <img alt="image" class="img-circle" src="/static/img/{{ session_role_id | to_avatar }}.png">
                                            </a>
                                            <div class="media-body ">
{#                                                <small class="pull-right">{{ log.start_time|time_delta }}</small>#}
                                                <small class="pull-right">{{ log.start_time }}</small>
                                                <strong>{{ log.user }}</strong> 登录了 <span class="text-navy">{{ log.host }}. </span><br>
                                                <small class="text-muted">{{ log.start_time|date:"Y-m-d H:i:s" }}</small>
                                            </div>
                                        </div>
                                    {% endfor %}
                                    {% if not user_log_ten %}
                                        (暂无)
                                    {% endif %}
                                </div>
                                {% if user_log_last_num > 10 %}
                                <button id="show" class="btn btn-primary btn-block m-t"><i class="fa fa-arrow-down"></i> Show More</button>
                                {% endif %}
                            </div>

                            <div id="all" style="display: none">
                                <div class="feed-activity-list" >
                                    {% for log in user_log_last %}
                                        <div class="feed-element">
                                            <a href="profile.html" class="pull-left">
                                                <img alt="image" class="img-circle" src="/static/img/{{ session_role_id | to_avatar }}.png">
                                            </a>
                                            <div class="media-body ">
                                                <small class="pull-right">{{ log.start_time }}</small>
{#                                                <small class="pull-right">{{ log.start_time|time_delta }}</small>#}
                                                <strong>{{ log.user }}</strong> 登录了 <span class="text-navy">{{ log.host }}. </span><br>
                                                <small class="text-muted">{{ log.start_time|date:"Y-m-d H:i:s" }}</small>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>

<script>
    $(document).ready(function(){
        $('#show').click(function(){
            $('#last').css('display', 'none');
            $('#all').css('display', 'block');
        })
    })
</script>


{% endblock %}