Draft Web Server UI for MiriConf

[g-bolmida]

Wireframe a draft of the web UI for MIriConf, we will likely need to meet to discuss all the necessary features the UI will need to include. Once the draft is complete you can make a /documentation folder in the frontend repo and put your final PDF and working draft file.

[g-bolmida]

@Jubn-yan

Page Elements

Primary NavBar Items: Teams, Workstation Templates, Admin

Login Page:

• have a standard username and password form with submit button
• include the application version number on the page

Teams Page (On Navbar):

• A page to list all teams registered on the app e.g. frontend team, backend team, devops team etc.
• Have an "edit team" button next to each team
• Have an "new team" button somewhere on the page
• When user clicks on a team it should take them to a team overview page (see below)

Team Overview Page:

• List all users that are a member of the team
• Have a remove user button for each member of the team
• Have an add user button
• Link each user in team to the users profile page (see below)

User Profile Page:

• display users name
• display user contact info
• display user team(s)
• display user job title
• display user role e.g. developer, viewer, admin

Workstation Templates Page (On Navbar):

• Workstation templates will be a collection of apps and configurations that can be applied to a workstation
• Displays "workstation templates" that have been created for the organization e.g. standard golang backend, standard devops
• Button to add a template
• Edit button by each will take you to the template editor (see below)

Template Editor Page:

• Have a table of apps that will be installed e.g. vim, golang, vscode
• In the table list the app and a version dropdown next to it
• Each app in the table will have a delete app button
• In the table by each app have an edit button that will take you to the app editor for that specific app (see below)

App Edit Page:

• Each app edit page will have a "form" to fill out, each app will be different but it will be things like what version do you want? or what extensions would you like installed for it?
• Have a "save & exit" button at the bottom of the app form

Admin Page (On Navbar):

• We can wireframe this later

[g-bolmida]

@Jubn-yan Created mockup pages for this project.