Within a Collection - FEM Design

[seanmiller26]

Once a user clicks into a specific collection, they will see a grouping of subjects. This page is designed the same whether viewed from a user profile or a project page.

Show 20 subject cards before pagination. Sort options include: Recently added, Alphabetical A-Z, Alphabetical Z-A, Recently created, Most subjects.

Important UX change
As a user, when I click a subject card from within a mixed-project collection, I want to be taken to that parent project’s Talk subject page, even if the subject originates from a different project than the collection’s parent project.

The parent project is tied to the first subject added when creating a collection. Here labeled as 'Linked to [project]'
This eliminates the error of trying to comment on a subject page when viewing it in the wrong project.
Related fix for this behavior: zooniverse/talk-api#429

Owner view

An owner view shows the Owner role badge, access to the settings button and a Collection Cover indicator. This is also where a user would set their collection cover, by hovering over subject cards. More details in [Collection Cover issue].

Current url: https://www.zooniverse.org/collections/[username]/[collectionname]

Current url: https://www.zooniverse.org/projects/[projectowner]/[project]/collections/[user]/[collectionname]

It also allows the ability to delete subjects within the Select Subjects button.

Public view

In the public view, you’ll either see no badge or a role badge (Collaborator, Contributor, or Viewer). The settings button is not accessible, unless you are assigned the Collaborator role. Also no Collection Cover indicator.

No delete option within the Select Subjects buttton.

Settings

Logged Out
Hides Select Subjects button

Dark Mode

Mobile

User stories: https://docs.google.com/document/d/1lutVGWwsxjb7NulzshS1PDi0EBuoNz1wZyIQkPlWcYs/edit?tab=t.0
Figma: https://www.figma.com/design/4RzCxc3y0nK6rArGLuEopg/Collections?node-id=291-17835&t=FhBgj37IqpwkQgnT-1