Skip to content

[Suggestion] Add Dynamic Icons to Episode List to Show Watch Status #30

@mode0192

Description

@mode0192

Summary:
I suggest a visual enhancement for the episode lists within a series page. The small play icon associated with each episode should be made dynamic to visually represent its current watch status (unwatched, partially watched, or fully watched). This would provide users with immediate, at-a-glance information about their viewing progress.

Current Behavior:
Currently, the icon under each episode's rating is static. It remains a black outlined circle with a play triangle inside, regardless of the episode's watch status.

Proposed Behavior:
The icon should dynamically change to reflect one of three distinct states, as shown in the provided image:

  1. Fully Watched: For episodes that have been completely viewed, the icon should become a solid white circle with a black checkmark (✓) inside. This provides clear confirmation of completion.
  2. Partially Watched (In-Progress): For episodes that have been started but not finished, the icon should change to a circular progress bar (an incomplete white circle) that visually represents the amount watched. The play icon inside should also change (e.g., turn white) to indicate a "resume" state.
  3. Unwatched: For episodes that have not been started, the icon should remain in its default state: a black outlined circle with a black play triangle (▶).

User Benefit / Rationale:

  • Immediate Visual Feedback: This allows users to instantly see their progress in a season without having to read details or remember where they left off.
  • Enhanced Navigability: It makes it much faster for users to find the specific episode they are looking for, whether it's the next unwatched one or one they need to resume.
  • Modern UI/UX: This type of visual status indicator is a standard and highly effective feature in modern media applications, greatly improving the overall user experience.

Image

Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions