Janta takrar

🧩 ADMIN PANEL – COMPLETE STRUCTURE & FUNCTIONALITY 1️⃣ Overall Design System (Follow Your Reference Image) Visual Style Theme: Light, clean, government-friendly Primary Color: Orange (actions, highlights, KPIs) Secondary: Dark Blue / Charcoal (text, headers) Success: Green | Warning: Amber | Error: Red Cards: Rounded (12–16px), soft shadow Spacing: Generous white space (8pt system) Typography (Admin-friendly) Primary: Inter / Poppins Numbers & KPIs: Semi-bold Tables: Regular, high contrast 2️⃣ Layout Framework (Common for All Screens) Top Bar Logo (left) Search (global: complaint ID, user, location) Notification bell Admin avatar + role dropdown Left Sidebar (Icon + Label) Dashboard Complaints Users Categories Departments & Officers Events & Announcements Notifications Analytics & Reports Admin Users Settings ✔ Collapsible ✔ Active item highlighted ✔ Tooltip on icons 3️⃣ DASHBOARD (As Per Image – Enhanced) KPI Cards (Top Row) Use icon + number + % trend Total Complaints Pending Complaints In Progress Resolved SLA Compliance % Avg Resolution Time ✔ Clickable → filters data Users Summary Card Total Users Active Users (30 days) New Users (This Month) Infographic Section (Very Important) Graphs to use: Bar Chart – Complaints by Category Stacked Bar – Resolved vs In-Progress Line Chart – Complaints over time Donut Chart – Status distribution Heatmap / Map – Complaint density by area ✔ Hover tooltips ✔ Filter by date / category / department 4️⃣ COMPLAINTS MANAGEMENT (CORE MODULE) Complaints List Screen Top Controls Search (ID, user, keyword) Filters: Status Category / Sub-category Priority Department SLA (Within / Breached) Date Range Bulk actions Export (Excel / PDF) Table Columns Complaint ID (clickable) Date & Time User Name Category Location Status (color badge) Priority Assigned To SLA Indicator Actions (View / Assign) Complaint Detail Screen (Clean Sectioned Layout) Section 1: Header Complaint ID Status badge Priority chip SLA countdown Section 2: User & Location User details Address Google Map preview Section 3: Complaint Content Category & Subcategory Full description Uploaded images (gallery) Section 4: Timeline (Vertical Stepper) Created Assigned In Progress Resolved Closed Section 5: Admin Actions Panel Assign Department & Officer Update Status Add Internal Note Request More Info Mark Duplicate Resolve Complaint (with cost & photos) Generate PDF Report Send Notification ✔ Every action updates timeline automatically 5️⃣ USER MANAGEMENT User List Profile photo Name, mobile, email Total complaints Status Last active Actions User Detail Page Personal info Address book Complaint history Activity log Notification preferences Admin Actions Edit Block / Unblock (reason mandatory) Reset password Export user data 6️⃣ CATEGORIES & SUB-CATEGORIES Create / Edit / Delete categories Icon & color selector SLA duration mapping Priority auto-assignment Sub-category nesting ✔ Drag & drop ordering 7️⃣ DEPARTMENTS & OFFICERS Department list (Water, Roads, Sanitation) Officer profiles Area assignment Workload indicator Performance stats 8️⃣ EVENTS & ANNOUNCEMENTS Create announcements Target audience (All / Area-based) Schedule publish Image + text preview Push / SMS / In-app toggle 9️⃣ NOTIFICATIONS MODULE Predefined templates Manual notifications Trigger-based notifications Delivery status (sent / failed) 🔟 ANALYTICS & REPORTS Reports Available Complaints by category Department performance SLA breach analysis Resolution cost User engagement ✔ Export PDF / Excel ✔ Date & filter based 1️⃣1️⃣ ADMIN USERS & ROLES Super Admin Department Admin Viewer Permissions Read / Write / Assign / Delete Module-level access 1️⃣2️⃣ SETTINGS SLA rules Priority logic Notification rules System branding Security: 2FA Session timeout IP whitelist Activity logs

Janta takrar

Pages