Browse Page Components¶
The browse page displays a table of entities with thumbnails, ratings, filenames, tags, and action buttons.
Main Container¶
Browse View (.browse-view)¶
The main browse view container.
Browse Table (.browse-table)¶
The table containing all entity rows and column headers.
Play all the files in the browse inside the inline player
Column Headers (thead)¶
| Column | Selector | Description |
|---|---|---|
| Thumb | - | Thumbnail preview (100x100px) |
| Rating | .attr-cell |
Star rating display |
| Filename | .filename-cell |
Entity filename |
| Tags | .tags-cell |
Tag chips with styles |
| File Time | - | Last modified date |
| Size | - | File size |
| Plays | - | Play count |
| Actions | .action-cell |
Row action buttons |
Entity Row ([data-entity-id="N"])¶
Individual entity row. On hover, action buttons become visible.
Note: Use data-entity-id="N" selector where N is the entity ID.
Table Cells¶
Thumbnail Cell (.thumbnail-cell)¶
Shows thumbnail image (100x100px) or placeholder.
Rating Cell (.attr-cell)¶
Star rating display (0-5 stars with half-star support).
Tags Cell (.tags-cell)¶
Displays styled tag chips using tag style templates.
Filename Cell (.filename-cell)¶
Shows filename with truncation for long names.
Action Cell (.action-cell)¶
Container for row action buttons (visible on hover).
Action Buttons¶
Play Button (.browse-play-btn)¶
Plays the entity in playlist. Appears in action cell on row hover.
Title: "Play in playlist"
Favorite Button (.favorite-btn)¶
Adds entity to favorites.
Title: "Add to favorites"
Copy Button (.copy-btn)¶
Adds entity to clipboard.
Title: "Add to clipboard" / "Remove from clipboard"
Delete Button (.delete-entity-btn)¶
Deletes the entity.
Title: "Delete entity (click to confirm, shift+click to skip confirm, shift+ctrl+click to delete file)"
Screenshot Files¶
| File | Description |
|---|---|
browse-view.png |
Main browse view container |
browse-table.png |
Full browse table |
column-headers.png |
Table column headers |
entity-row.png |
Single entity row |
entity-row-hover.png |
Entity row with action buttons visible |
thumbnail-cell.png |
Thumbnail cell |
rating-cell.png |
Star rating cell |
tags-cell.png |
Tags cell |
filename-cell.png |
Filename cell |
action-cell.png |
Action buttons cell |
play-button.png |
Play button |
favorite-button.png |
Favorite button |
copy-button.png |
Copy button |
delete-button.png |
Delete button |