Add jump ahead buttons for task workflow
Enable users to skip intermediate task states in the expanded view. Users can now directly mark tasks as in-progress or complete without going through all workflow steps. Changes: - Add "Mark In Progress" button for unclaimed tasks (skips claiming) - Add "Mark Complete" button for unclaimed and claimed tasks (skips intermediate states) - Maintain existing workflow buttons (Claim Task, Start Task, Unclaim) - Use concise, industry-standard button labels following common task management UX Button layout: - Unclaimed: "Claim Task" (default), "Mark In Progress" (outline), "Mark Complete" (outline) - Claimed: "Start Task" (default), "Mark Complete" (outline), "Unclaim" (outline) - In Progress: "Mark Complete" (default), "Unclaim" (outline) - Completed: "Unclaim" (outline) This provides maximum flexibility for different task management workflows while maintaining clear visual hierarchy with primary/outline button variants. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
d8e67984b0
commit
76fbf7579f
1 changed files with 40 additions and 12 deletions
|
|
@ -342,19 +342,38 @@ const dialogContent = computed(() => {
|
|||
|
||||
<!-- Action Buttons (only for completable task events) -->
|
||||
<div v-if="isCompletable" class="mt-3 flex flex-wrap gap-2">
|
||||
<!-- Unclaimed Task -->
|
||||
<Button
|
||||
v-if="!taskStatus"
|
||||
@click.stop="handleClaimTask"
|
||||
variant="outline"
|
||||
size="sm"
|
||||
class="gap-2"
|
||||
>
|
||||
<Hand class="h-4 w-4" />
|
||||
Claim Task
|
||||
</Button>
|
||||
<!-- Unclaimed Task - Show all options including jump ahead -->
|
||||
<template v-if="!taskStatus">
|
||||
<Button
|
||||
@click.stop="handleClaimTask"
|
||||
variant="default"
|
||||
size="sm"
|
||||
class="gap-2"
|
||||
>
|
||||
<Hand class="h-4 w-4" />
|
||||
Claim Task
|
||||
</Button>
|
||||
<Button
|
||||
@click.stop="handleStartTask"
|
||||
variant="outline"
|
||||
size="sm"
|
||||
class="gap-2"
|
||||
>
|
||||
<PlayCircle class="h-4 w-4" />
|
||||
Mark In Progress
|
||||
</Button>
|
||||
<Button
|
||||
@click.stop="handleCompleteTask"
|
||||
variant="outline"
|
||||
size="sm"
|
||||
class="gap-2"
|
||||
>
|
||||
<CheckCircle class="h-4 w-4" />
|
||||
Mark Complete
|
||||
</Button>
|
||||
</template>
|
||||
|
||||
<!-- Claimed Task -->
|
||||
<!-- Claimed Task - Show start and option to skip directly to complete -->
|
||||
<template v-else-if="taskStatus === 'claimed'">
|
||||
<Button
|
||||
@click.stop="handleStartTask"
|
||||
|
|
@ -365,6 +384,15 @@ const dialogContent = computed(() => {
|
|||
<PlayCircle class="h-4 w-4" />
|
||||
Start Task
|
||||
</Button>
|
||||
<Button
|
||||
@click.stop="handleCompleteTask"
|
||||
variant="outline"
|
||||
size="sm"
|
||||
class="gap-2"
|
||||
>
|
||||
<CheckCircle class="h-4 w-4" />
|
||||
Mark Complete
|
||||
</Button>
|
||||
<Button
|
||||
@click.stop="handleUnclaimTask"
|
||||
variant="outline"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue