Files
OpenTimeTracker/templates/tasks.html
2026-02-10 19:16:33 +01:00

80 lines
3.6 KiB
HTML

{% extends "layout.html" %}
{% block content %}
<div style="display: flex; gap: 2rem; flex-wrap: wrap;">
<!-- Create Task Form -->
<div class="card" style="flex: 1; min-width: 300px;">
<h3>Create New Task</h3>
<form action="{{ url_for('create_task') }}" method="POST">
<label>Task Name</label>
<input type="text" name="name" required placeholder="e.g. Write Report">
<label>Associate with Activity (Optional)</label>
<select name="activity_id" style="width: 100%; padding: 0.5rem; margin-bottom: 1rem;">
<option value="">-- None --</option>
{% for act in activities %}
<option value="{{ act._id }}">{{ act.name }}</option>
{% endfor %}
</select>
<label>Due Date & Time (Optional)</label>
<input type="datetime-local" name="due_date" style="width: 100%; padding: 0.5rem; margin-bottom: 1rem;">
<div style="margin-bottom: 1rem;">
<input type="checkbox" id="is_template" name="is_template" value="1">
<label for="is_template"><strong>Auto-add on Start?</strong> (If checked, this task is added every time the selected activity starts)</label>
</div>
<button type="submit" class="btn">Create Task</button>
</form>
</div>
<!-- Task Lists -->
<div style="flex: 2; min-width: 300px;">
<!-- Regular Tasks -->
<div class="card">
<h3>Pending Tasks</h3>
{% if not tasks %}
<p>No open tasks.</p>
{% else %}
<ul style="list-style: none; padding: 0;">
{% for task in tasks %}
<li style="border-bottom: 1px solid #eee; padding: 10px 0;">
<div style="display: flex; justify-content: space-between;">
<a href="{{ url_for('task_detail', task_id=task._id) }}" style="font-weight: bold;">{{ task.name }}</a>
{% if task.activity_name %}
<span style="background: {{ task.activity_color }}; color: white; padding: 2px 8px; border-radius: 10px; font-size: 0.8rem;">
{{ task.activity_name }}
</span>
{% endif %}
</div>
{% if task.due_date %}
<small style="color: #e74c3c;">Due: {{ task.due_date.strftime('%Y-%m-%d %H:%M') }}</small>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
<!-- Templates -->
<div class="card" style="background: #fdfdfd;">
<h3>Auto-Added Templates</h3>
<small>These tasks are automatically created when you start the associated activity.</small>
{% if not templates %}
<p>No templates defined.</p>
{% else %}
<ul style="padding-left: 20px;">
{% for t in templates %}
<li>
<strong>{{ t.name }}</strong>
<span style="color: #666;">(on {{ t.activity_name|default('Unknown Activity') }})</span>
<a href="{{ url_for('task_detail', task_id=t._id) }}" style="font-size: 0.8rem;">[Edit]</a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</div>
{% endblock %}