Business Admin · App Guide 10 wireframe screens — real tables, real data, real cards
Screen 01

Dashboard

Live KPI grid showing business-wide counts. 3x2 grid of KPI cards with icon, large number, and label.

https://app.engineeringservices.pk/admin

📈 Dashboard

🔔 3
🏗
12
Total Projects
7
Active Projects
📄
18
Proposals
🧾
4
Open Vouchers
📅
3
Upcoming Events
👥
11
Staff Active
Recent Projects
ProjectStatusProgressContract Value
#PRJ-004Residential Block AactivePKR 2,500,000
#PRJ-003DHA Site DrainageactivePKR 980,000
#PRJ-002Gulshan Office Blockon_holdPKR 4,200,000
Screen 02

Project List

Paginated table with status and location filters. Inline action buttons for View and Edit.

https://app.engineeringservices.pk/admin

🏗 Projects

IDProject NameLocationStatusPhaseValue (PKR)Actions
PRJ-004Residential Block A — Phase 2Karachiactivefoundation2,500,000
PRJ-003DHA Site DrainageKarachiactiveexcavation980,000
PRJ-002Gulshan Office BlockLahoreon_holdroofing4,200,000
PRJ-001SITE Factory ExtensionKarachicompletedfinishing7,800,000
Showing 4 of 12 projects — Page 1 of 3
Screen 03

Project Detail — Overview Tab

Tabbed project detail screen. Overview tab shows status, financials, and phase progress bars.

https://app.engineeringservices.pk/admin

← Residential Block A — Phase 2

Overview
Phases
Proposals
Financial
Calendar
Docs
Status
active
Location
Karachi Office
Contract Value
PKR 2,500,000
Current Phase
foundation
Start Date
01 Jul 2026
Expected End
31 Dec 2026
Phase Progress
Foundation Works
65% — in_progress
Structural Framing
0% — pending
Budget consumedPKR 405,000
Open VOsPKR 75,000
Remaining budgetPKR 2,020,000
Screen 04

Create Project

Form grid for new project. Template dropdown auto-populates phase_keys after creation.

https://app.engineeringservices.pk/admin

← New Project

Screen 05

Vouchers List

Voucher table with project + status filters. Quick approve button on submitted vouchers.

https://app.engineeringservices.pk/admin

🧾 Vouchers

Voucher NoSubcontractorTypeWeek EndingAmountStatusActions
VCH-2026-0008RapidSteel Contractorssubcontractor28 Jun 2026220,000draft
VCH-2026-0007Civil Master Co.subcontractor21 Jun 2026185,000submitted
VCH-2026-0006RapidSteel Contractorssubcontractor14 Jun 2026195,000approved
Total submitted this monthPKR 405,000
Total approved this monthPKR 195,000
Screen 06

Ledger Entries

Double-entry ledger view filtered by project. Debit/credit columns color coded.

https://app.engineeringservices.pk/admin

📚 Ledger — PRJ-004

DatePartyTypeReferenceDebitCredit
22 Jun 2026Civil MasterpaymentVCH-2026-0007185,000
15 Jun 2026RapidSteeladvanceADV-2026-000250,000
08 Jun 2026RapidSteelpaymentVCH-2026-0006195,000
01 Jun 2026Civil MasterdeductionDEDUCT-00115,000
Net outflow (credits - debits)PKR 415,000
Screen 07

Staff Management

Staff table with department and location filters. Role column shows assigned custom role.

https://app.engineeringservices.pk/admin

👥 Staff

UserJob TitleDepartmentLocationStatusRoleActions
staff (user #3)Site EngineerEngineeringKarachiactiveStaff Default
hassan_s (user #8)Finance OfficerFinanceKarachiactiveFinance Only
zainab_m (user #9)Site SupervisorEngineeringLahoreactiveSite Supervisor
3 staff members — 3 active
Screen 08

Calendar Events

Event list filterable by project and type. Shows date, title, type badge, and assigned user.

https://app.engineeringservices.pk/admin

📅 Calendar

Date & TimeTitleProjectTypeAssigned ToActions
05 Jul 2026 09:00Foundation inspectionBlock Ainspectionstaff (user #3)
12 Jul 2026 14:00Client progress reviewBlock Ameeting
01 Aug 2026Foundation completion milestoneBlock Amilestone
3 upcoming events for PRJ-004
Screen 09

Roles & Permissions

System and custom roles table. Permission checkmarks shown inline.

https://app.engineeringservices.pk/admin

🛡 Roles & Permissions

System Roles (read-only)
RoleTypePermissions
adminSystemAll permissions (implicit)
staffSystemNone (needs custom role assignment)
Custom Roles
Role SlugDisplay NamePermissions countStaff assignedActions
site-supervisorSite Supervisor8 permissions1 staff
finance-onlyFinance Only6 permissions1 staff
Example permission assignment for "Site Supervisor":
projects.view   phases.view   calendar.view   calendar.manage
vouchers.manage   ledgers.manage   manage_roles
Screen 10

Phase Library — Setup

Reference table for reusable phase definitions. Used when applying project templates.

https://app.engineeringservices.pk/admin

⚖ Phase Library

Define reusable phases for your business. These are applied when creating projects from templates.
Phase KeyNameDefault DurationSortActiveActions
foundationFoundation Works30 days1yes
structuralStructural Framing60 days2yes
roofingRoofing Works21 days3yes
plumbingPlumbing & Sanitation30 days4yes
electricalElectrical Works45 days5yes
finishingFinishing & Handover20 days6yes