Pages
| Directory |
|---|
| ~\Staffify\Pages |
This directory contains all of the "web pages" of the web application. These are build as Razor Components but then are navigable with the page directive at the beginning of the file.
The ones that I created utilize the CSS Isolation method in Blazor. This is a code-behind approach.
This is the landing page for the web application. Here we can see the navigation bar on the left-hand side which will exist on every page. In the main section is a table which lists all of the employees as well as their information in a table.
Each row in the table contains a button that will take you to the Employee Details page of that employee.
On this page you can see all of the details relating to that single employee. The information is displayed within a form, which is editable. This page contains two buttons that allow you to update the record and to cancel the edit.
If there is any information entered incorrectly, a message will display showing the input error.
The about page display's my information including my socials and my website.