<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>