Skip to content

[OpenSpec] [planix] task-due-date-warning #180

@WilcoLouwerse

Description

@WilcoLouwerse

Add visual warning badges to task cards on the kanban board, indicating when tasks are approaching their due date (within 2 days) or overdue. This gives users immediate visual feedback about deadline urgency without opening individual tasks.

Specs

  • kanban-board — adds Due Date Status Helper and Due Date Badge on Task Card requirements (2 new requirements, 10 scenarios)

Tasks

Frontend Implementation

  • 1. Add dueDateStatus computed helper (src/utils/taskHelpers.js)

    • Takes a task object, returns null | "approaching" | "overdue" based on dueDate vs today
    • Uses date-only comparison (no time component)
  • 2. Add due date badge to TaskCard.vue

    • Yellow chip "Due soon" when approaching (within 2 days)
    • Red chip "Overdue" when past due
    • No chip otherwise
  • 3. Add CSS styling for badge states

    • Uses Nextcloud theming variables for colors
  • 4. Add unit test for dueDateStatus helper

    • No due date → null
    • Future date (>2 days) → null
    • Approaching date (1-2 days) → "approaching"
    • Today → "approaching"
    • Past date → "overdue"

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions