kuasha/cosmos

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="/#/terminal/">Terminal</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/#/appstudio/">App Studio</a></li>
                    <li ng-show="loggedIn()"><a href="#/users">Users</a></li>
                    <li ng-show="loggedIn()"><a href="#/roles">Roles</a></li>
                    <li ng-show="loggedIn()"> <a href="/logout/">Logout [{{userName}}]</a> </li>
                    <li ng-show="!loggedIn()"><a href="/#/login/?redirect=/terminal/">Login</a></li>
                </ul>
            </div>
        </div>
    </div>

<div class="container theme-showcase" role="main">
    <div ng-show="hasError" class="bg-warning">
        <button class="btn btn-xs btn-danger glyphicon glyphicon-remove pull-right" ng-click="clearError();"></button>
        <div><label>Error code:</label><span ng-bind="status" /></div>
        <div ng-bind="status_data"></div>
    </div>

    <h3>Roles</h3>

    <table class="table">
        <thead>
            <tr>
                <th>SID</th>
                <th>Name</th>
                <th>&nbsp;</th>
            </tr>
        </thead>
        <tbody>
        <tr ng-repeat="role in roles">
            <td>{{role.sid}}</td><td>{{role.name}}</td>
            <td>
                <button class="btn btn-xs btn-warning glyphicon glyphicon-edit" ng-click="editRole($index);"></button>
                <button id="remove-role-{{role.sid}}" class="btn btn-xs btn-danger glyphicon glyphicon-remove" ng-click="removeRole($index);"></button>
            </td>
        </tr>
        </tbody>
    </table>

    <button id="create-role-btn" class="btn btn-primary" ng-click="addRole('lg')">Create role</button>
</div>