72 lines
3.2 KiB
HTML
72 lines
3.2 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Dashboard — Meal Tracker{% endblock %}
|
|
{% block content %}
|
|
|
|
<div class="dashboard-header">
|
|
<h2>
|
|
{% if history_mode %}History — {{ viewing_date.isoformat() }}{% else %}Today's Meals{% endif %}
|
|
</h2>
|
|
<div class="date-nav">
|
|
<a class="btn btn-sm" href="?date={{ prev_date.isoformat() }}">◀ Prev</a>
|
|
<span class="date-display">{{ viewing_date.isoformat() }}</span>
|
|
<a class="btn btn-sm" href="?date={{ next_date.isoformat() }}">Next ▶</a>
|
|
{% if viewing_date != today %}
|
|
<a class="btn btn-sm" href="{{ url_for('meals.dashboard') }}">Today</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
{% if not dashboard.users %}
|
|
<p class="empty-state">No registered users yet. Ask household members to register!</p>
|
|
{% else %}
|
|
<div class="table-wrapper">
|
|
<table class="meal-table">
|
|
<thead>
|
|
<tr>
|
|
<th>User</th>
|
|
{% for period in dashboard.periods %}
|
|
<th class="meal-col">{{ period.meal_type|capitalize }}</th>
|
|
{% endfor %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for user in dashboard.users %}
|
|
<tr>
|
|
<td class="user-cell">{{ user.username }}</td>
|
|
{% for period in dashboard.periods %}
|
|
{% set resp = user.responses[period.meal_type] %}
|
|
<td class="response-cell status-{{ resp.status }}{% if resp.changed_at %} changed-mind{% endif %}">
|
|
{% if viewing_date >= today or session.is_admin %}
|
|
<form method="POST" action="{{ url_for('meals.respond') }}" class="respond-form">
|
|
<input type="hidden" name="date" value="{{ viewing_date.isoformat() }}">
|
|
<input type="hidden" name="meal_type" value="{{ period.meal_type }}">
|
|
<div class="btn-row">
|
|
<button name="status" value="yes"
|
|
class="chip chip-yes {% if resp.status == 'yes' %}active{% endif %}"
|
|
{% if viewing_date < today and not session.is_admin %}disabled{% endif %}
|
|
>Home</button>
|
|
<button name="status" value="no"
|
|
class="chip chip-no {% if resp.status == 'no' %}active{% endif %}"
|
|
{% if viewing_date < today and not session.is_admin %}disabled{% endif %}
|
|
>Out</button>
|
|
</div>
|
|
</form>
|
|
{% if resp.changed_at %}
|
|
<div class="changed-badge" title="Changed mind at {{ resp.changed_at }}">↻ {{ resp.changed_at[11:16] }}</div>
|
|
{% endif %}
|
|
{% elif resp.status == 'not_answered' %}
|
|
<span class="muted">—</span>
|
|
{% else %}
|
|
<span class="badge badge-{{ resp.status }}">{{ 'Home' if resp.status == 'yes' else 'Out' }}</span>
|
|
{% endif %}
|
|
</td>
|
|
{% endfor %}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% endblock %}
|