The Help Desk Application

To demonstrate the features of Blazor, and how controls such as the suite available from Syncfusion can make development faster and easier, we will create a simple help desk application.

Help desk users

Figure 10: New Help Desk Ticket

Users of the application will see a form that allows them to create a new help desk ticket.

Figure 11: Syncfusion Toast

With the Syncfusion Toast control, a pop-up window is displayed to let the user know that their action was successful.

Figure 12: Email Notification

An email is sent to the administrator with a link that will navigate directly to the help desk ticket.

Figure 13: Administrator Adding Details

When the administrator is logged in and they click the link in the email, they will have the ability to edit all fields and enter help desk ticket detail records at the bottom of the form by entering the desired text and clicking Add.

Figure 14: Administrator Saving Details

After adding the desired help desk ticket details, the administrator clicks Save to save the record and send a notification email to the user who created the help desk ticket.

Figure 15: User Adding Details

The user who created the help desk ticket receives an email with a link that navigates them to the help desk ticket and allows them to enter details.

However, the fields at the top of the help desk ticket are grayed out and disabled for them. They can only add new details.

Help desk administrators

Figure 16: Administration Menu Link

A user logged in as the administrator will see an Administration link that will take them to the section of the application that will allow them to administer all help desk tickets.

Figure 17: Syncfusion DataGrid

This will display the Syncfusion DataGrid. The administrator can edit records and sort, page, and resize the data grid.

Figure 18: Syncfusion Dialog

Clicking the Edit button next to a record in the data grid will open it up in the Syncfusion Dialog control.

This dialog will allow the administrator to edit all fields of the help desk ticket, as well as add help desk ticket detail records at the bottom of the form.

When the administrator saves the record, the user who created the help desk ticket receives an email with a link that navigates them to the help desk ticket.

Figure 19: Delete Confirmation

Clicking the Delete button next to a record in the data grid will open the delete confirmation dialog box.

Clicking Yes will delete the record and clicking No will cancel the action.