yggdrasil/server/templates/calendar.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calendar — Yggdrasil</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{{ url_for('static', filename='retro.css') }}">
</head>
<body>
    <nav>
        <a href="{{ url_for('home') }}">Home</a>
        <a href="{{ url_for('sensors_page') }}">Sensors</a>
        <a href="{{ url_for('notes_page') }}">Notes</a>
        <a href="{{ url_for('clipboard_page') }}">Clipboard</a>
        <a href="{{ url_for('calendar_page') }}">Calendar</a>
        <a href="{{ url_for('notifications_page') }}">Notifications{% if unread_notifications %} <span class="nav-badge">{{ unread_notifications }}</span>{% endif %}</a>
        <a href="{{ url_for('api_docs') }}">API</a>
        <a href="{{ url_for('logout') }}">Log out</a>
        <img class="nav-logo" src="{{ url_for('static', filename='yggdrasil-logo.png') }}" alt="Yggdrasil logo">
    </nav>
    <h1>Calendar</h1>

    <div class="panel">
        <h2>Readouts</h2>
        <div class="calendar-controls">
            <a href="{{ url_for('calendar_page', view='month', year=year, month=month) }}"><span class="mc-key">M</span>Month</a>
            <a href="{{ url_for('calendar_page', view='week', date=today.isoformat()) }}"><span class="mc-key">W</span>Week</a>
            {% if view == 'month' %}
            <a class="calendar-today" href="{{ url_for('calendar_page', view='month', year=today.year, month=today.month) }}"><span class="mc-key">T</span>Today</a>
            <a href="{{ url_for('calendar_page', view='month', year=prev_year, month=prev_month) }}">&lt;</a>
            <a href="{{ url_for('calendar_page', view='month', year=next_year, month=next_month) }}">&gt;</a>
            {% else %}
            <a class="calendar-today" href="{{ url_for('calendar_page', view='week', date=today.isoformat()) }}"><span class="mc-key">T</span>Today</a>
            {% endif %}
        </div>
        {% if view == 'month' %}
        <div class="calendar-title-row">
            <h2 class="calendar-title">{{ month_label }}</h2>
        </div>

        <div class="calendar-grid">
            {% for week in month_weeks %}
            <div class="calendar-week">
                {% for day in week %}
                <div class="calendar-day{% if not day.in_month %} calendar-day-outside{% endif %}{% if day.date == today %} calendar-today{% endif %}">
                    <div class="calendar-day-header">{{ day.date.strftime("%a %d %b") }}</div>
                    <ul class="calendar-readouts">
                        {% for r in day.readouts %}
                        <li class="calendar-event">
                            <span class="calendar-event-time">{{ r.timestamp.strftime("%H:%M") }}</span>
                            <span class="calendar-event-sensor">{{ sensor_names[r.sensor_id] }}</span>
                            <span class="calendar-event-type">{{ r.type }}</span>
                            <span class="calendar-event-value">{{ r.value|round(1) }}</span>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
                {% endfor %}
            </div>
            {% endfor %}
        </div>
        {% else %}
        <div class="calendar-title-row">
            <h2 class="calendar-title">Tydzień {{ week_start }} – {{ week_end }}</h2>
            <div class="calendar-nav">
                <a href="{{ url_for('calendar_page', view='week', date=week_prev.isoformat()) }}">&lt;</a>
                <a href="{{ url_for('calendar_page', view='week', date=week_next.isoformat()) }}">&gt;</a>
            </div>
        </div>
        <ul class="calendar-list">
            {% for day in days %}
            <li class="calendar-day-item{% if day.date == today %} calendar-today{% endif %}" id="calendar-{{ day.date }}">
                <div class="calendar-day-header">{{ day.date.strftime("%Y-%m-%d (%a)") }}</div>
                <ul class="calendar-readouts">
                    {% for r in day.readouts %}
                    <li class="calendar-event">
                        <span class="calendar-event-time">{{ r.timestamp.strftime("%H:%M") }}</span>
                        <span class="calendar-event-sensor">{{ sensor_names[r.sensor_id] }}</span>
                        <span class="calendar-event-type">{{ r.type }}</span>
                        <span class="calendar-event-value">{{ r.value|round(1) }}</span>
                    </li>
                    {% endfor %}
                </ul>
            </li>
            {% endfor %}
        </ul>
        {% endif %}
    </div>

    <footer class="statusbar">
        <span>{{ user.username }}@yggdrasil:~/calendar$</span>
    </footer>
</body>
</html>