Roll call functionality

1. Overview

This function consist out of two primary screens.

The Program List screen allows quick selection of the desired program entry.

The Participant List screen provides interaction with the entries for a particular event.

2. Program List

The program list allows the user to quickly navigate to the desired program entry.

2.1. Race Details Header

Displays the current, selected race as a header to a page.

2.1.1. Fields

  • Race name

  • Series name (if specified)

  • Race day (if specified) - Used for multi-day events

  • Race date

  • Start time (if specificed)

  • End time (if specified)

2.1.2. Actions

The following actions will be available on this screen;

  • Menu - Rendered as button on mobile and tablet, all primary items displayed for desktop.

2.1.3. Context menu

The following menu items will be available;

  • Change day (if a multi-day event)

  • Change - Change to another event

2.1.4. Responsiveness

The name should always be displayed.

On wide displays put menu on left, otherwise overflow to a next line, but still right aligned.

On page down scroll roll up to a single line and when reaching the top expand all rows.

2.2. Program List

Displays the list of program entries for the selected race.

2.2.1. Fields

  • Program number (if specified)

  • Program entry number (if specified)

  • Start time (if specificed)

  • End time (if specified)

  • Duration (if specified)

2.2.2. Order

The entries are ordered by start time.

2.2.3. Filter

No filters are currently supported.

2.2.4. Actions

The following actions will be available on this screen;

  • Program Item select - Configurable handler specified at construction

  • Program item drag up/down - Reorder item

  • Content menu on the right hand side.

2.2.5. Content menu

  • Show details - Show the program entry screen.

2.2.6. Responsiveness

The program name should always be displayed.

On mobile devices show as many fields as possible, with a expand button to the right to show additional details and content menu.

On tablet devices show, in addition, the content menu.

3. Roll Call Participant List

The Participant List screen provides interaction with the entries for a particular event.

3.1. Program Entry Header

Displays the current, selected program entry as a header to a page.

3.1.1. Fields

  • Program entry name

  • Race day (if specified) - Used for multi-day events

  • Race name

  • Start time (if specificed)

  • End time (if specified)

3.1.2. Actions

The following actions will be available on this screen;

  • Menu - Rendered as button on mobile and tablet, all primary items displayed for desktop.

3.1.3. Context menu

The following menu items will be available;

  • List - Show Program List

3.1.4. Responsiveness

The name should always be displayed.

On wide displays put menu on left, otherwise overflow to a next line, but still right aligned.

On page down scroll roll up to a single line and when reaching the top expand all rows.

Unresolved include directive in modules/race-app-design/pages/use-cases/RollCall.adoc - include::common-design:ui-components/ParticipantList.adoc[]