86 lines
2.8 KiB
HTML
86 lines
2.8 KiB
HTML
<section id="page-tasks" class="page active">
|
|
<div class="task-controls">
|
|
<div class="task-search">
|
|
<input type="text" id="task-search" placeholder="🔍 Search tasks..." />
|
|
</div>
|
|
<div class="task-filters">
|
|
<select id="filter-status">
|
|
<option value="">All Statuses</option>
|
|
<option value="Backlog">Backlog</option>
|
|
<option value="Todo">Todo</option>
|
|
<option value="In Progress">In Progress</option>
|
|
<option value="Review">Review</option>
|
|
<option value="Done">Done</option>
|
|
</select>
|
|
<select id="filter-assignee">
|
|
<option value="">All Assignees</option>
|
|
</select>
|
|
<select id="filter-priority">
|
|
<option value="">All Priorities</option>
|
|
<option value="Critical">Critical</option>
|
|
<option value="High">High</option>
|
|
<option value="Medium">Medium</option>
|
|
<option value="Low">Low</option>
|
|
</select>
|
|
<button id="clear-filters" class="btn-secondary">Clear Filters</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="composer">
|
|
<h2>Create Task</h2>
|
|
<form id="task-form">
|
|
<input id="title" name="title" placeholder="Task title" required />
|
|
<select id="assignee" name="assignee">
|
|
<option value="">Select agent...</option>
|
|
</select>
|
|
<select id="priority" name="priority">
|
|
<option>Low</option>
|
|
<option selected>Medium</option>
|
|
<option>High</option>
|
|
<option>Critical</option>
|
|
</select>
|
|
<textarea id="description" name="description" placeholder="Task description" rows="3"></textarea>
|
|
<input id="tags" name="tags" placeholder="Tags (comma-separated)" />
|
|
<button type="submit">Create Task</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="board">
|
|
<div class="column" data-status="Backlog">
|
|
<div class="column-header">
|
|
<h3>📋 Backlog</h3>
|
|
<span class="column-count">0</span>
|
|
</div>
|
|
<div class="cards"></div>
|
|
</div>
|
|
<div class="column" data-status="Todo">
|
|
<div class="column-header">
|
|
<h3>📝 Todo</h3>
|
|
<span class="column-count">0</span>
|
|
</div>
|
|
<div class="cards"></div>
|
|
</div>
|
|
<div class="column" data-status="In Progress">
|
|
<div class="column-header">
|
|
<h3>🔄 In Progress</h3>
|
|
<span class="column-count">0</span>
|
|
</div>
|
|
<div class="cards"></div>
|
|
</div>
|
|
<div class="column" data-status="Review">
|
|
<div class="column-header">
|
|
<h3>👀 Review</h3>
|
|
<span class="column-count">0</span>
|
|
</div>
|
|
<div class="cards"></div>
|
|
</div>
|
|
<div class="column" data-status="Done">
|
|
<div class="column-header">
|
|
<h3>✅ Done</h3>
|
|
<span class="column-count">0</span>
|
|
</div>
|
|
<div class="cards"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|