Internal
Public Access
Keith SmithandClaude Sonnet 4.5
6a0b35c39c
Features: - Django-based REST API with web interface - Task management with tags, priorities, and due dates - Time tracking with start/stop timers - Subtasks support - Task filtering (all, today, upcoming, overdue, completed) - Tag-based organization with color coding - Sorting by due date and priority - Auto-assign tags when filtering - Responsive 3-pane layout (sidebar, task list, detail panel) - Task sharing between users - Mobile-responsive design with dark mode support 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
90 lines
5.0 KiB
HTML
90 lines
5.0 KiB
HTML
<!-- Filters Section -->
|
|
<div class="sidebar-section">
|
|
<div class="sidebar-section-title">Filters</div>
|
|
<nav class="sidebar-nav">
|
|
<a href="{% url 'dashboard' %}?filter=all{% if current_tag_id %}&tag={{ current_tag_id }}{% endif %}"
|
|
class="sidebar-item {% if current_filter == 'all' or not current_filter %}active{% endif %}">
|
|
<svg class="sidebar-item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M3 12h18M3 6h18M3 18h18"/>
|
|
</svg>
|
|
All Tasks
|
|
{% if task_counts.all %}<span class="sidebar-item-count">{{ task_counts.all }}</span>{% endif %}
|
|
</a>
|
|
<a href="{% url 'dashboard' %}?filter=today{% if current_tag_id %}&tag={{ current_tag_id }}{% endif %}"
|
|
class="sidebar-item {% if current_filter == 'today' %}active{% endif %}">
|
|
<svg class="sidebar-item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<path d="M12 6v6l4 2"/>
|
|
</svg>
|
|
Today
|
|
{% if task_counts.today %}<span class="sidebar-item-count">{{ task_counts.today }}</span>{% endif %}
|
|
</a>
|
|
<a href="{% url 'dashboard' %}?filter=upcoming{% if current_tag_id %}&tag={{ current_tag_id }}{% endif %}"
|
|
class="sidebar-item {% if current_filter == 'upcoming' %}active{% endif %}">
|
|
<svg class="sidebar-item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
|
|
<path d="M16 2v4M8 2v4M3 10h18"/>
|
|
</svg>
|
|
Upcoming
|
|
{% if task_counts.upcoming %}<span class="sidebar-item-count">{{ task_counts.upcoming }}</span>{% endif %}
|
|
</a>
|
|
<a href="{% url 'dashboard' %}?filter=overdue{% if current_tag_id %}&tag={{ current_tag_id }}{% endif %}"
|
|
class="sidebar-item {% if current_filter == 'overdue' %}active{% endif %}">
|
|
<svg class="sidebar-item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<path d="M12 8v4M12 16h.01"/>
|
|
</svg>
|
|
Overdue
|
|
{% if task_counts.overdue %}<span class="sidebar-item-count text-danger">{{ task_counts.overdue }}</span>{% endif %}
|
|
</a>
|
|
<a href="{% url 'dashboard' %}?filter=completed{% if current_tag_id %}&tag={{ current_tag_id }}{% endif %}"
|
|
class="sidebar-item {% if current_filter == 'completed' %}active{% endif %}">
|
|
<svg class="sidebar-item-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
|
|
<path d="M22 4L12 14.01l-3-3"/>
|
|
</svg>
|
|
Completed
|
|
{% if task_counts.completed %}<span class="sidebar-item-count">{{ task_counts.completed }}</span>{% endif %}
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Tags Section -->
|
|
<div class="sidebar-section">
|
|
<div class="sidebar-section-title">Tags</div>
|
|
<nav class="sidebar-nav">
|
|
{% for tag in tags %}
|
|
<div class="sidebar-group-row">
|
|
<a href="{% url 'dashboard' %}?{% if current_filter %}filter={{ current_filter }}&{% endif %}tag={{ tag.id }}"
|
|
class="sidebar-item sidebar-group-item {% if current_tag_id == tag.id|stringformat:'s' %}active{% endif %}">
|
|
<span class="group-color-dot" style="background-color: {{ tag.color }}"></span>
|
|
{{ tag.name }}
|
|
{% if tag.task_count %}<span class="sidebar-item-count">{{ tag.task_count }}</span>{% endif %}
|
|
</a>
|
|
<button type="button" class="sidebar-group-edit" title="Edit tag"
|
|
onclick="openTagModal('{{ tag.id }}', '{{ tag.name|escapejs }}', '{{ tag.color }}')">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
|
|
<path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
{% empty %}
|
|
<div class="sidebar-item text-muted" style="font-size: var(--font-sm); cursor: default;">
|
|
No tags yet
|
|
</div>
|
|
{% endfor %}
|
|
<a href="{% url 'dashboard' %}?{% if current_filter %}filter={{ current_filter }}{% endif %}"
|
|
class="sidebar-item sidebar-group-item {% if not current_tag_id %}active{% endif %}">
|
|
<span class="group-color-dot" style="background-color: var(--text-muted)"></span>
|
|
All Tags
|
|
</a>
|
|
</nav>
|
|
<button type="button" class="sidebar-add-btn" onclick="openTagModal()">
|
|
<svg style="width: 14px; height: 14px;" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M12 5v14M5 12h14"/>
|
|
</svg>
|
|
Add Tag
|
|
</button>
|
|
</div>
|