R1 foundation - Phase 1 live build

templates/focus.html

@@ -0,0 +1,58 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="page-header">
+    <h1 class="page-title">Daily Focus</h1>
+    <div class="flex items-center gap-2">
+        {% if total_estimated %}<span class="text-sm text-muted">~{{ total_estimated }}min estimated</span>{% endif %}
+    </div>
+</div>
+
+<div class="flex items-center gap-2 mb-4">
+    <a href="/focus?focus_date={{ (focus_date|string)[:10] }}" class="btn btn-ghost btn-sm">Today</a>
+    <span class="text-sm" style="font-weight:600">{{ focus_date }}</span>
+</div>
+
+<!-- Focus items -->
+{% if items %}
+{% for item in items %}
+<div class="focus-item {{ 'completed' if item.completed }}">
+    <form action="/focus/{{ item.id }}/toggle" method="post" style="display:inline">
+        <div class="row-check">
+            <input type="checkbox" id="f-{{ item.id }}" {{ 'checked' if item.completed }} onchange="this.form.submit()">
+            <label for="f-{{ item.id }}"></label>
+        </div>
+    </form>
+    <span class="priority-dot priority-{{ item.priority }}"></span>
+    <a href="/tasks/{{ item.task_id }}" class="focus-title">{{ item.title }}</a>
+    {% if item.project_name %}<span class="row-tag">{{ item.project_name }}</span>{% endif %}
+    {% if item.estimated_minutes %}<span class="focus-meta">~{{ item.estimated_minutes }}min</span>{% endif %}
+    {% if item.due_date %}<span class="focus-meta">{{ item.due_date }}</span>{% endif %}
+    <form action="/focus/{{ item.id }}/remove" method="post" style="display:inline">
+        <button class="btn btn-ghost btn-xs" style="color:var(--red)" title="Remove from focus">&times;</button>
+    </form>
+</div>
+{% endfor %}
+{% else %}
+<div class="empty-state mb-4"><div class="empty-state-text">No focus items for this day</div></div>
+{% endif %}
+
+<!-- Add task to focus -->
+{% if available_tasks %}
+<div class="card mt-4">
+    <div class="card-header"><h2 class="card-title">Add to Focus</h2></div>
+    {% for t in available_tasks[:15] %}
+    <div class="list-row">
+        <span class="priority-dot priority-{{ t.priority }}"></span>
+        <span class="row-title">{{ t.title }}</span>
+        {% if t.project_name %}<span class="row-tag">{{ t.project_name }}</span>{% endif %}
+        {% if t.due_date %}<span class="row-meta">{{ t.due_date }}</span>{% endif %}
+        <form action="/focus/add" method="post" style="display:inline">
+            <input type="hidden" name="task_id" value="{{ t.id }}">
+            <input type="hidden" name="focus_date" value="{{ focus_date }}">
+            <button class="btn btn-ghost btn-xs" style="color:var(--green)">+ Focus</button>
+        </form>
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
+{% endblock %}