Dashboard page in the UI

[jmgasper]

In the UI, we are going to fill in the Dashboard page in the UI.

The Dashboard will provide an overview of all tickets for all projects associated with the logged in user. This will allow the copilot easy access to see the status of all tickets across all of their managed projects in both Gitlab and Github in one spot.

Similar to the "Project Management" page, we will have the same "+ Add Project" in the upper right on this page that the user can use to add a project.

Also, similar to the "Project Management" page, we will have a tabbed table for the main UI.

Tabs

There will be these tabs, with "Ready for review" being the default:

• Ready for review
• Assigned
• Open for pickup
• Paid

Table details

Each table will be a list of git tickets with these details:

• Ticket update date
• Ticket title
• Ticket assignee (if unassigned, then "Unassigned")
• Project name
• Link to the ticket on either Github or Gitlab

The table will be sorted by update date in descending order, with the most recently edited ticket at the top by default.

The table will be paginated, showing 20 tickets at a time

When the user clicks the link to open the ticket on Github or Gitlab, it should open in a new tab.

The "Project Name" is the project name associated with the Gitlab / Github repo URL, configured in the "Project Management" page.

Table loading

The tables will need to load asynchronously due to how many requests will likely have to be made to load the ticket details for each tracked repo.

Table sorting

As with the project management tab, the columns should be sortable. Note that the pagination should reset when sorting because there will likely be many issues across all projects.

Ready for review tab

The "Ready for review" tab will load and display all tickets for all current projects (not archived) that have the "Ready for review" label associated with them.

Assigned tab

The "Assigned" tab will load and display all tickets for all current projects (not archived) that have the "Assigned" label associated with them.

Open for pickup tab

The "Open for pickup" tab will load and display all tickets for all current projects (not archived) that have the "Open for pickup" label associated with them.

Paid tab

The "Paid" tab will load and display all tickets for all current projects (not archived) that have the "Paid" label associated with them.