Skip to content

refactor: fix running state theme and add pulse dot to status badges (TODO 1.2)#11

Open
Hemil-Sangani wants to merge 2 commits into
frappe:mainfrom
Hemil-Sangani:refactor/status-badge-component
Open

refactor: fix running state theme and add pulse dot to status badges (TODO 1.2)#11
Hemil-Sangani wants to merge 2 commits into
frappe:mainfrom
Hemil-Sangani:refactor/status-badge-component

Conversation

@Hemil-Sangani
Copy link
Copy Markdown
Contributor

@Hemil-Sangani Hemil-Sangani commented May 27, 2026

Summary

This PR implements TODO 1.2 – Status Badges, standardising status indicators across the admin UI to use frappe-ui Badge directly.

Also introduces a small pulse-dot indicator for running/live states using the Badge #prefix slot.

Changes

index.css

  • Added .pulse-dot utility using Tailwind animate-ping
  • Used for live/in-progress status indicators

Processes.vue

  • Updated running theme from greenblue
  • Added pulse dot in #prefix slot for running state items

TaskDetail.vue

  • Added stopped: red to TASK_COLOR map
  • Updated streaming state badge to use blue theme
  • Added pulse dot when streaming is active

TaskList.vue

  • Added stopped: red to TASK_COLOR map
  • Added pulse dot for running rows using Badge prefix slot

Theme Mapping

Status Theme
success / online green
running blue + pulse
error / failed / stopped red
unknown / killed gray

@rmehta
Copy link
Copy Markdown
Member

rmehta commented May 27, 2026

use frappe-ui defaults?

@Hemil-Sangani
Copy link
Copy Markdown
Contributor Author

use frappe-ui defaults?

@rmehta Sir, currently I'm not using the frappe-ui default Badge — if needed I can switch to it

@rmehta
Copy link
Copy Markdown
Member

rmehta commented May 27, 2026

Always use default Frappe UI components

@Hemil-Sangani Hemil-Sangani force-pushed the refactor/status-badge-component branch from 8fb3dec to da89c16 Compare May 28, 2026 06:01
@Hemil-Sangani
Copy link
Copy Markdown
Contributor Author

Hemil-Sangani commented May 28, 2026

Always use default Frappe UI components

@rmehta Sir, updated the code to use the default frappe-ui Badge component.

Copy link
Copy Markdown
Member

@rmehta rmehta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i don't get the point of this? why not just use the standard frappe-ui badge?

@Hemil-Sangani Hemil-Sangani force-pushed the refactor/status-badge-component branch from e5c56b2 to 83867f1 Compare June 2, 2026 05:01
@Hemil-Sangani Hemil-Sangani force-pushed the refactor/status-badge-component branch from 83867f1 to e084977 Compare June 2, 2026 05:06
@Hemil-Sangani Hemil-Sangani changed the title refactor: unify status badges into single component (TODO 1.2) refactor: standardise status badges to frappe-ui Badge directly (TODO 1.2) Jun 2, 2026
@Hemil-Sangani Hemil-Sangani changed the title refactor: standardise status badges to frappe-ui Badge directly (TODO 1.2) refactor: standardise status badges to frappe-ui Badge with pulse dot for running state (TODO 1.2) Jun 2, 2026
@Hemil-Sangani
Copy link
Copy Markdown
Contributor Author

Hemil-Sangani commented Jun 2, 2026

@rmehta Sir, I’ve replaced the custom StatusBadge with frappe-ui Badge throughout. The only small addition is a .pulse-dot utility in index.css and an inline #prefix slot for the running state. No wrapper component anymore — please take a look when you get a chance.

@Hemil-Sangani Hemil-Sangani requested a review from rmehta June 2, 2026 05:30
@Hemil-Sangani Hemil-Sangani changed the title refactor: standardise status badges to frappe-ui Badge with pulse dot for running state (TODO 1.2) refactor: fix running state theme and add pulse dot to status badges (TODO 1.2) Jun 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants