Admin Dashboard - Support Ticket Module

[thisara-jayamuni]

Description

Admin Dashboard - Support Ticket Module

Implemented the Support Ticket Module for the Admin Dashboard, enabling admins to create, view, and manage support tickets through the web interface.

Changes made:

• Created the Support Tickets page and integrated it into the admin dashboard navigation.
• Built the support ticket table UI with columns for ticket title, issue type, status, priority, created date, and assigned person.
• Implemented filtering functionality to filter tickets by status, priority, and issue type.
• Created a modal for creating new support tickets with all required fields.
• Added an update details flow with an edit modal for modifying existing tickets.
• Connected to the backend API (Currently Not Available).
• Handled loading, empty, success, and error states across all flows.
• Ensured the ticket list refreshes automatically after create or update actions.

Todos

• Tested and working locally
• Code follows the style guidelines of this project
• I have performed a self-review of my code
• Code changes documented
• Requested review from >= 2 devs on the team (one frontend and one backend recommended)

How to test

1. Run the project locally
2. View Support Tickets
   • Navigate to the Support Tickets section to view all tickets listed in the table.
   • Use the available filters to filter tickets by status, priority, issue type, or other relevant fields.
3. Create Support Ticket
   • Click the Create Ticket button to open the ticket creation modal.
   • Fill in the required details such as ticket title, issue type, priority, and assigned person, then click Save. The ticket list will refresh automatically after successful creation.
4. Update Support Ticket
   • Click on a ticket from the table to open the ticket details.
   • Click the Edit button to open the update modal, make the necessary changes, including updating the ticket status, and click Save. The ticket list will refresh to reflect the updated information.

Screenshots and/or Gifs

Associated MS Planner Tasks

• Admin Dashboard — Support Ticket Module

Known Issues

[API integration is fully implemented on the frontend, but is currently inactive as the backend service has not yet been initialized. In the meantime, sample data has been added to demonstrate the UI. Once the backend is up and running, the integration will work seamlessly without any additional code changes]