Spry/tools/spry/templates/user-management.html

<!DOCTYPE html>
<html lang="en">
<head>
    <pstm-uri>/users</pstm-uri>
    <pstm-template>main</pstm-template>
    <link rel="stm-guard" require="auth" href="/login" pre-entrypoint>
</head>
<body>
    <section class="stack">
        <h2>User management</h2>
        <div class="table-wrap" stm-if="users != null">
            <table class="table-hover">
                <thead>
                    <tr>
                        <th>Username</th>
                        <th>Email</th>
                        <th>Enabled</th>
                        <th>Permissions</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <tr stm-for-user-in="users.users">
                        <td stm-text="user.username">user</td>
                        <td stm-text="user.email">email</td>
                        <td stm-text="user.enabled ? 'Yes' : 'No'">Yes</td>
                        <td>
                            <code stm-for-permission-in="user.permissions"><span stm-text="permission">permission</span> </code>
                        </td>
                        <td>
                            <div class="cluster">
                                <form class="cluster" stm-action="user.set_enabled">
                                    <input type="checkbox" name="enabled" stm-attribute.checked="user.enabled">
                                    <button class="btn btn-sm" type="submit"><span stm-text="user.enabled ? 'Disable' : 'Enable'">Toggle</span></button>
                                </form>
                                <form class="cluster" stm-action="user.grant">
                                    <input type="text" name="permission" placeholder="permission" required>
                                    <button class="btn btn-sm" type="submit">Grant</button>
                                </form>
                                <form class="cluster" stm-action="user.revoke">
                                    <input type="text" name="permission" placeholder="permission" required>
                                    <button class="btn btn-sm" type="submit">Revoke</button>
                                </form>
                                <form class="cluster" stm-action="user.delete">
                                    <button class="btn btn-sm btn-danger" type="submit">Delete</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </section>
</body>
</html>