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) -->
|
<!-- Action Buttons (only for completable task events) -->
|
||||||
<div v-if="isCompletable" class="mt-3 flex flex-wrap gap-2">
|
<div v-if="isCompletable" class="mt-3 flex flex-wrap gap-2">
|
||||||
<!-- Unclaimed Task -->
|
<!-- Unclaimed Task - Show all options including jump ahead -->
|
||||||
<Button
|
<template v-if="!taskStatus">
|
||||||
v-if="!taskStatus"
|
<Button
|
||||||
@click.stop="handleClaimTask"
|
@click.stop="handleClaimTask"
|
||||||
variant="outline"
|
variant="default"
|
||||||
size="sm"
|
size="sm"
|
||||||
class="gap-2"
|
class="gap-2"
|
||||||
>
|
>
|
||||||
<Hand class="h-4 w-4" />
|
<Hand class="h-4 w-4" />
|
||||||
Claim Task
|
Claim Task
|
||||||
</Button>
|
</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'">
|
<template v-else-if="taskStatus === 'claimed'">
|
||||||
<Button
|
<Button
|
||||||
@click.stop="handleStartTask"
|
@click.stop="handleStartTask"
|
||||||
|
|
@ -365,6 +384,15 @@ const dialogContent = computed(() => {
|
||||||
<PlayCircle class="h-4 w-4" />
|
<PlayCircle class="h-4 w-4" />
|
||||||
Start Task
|
Start Task
|
||||||
</Button>
|
</Button>
|
||||||
|
<Button
|
||||||
|
@click.stop="handleCompleteTask"
|
||||||
|
variant="outline"
|
||||||
|
size="sm"
|
||||||
|
class="gap-2"
|
||||||
|
>
|
||||||
|
<CheckCircle class="h-4 w-4" />
|
||||||
|
Mark Complete
|
||||||
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
@click.stop="handleUnclaimTask"
|
@click.stop="handleUnclaimTask"
|
||||||
variant="outline"
|
variant="outline"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue