<div class="app-content-body app-content-full fade-in-up" ng-class="{'h-full': app.hideFooter }">
    <div class="hbox hbox-auto-xs hbox-auto-sm bg-light " ng-init="app.settings.asideFixed = true;app.settings.asideDock = false;app.settings.container = false;app.hideAside = false;app.hideFooter = true;">

    <div style="padding: 20px;" class="layui-anim layui-anim-up">
        <xblock>
            <button class="layui-btn" ng-click="addRole()"><i class="layui-icon"></i>添加</button>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>ID</th>
                <th>角色名</th>
                <th>描述</th>
                <th>权限</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="role in roleList | orderBy:id track by role.id">
                <td>{{role.id}}</td>
                <td>{{role.role}}</td>
                <td>{{role.description}}</td>
                <td>
                    <span ng-repeat="permission in role.permissions">
                        {{permission.name}},
                    </span>
                </td>
                <td>
                    <a class="layui-btn layui-btn" ng-click="updateRoles(role.id)">修改</a>
                </td>
            </tr>
            </tbody>
        </table>

    </div>

</div>
</div>