PhoenixKitProjects.Web.Components.AssignmentStatusBadge (PhoenixKitProjects v0.12.0)

Copy Markdown View Source

Status presentation for an Assignment.status value ("todo", "in_progress", "done"). Mirrors DerivedStatusBadge but for the assignment lifecycle instead of the project lifecycle.

Helpers

All three helpers accept an arbitrary string and fall back to the "todo" styling on unknown values so a half-broken DB row still renders sensibly.

  • color/1 — Tailwind bg-* class for filled circles/dots.
  • badge_class/1 — daisyUI badge-* variant class.
  • label/1 — gettext'd human label (falls back to the raw value).

Component

<.assignment_status_badge status={assignment.status} />
<.assignment_status_badge status={assignment.status} size="sm" />

Summary

Functions

assignment_status_badge(assigns)
badge_class(_)

daisyUI badge variant class for an assignment status.

color(_)

Tailwind background-color class for an assignment status.

label(other)

Localized human label for an assignment status.

ring(_)

Outline for a filled dot. The light todo dot (bg-base-300) is nearly invisible on a white page, so it needs a border to define the circle; the solid colored states stand on their own.

text_color(_)

Foreground (text) class that pairs with color/1 on a filled dot. The todo dot is light (bg-base-300), so its number needs dark text — plain text-white was invisible. Colored states use their daisyUI *-content foreground.

Functions

assignment_status_badge(assigns)

Attributes

  • status (:string) (required)
  • size (:string) - Defaults to "sm". Must be one of "xs", "sm", "md", or "lg".
  • class (:string) - Defaults to nil.

badge_class(_)

@spec badge_class(String.t() | nil) :: String.t()

daisyUI badge variant class for an assignment status.

color(_)

@spec color(String.t() | nil) :: String.t()

Tailwind background-color class for an assignment status.

label(other)

@spec label(String.t() | nil) :: String.t()

Localized human label for an assignment status.

ring(_)

@spec ring(String.t() | nil) :: String.t()

Outline for a filled dot. The light todo dot (bg-base-300) is nearly invisible on a white page, so it needs a border to define the circle; the solid colored states stand on their own.

text_color(_)

@spec text_color(String.t() | nil) :: String.t()

Foreground (text) class that pairs with color/1 on a filled dot. The todo dot is light (bg-base-300), so its number needs dark text — plain text-white was invisible. Colored states use their daisyUI *-content foreground.