joakim
e8c6dd3930
- Create TaskItem component with checkbox, meta info, tags - Create TaskList component with loading/empty states - Update home page with task list and filter toggle (pending/completed) - Add new task form with description, project, priority, due date, tags - Add task detail placeholder page - Implement task toggle (complete/uncomplete) - Add filter bar to switch between pending and completed tasks - Support for optimistic UI updates and offline queueing - Visual indicators for priority, due dates, overdue tasks - Mobile-optimized list items with proper touch targets
27 lines
601 B
Svelte
27 lines
601 B
Svelte
<script>
|
|
import { page } from '$app/stores';
|
|
import { goto } from '$app/navigation';
|
|
|
|
$: uuid = $page.params.uuid;
|
|
</script>
|
|
|
|
<div class="page">
|
|
<div class="container">
|
|
<h1>Task Detail</h1>
|
|
<p class="text-secondary">UUID: {uuid}</p>
|
|
<p class="text-secondary mb-lg">Task detail view coming in next iteration...</p>
|
|
<a href="/" class="btn-link">← Back to tasks</a>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.btn-link {
|
|
display: inline-block;
|
|
padding: 0.75rem 1.5rem;
|
|
background-color: var(--color-primary);
|
|
color: white;
|
|
border-radius: var(--border-radius);
|
|
text-decoration: none;
|
|
}
|
|
</style>
|