🏠 Overview › 🧩 Components ›🧩 Expense Registration Screen

Expense Registration Screen

Component Detail

User Interface medium complexity mobile
2
Dependencies
0
Dependents
3
Entities
0
Integrations

Description

Flutter screen for logging reimbursable travel costs including kilometre allowances, toll fees, parking, and public transport. Presents fixed expense-type selectors that enforce valid combinations at the UI level before submission.

Feature: Travel Expense Registration

expense-registration-screen

Responsibilities

  • Render fixed expense-type selector widgets fetched from Expense Type Service
  • Collect kilometre input with GPS or manual entry option
  • Display auto-approval threshold indicator to set user expectations
  • Submit expense payload to Expense Service and show confirmation or pending status
  • Enforce WCAG 2.2 AA compliance for all form controls and touch targets

Interfaces

showExpenseForm(activityId: String)
onExpenseTypeSelected(type: ExpenseType)
onKilometresChanged(km: double)
onSubmit()
showConfirmation(result: ExpenseSubmitResult)

Relationships

Dependencies (2)

Components this component depends on

service Expense Service service Expense Type Service Shared

Related Data Entities (3)

Data entities managed by this component

Expense 31 fields core Expense Receipt 17 fields core Expense Type 19 fields configuration