$(function () {
    var apiUrl = "api/New";
    var $table = $('table').smartTable({
        url: apiUrl,
        sidePagination: "client",
        showToggle: false,
        showRefresh: false,
        showColumns: false,
        columns: [
            { title: "登陆名称", field: "UserName" },
            { title: "显示名称", field: "DisplayName" },
            { title: "说明信息", field: "Description" },
            { title: "注册时间", field: "RegisterTime" },
            {
                title: "操作", field: "Id", formatter: function (value, row, index, field) {
                    return $.format('<button class="btn btn-success" data-toggle="tooltip" data-id="{0}" data-result="ApproveUser" title="同意授权"><i class="fa fa-check"></i></button> <button class="btn btn-danger" data-toggle="tooltip" data-id="{0}" data-result="RejectUser" title="拒绝授权"><i class="fa fa-remove"></i></button>', value);
                }
            }
        ]
    }).on('click', 'button[data-id]', function () {
        var $this = $(this);
        var id = $this.attr('data-id');
        var result = $this.attr('data-result');
        $.bc({
            id: id, url: apiUrl, method: "put", data: { Id: id, UserStatus: result }, title: result === "ApproveUser" ? "授权用户" : "拒绝用户",
            callback: function (result) {
                if (!result) return;
                $table.bootstrapTable('refresh');
                $('.header .nav').reloadWidget();
            }
        });
    });

    $('#refreshUsers').tooltip().on('click', function () {
        $table.bootstrapTable('refresh');
    });
});