{% extends "myhome_base.html" %}


{% block left_panel %}
<ul>
    <li><a href="{{ SITE_ROOT }}useradmin/add/">添加用户</a></li>
</ul>
{% endblock %}


{% block right_panel %}

<h2>所有用户</h2>
<table class="user-list default">
    <tr>
        <th>邮件</th>
        <td>是否激活</td>
        <td>个人 ID</td>
        <td>角色</td>
        <td>操作</td>
    </tr>

    {% for user in users %}
    <tr>
        <td>{{ user.email }}</td>
        <td>{{ user.is_active }}
            {% if not user.is_active %}
            <span class="small-action-link">(<a href="{{ SITE_ROOT }}useradmin/activate/{{ user.id }}/">激活</a>)</span> 
            {% endif %}
        </td>
        {% if user.profile %}
        <td>{{ user.profile.ccnet_user_id }}</td>
        <td>
            {% for role in user.role_list %}
            {{ role }}<span class="small-action-link">(<a href="{{ SITE_ROOT }}useradmin/{{ user.profile.ccnet_user_id }}/role/remove/?role={{ role }}">删除</a>)</span> 
            {% endfor %}
        </td>
        {% else %}
        <td></td>
        <td></td>
        {% endif %}
        <td>
          {% if user.profile %}
          <button class="add-role-btn" userid="{{ user.profile.ccnet_user_id }}" email="{{ user.email }}">添加角色</button>
          {% endif %}
          <button class="remove-user-btn" userid="{{ user.id }}">删除用户</button>
        </td>
    </tr>
    {% endfor %}
</table>

<div class="hidden">

    <form id="add-role-form" action="" method="post">
        <p><span id="user_email"></span> 的新角色 (即 MyClient 等)：</p>
        <input id="id_role" type="text" name="role" /><br/>
        <input id="id_summit" type="submit" value="Submit" />
    </form>

</div>

<div id="dialog-delete-confirm" class="hide">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>确认要删除该用户？</p>
    <button class="remove-user-confirm-btn" data="">删除</button>
    <button class="simplemodal-close">取消</button>
</div>

{% endblock %}

{% block extra_script %}
<script>

$(function() {

$(".add-role-btn").each(function(index, item) {
    item.onclick = function() {
        url = "{{ SITE_ROOT }}useradmin/" + $(item).attr("userid") + "/role/add/";
        $("#add-role-form").attr( { action: url } );
        $("#add-role-form #user_email").html($(item).attr("email"));
        $("#add-role-form").modal({appendTo: "#main"});
    }
});

//delete user dialog
var del_user_id = "";
$(".remove-user-btn").each(function(index, item) {
    item.onclick = function() {
        del_user_id = $(item).attr("userid");
        $("#dialog-delete-confirm").modal({appendTo: "#main"});
    }
});

$("button.remove-user-confirm-btn").click(function() {
    location.href = "{{ SITE_ROOT }}useradmin/" + del_user_id + "/user/remove/";
});

});
</script>
{% endblock %}