Toppers-Tasks/app/templates/tableview.html

{% extends "base.html" %}
{% block title %}
Toppers Tasks | Account
{% endblock %}
{% block content %}
{% for category, message in get_flashed_messages(with_categories=True) %}
<div class="alert alert-{{ category }}" role="alert">
    {{ message }}
</div>
{% endfor %}
<div class="row">
    <div class="task-card">
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <th>id</th>
                    <th>Username</th>
                    <th>Passhash</th>
                    <th>Is Admin</th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                <tr>
                    <td>{{ user.id }}</td>
                    <td>{{ user.username }}</td>
                    <td>...{{ user.passhash[-6:] if user.passhash else 'None'
                        }}</td>
                    <td>{{ user.is_admin }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
<div class="row">
    <div class="task-card">
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <th>id</th>
                    <th>tasktext</th>
                    <th>created_datetime</th>
                    <th>created_by</th>
                    <th>due</th>
                    <th>completed</th>
                    <th>deleted</th>
                </tr>
            </thead>
            <tbody>
                {% for task in tasks %}
                <tr>
                    <td>{{ task.id }}</td>
                    <td>{{ task.tasktext[:20] }}</td>
                    <td>{{ task.created_datetime }}</td>
                    <td>{{ task.user.username }}</td>
                    <td>{{ task.due }}</td>
                    <td>{{ task.completed }}</td>
                    <td>{{ task.deleted }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}