Dashboard

Version: 1.0.1

Purpose

At-a-glance complaint volume by status, priority, and complaint type. Filter by date, open filtered Complaints lists, or create a new complaint.

Screenshot — main view

Header (title, filter, New Complaint) and three stat sections with clickable cards.

Layout — regions

Sub-details — header

Title & filter hint

• Default title: Dashboard
• When a date filter is active:
  Filtered by complaint date from {From} to {To} (or one-sided range)

Filter button

New Complaint button

Sub-details — date filter popover

Complaint Date From / To with Clear and Apply.

Steps — apply a date filter

1. Click the Filter icon.
2. Set From and/or To.
3. Click Apply.
4. Cards update; subtitle shows the active range.
5. Click Clear to reset.

Sub-details — By Status cards

Each card shows a count and caption Complaints.

Steps — open filtered Complaints by status

1. Click a status card (e.g. Open).
2. Browser goes to /complaints with that status (and date range if set) in the query string.
3. Complaints list is pre-filtered.

Sub-details — By Priority cards

Click a card → Complaints filtered by that priority.

Sub-details — By Complaint Type cards

• One card per type from Complaint Type settings.
• Examples: Size Issue, Damage, Exchange Request, Missing Items, Others.
• Click → Complaints filtered by that type name.

Sub-details — New Complaint from Dashboard

Shared New Complaint form (fields match Complaints → Add).

Steps

1. Click New Complaint.
2. Fill Date, Customer Name *, Order ID#, Complaint Type, Priority, Status, Note, Old Tracking ID, Images.
3. Click Add Complaint (or Cancel).
4. On success the modal closes and Dashboard counts refresh.

Full field reference: Complaints — Add / Edit form.

Sub-details — theme (dark mode)

Same Dashboard layout with dark theme.

Steps — switch theme

1. Expand Settings in the sidebar.
2. Click Dark or Light.
3. Preference is stored in the browser (theme key).
4. Dashboard (and all pages) update immediately.

Sub-details — mobile layout

Narrow viewport: sidebar collapsed/icon rail; cards stack vertically.

Errors & access

Related

• Complaints
• Complaint Type
• Login