Add Expenses

Link

→ {base url}/mgramseva/home/addExpense

Enables employees to add expenses - the process of onboarding the end-users.

Add Expenses card is available on the home screen for defined user roles having the EXPENSE PROCESSING permission.

Clicking the Add Expense Record tile/card on the home screen navigates the user to Add Expenses screen.

The user enters the required details to add the expenses for the vendors.

If a user logs in for the first time then a walkthrough is populated following the same logic as in the home screen.

Clicking on the Submit button navigates the user to the Expenditure Added Successful acknowledgement screen.

Logic Implemented for Date Validation and File Attachments

File Attachments

This feature allows the user to take a picture or choose a single file. The Image Picker plugin is used to implement this.

Whenever this application is used on mobile, it prompts the user with two options - Camera and File Picker. If the application is opened on desktop or laptop browsers, the camera option is not available. The user has to select an image from the folder.

The maximum supported file size is 5 MB.

Date Validation

For validating the form we use the Form widget. Once the user selects a bill date the Bill Pay option is enabled. Else, the auto validation process is enabled.

Based on the bill date, the party selection date is enabled. If the user selects the party selection date first, the bill date can be selected only after entering the party date.

Whenever the bill paid option is true, the paid date field is enabled and mandatory. The date selection range allows date input only after the bill date and before the current date.

File Path

Primary Files -

API Details

Stack

1 → Home Screen. + Add Expense Screen

Pop → Home Screen

Widgets Utilised from Library