03 · Browser surfaces
Frontend
Page Map
14 หน้าหลัก: backoffice 10, customer portal 2 และ public marketing 2 พร้อม API, entity, action และ navigation
MAP/CODE CONFLICT: map เดิมระบุ 13 หน้าและกล่าวถึง customer-login.html/register.html แยกไฟล์ แต่ code ปัจจุบันรวม login/register ไว้ที่ customer/index.html
Current pages
ค้นหาหน้า, API หรือ entity ได้
| Page / file | Purpose & actions | API / entities | Navigation |
|---|---|---|---|
Staff Loginbackoffice/login.html | Staff authentication | staff login; employees/roles | success → dashboard |
Dashboardbackoffice/dashboard.html | KPI, finance overview, follow-up snapshot | dashboard summary, follow-ups/today; financial entities | backoffice modules |
Customersbackoffice/customers.html | Create/view/delete eligible customer, KYC/service summary, credential reset | customer routes; profile/service entities | contracts/savings context |
Contracts & Savingsbackoffice/contracts.html | Create savings/contract, activate/update/cancel, schedules, payment review | contracts/savings/products/promotions/intents | core operational flow |
Cash Salesbackoffice/cash-sales.html | Create/print/void/refund sale | cash sales, customers, products, promotions/events | backoffice menu |
Productsbackoffice/products.html | List/create product variants | products | backoffice menu |
Promotionsbackoffice/promotions.html | Campaign/package/benefit/event administration | promotion routes/tables | backoffice menu |
Employeesbackoffice/employees.html | Create/toggle staff access | employees/roles | admin menu |
Follow-upsbackoffice/follow-ups.html | Collections and satisfaction queues/results | follow-up routes; logs/contracts/schedules | backoffice menu |
Schema Explorerbackoffice/db-schema-explorer.html | Internal schema ledger/search | developer utility; no current API call | developer use |
Customer Entrycustomer/index.html | Login, registration, password change | customer auth and profile routes | success → dashboard |
Customer Dashboardcustomer/customer-dashboard.html | Profile, savings/contract progress, schedules, promotions, slip/payment, pause request | customer/contracts/intents/uploads/events/support | portal tabs |
Public Siteindex/index.html | Corporate/marketing information | no API found | public |
Sales Landinglandingpage/index.html | Sales campaign content/CTA | no API found | public |
Shared client layer
BACKOFFICE
backoffice.js
API base resolution, auth header, JSON normalization, unauthorized handling.
GUARD
auth-guard.js
Client navigation guard; the API remains the true authorization boundary.
CUSTOMER
portal.js
Entry, password and profile actions.
CUSTOMER
customer-dashboard.js
Profile, contract/schedule, payment, promotion and support workflows.