New UI: All Challenges/Tasks View

[acshields]

Designs

TBD

Overview

• Copilots and clients will have the same view/capabilities on this screen
• Topcoder employees will have the same general view with one enhanced capability
• The primary change to this screen will be to provide a view of all challenges/tasks created for all of a user's projects, as well as next-step navigation/choices.

Client/Copilot Screen Components

Non-Archived Header Components

• Search bar
• [Launch New] button and this pop-up workflow:
  -User clicks "Launch New"
  -A pop-up window appears labeled "Select Project"
  -User selects the project name from a [dropdown menu]
  -User clicks [Confirm] button

Non-Archived Work Table View (Work displayed here has Status =New, Draft, or Active)

• Column 1 (Filterable, Sortable, and data is Hyperlinked): [Project Name]
• Column 2 (Sortable, and data is hyperlinked): [Work Name]
• Column 3 (Sortable): [Type]
• Column 4 (Sortable): [Format]
• Column 5 (Sortable): [Status]
  Note 1 - These statuses should display as the primary text: [New, Draft, Active]
  Note 2 - If the work is in active, in superscript the current phase and the phase's end date/time should display.
• Column 6 (Sortable): [Cost]
• Column 7 (Sortable): [Start Date]
• Column 8 (Sortable): [End Date]
• Column 9 (Data is Hyperlinked): [Link Icon], which when menu icon is clicked in the row the menu should show the following:
  -[Icon] [Count Resources] and then display the word “Resources” in the menu
  -[Icon] [Count Registrants] and then display the word “Registrants” in the menu
  -[Icon] [Count Submissions] and then display the word “Submissions” in the menu
  -[Icon] [Count Forum Posts] and then display the word “Forums” in the menu
  -[Icon] and then display “View Listing” in the menu
• A [Archived Work] button should display at the bottom of the table.

Non-Archived Work Table Interactions (Work displayed here has Status =New, Draft, or Active)

• If the user clicks on the Project Name, they will be routed to the project in Projects App (Connect).
• If the user clicks on the Work Name, they will be routed to the challenge/task preview screen in Work Manager.
• If the challenge/task is in "New" status, then when the user hovers over the row, underneath the Work Name they should see two buttons:
  -[Delete] - If clicked, the user should see a pop-up window that says "Click Confirm to Delete" and they can either click [Confirm] or the [Escape] button. If confirmed, the challenge/task will be deleted.
  -[Save Draft] - If clicked, the challenge/task's status will move to [Draft]
• If the challenge/task is in "Draft" status, when the user hovers over the row, underneath the Work Name they should see an [Activate] button, which when clicked will activate the work.
• If the user clicks "Resources" in the Links column, they should be brought to the application that manages resources for the challenge/task.
• If the user clicks "Registrants" in the Links column, they should be brought to the application that manages registrants for the challenge/task.
• If the user clicks "Submissions" in the Links column, they should be brought to the application that manages submissions for the challenge/task.
• If the user clicks "Forums" in the Links column, they should be brought to the forums for the challenge/task.
• If the user clicks "View Listing" in the Links column, they should be brought to the posted work's listing.

Archived Header Components

• [Back] button, which will bring the user to the non-archived work table.
• Search bar

Archived Work Table View (Work displayed here has Status = Complete)

• Column 1 (Filterable, Sortable, and data is Hyperlinked): [Project Name]
• Column 2 (Sortable, and data is hyperlinked): [Work Name]
• Column 3 (Sortable): [Type]
• Column 4 (Sortable): [Format]
• Column 5 (Sortable): [Status]
• Column 6 (Sortable): [Cost]
• Column 7 (Sortable): [Start Date]
• Column 8 (Sortable): [End Date]
• Column 9 (Data is Hyperlinked): [Link Icon], which when menu icon is clicked in the row the menu should show the following:
  -[Icon] [Count Resources] and then display the word “Resources” in the menu
  -[Icon] [Count Registrants] and then display the word “Registrants” in the menu
  -[Icon] [Count Submissions] and then display the word “Submissions” in the menu
  -[Icon] [Count Forum Posts] and then display the word “Forums” in the menu
  -[Icon] and then display “View Listing” in the menu

Archived Work Table Interactions (Work displayed here has Status = Complete)

• If the user clicks on the Project Name, they will be routed to the project in Projects App (Connect).
• If the user clicks on the Work Name, they will be routed to the challenge/task preview screen in Work Manager.
• If the challenge/task is in "Complete" status and the user hovers over the row, underneath the Work Name they should see a "Duplicate" button, which when clicked will initiate the set-up workflow using that old challenge's specification, timeline template, and prize data.
• If the user clicks "Resources" in the Links column, they should be brought to the application that manages resources for the challenge/task.
• If the user clicks "Registrants" in the Links column, they should be brought to the application that manages registrants for the challenge/task.
• If the user clicks "Submissions" in the Links column, they should be brought to the application that manages submissions for the challenge/task.
• If the user clicks "Forums" in the Links column, they should be brought to the forums for the challenge/task.
• If the user clicks "View Listing" in the Links column, they should be brought to the posted work's listing.

Topcoder Employee Screen Components

Non-Archived Header Components

• "My Work" vs. "All Work" toggle option, with "My Work" defaulted.
  Note 1: When "My Work" is selected, the user should only see non-archived work for their projects in the table.
  Note 2: When "All Work" is selected, the user should seel all non-archived work in the table.
• Search bar
• [Launch New] button and this pop-up workflow:
  -User clicks "Launch New"
  -A pop-up window appears labeled "Select Project"
  -User selects the project name from a [dropdown menu]
  -User clicks [Confirm] button

Non-Archived Work Table View (Work displayed here has Status =New, Draft, or Active)

• Column 1 (Filterable, Sortable, and data is Hyperlinked): [Project Name] and [Client Name]
  Note: Client Name should be displayed as superscript above the Project Name.
• Column 2 (Sortable, and data is hyperlinked): [Work Name]
• Column 3 (Sortable): [Type]
• Column 4 (Sortable): [Format]
• Column 5 (Sortable): [Status]
  Note 1 - These statuses should display as the primary text: [New, Draft, Active]
  Note 2 - If the work is in active, in superscript the current phase and the phase's end date/time should display.
• Column 6 (Sortable): [Cost]
• Column 7 (Sortable): [Start Date]
• Column 8 (Sortable): [End Date]
• Column 9 (Data is Hyperlinked): [Link Icon], which when menu icon is clicked in the row the menu should show the following:
  -[Icon] [Count Resources] and then display the word “Resources” in the menu
  -[Icon] [Count Registrants] and then display the word “Registrants” in the menu
  -[Icon] [Count Submissions] and then display the word “Submissions” in the menu
  -[Icon] [Count Forum Posts] and then display the word “Forums” in the menu
  -[Icon] and then display “View Listing” in the menu
• A [Archived Work] button should display at the bottom of the table.

Non-Archived Work Table Interactions (Work displayed here has Status =New, Draft, or Active)
All table interactions in the non-archived view are the same as the interactions described for Copilots/Clients.

Archived Work Table View (Work displayed here has Status = Complete)

• Column 1 (Filterable, Sortable, and data is Hyperlinked): [Project Name] and [Client Name]
  Note: Client Name should be displayed as superscript above the Project Name.
• Column 2 (Sortable, and data is hyperlinked): [Work Name]
• Column 3 (Sortable): [Type]
• Column 4 (Sortable): [Format]
• Column 5 (Sortable): [Status]
• Column 6 (Sortable): [Cost]
• Column 7 (Sortable): [Start Date]
• Column 8 (Sortable): [End Date]
• Column 9 (Data is Hyperlinked): [Link Icon], which when menu icon is clicked in the row the menu should show the following:
  -[Icon] [Count Resources] and then display the word “Resources” in the menu
  -[Icon] [Count Registrants] and then display the word “Registrants” in the menu
  -[Icon] [Count Submissions] and then display the word “Submissions” in the menu
  -[Icon] [Count Forum Posts] and then display the word “Forums” in the menu
  -[Icon] and then display “View Listing” in the menu

Archived Table Interactions (Work displayed here has Status = Complete)
All table interactions in the archived view are the same as the interactions described for Copilots/Clients.