Add Expense
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.
Link → {base url}/mgramseva/home/addExpense
Clicking the Add Expense Record tile/card on the home screen navigates the user to the 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. Otherwise, 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 -
| Field | Validation |
|---|---|
Vendor Name* |
|
Mobile Number* |
|
Type of Expense* | None |
Amount* |
|
Bill Date* | Before Current Date and after party Bill Date. |
Party Bill Date |
|
Bill Paid | None |
Paid Date | After Bill date and less than current Date. |
Attach Documents | Option to upload a single document, Supported files - PDF, JPEG, PNG (maximum 5MB) |
Note: All fields are validated on Submit apart from the Mobile number which gets validated on change.
API Details
| API | Params | Description |
|---|---|---|
|
| To get the Expense Type for the Dropdown |
|
| To get the list of vendors in the selected tenant for the suggestion text box - Vendor Name |
Stack
1 → Home Screen. + Add Expense Screen
Pop → Home Screen
Widgets utilised from the Library
| Widgets | File Path | Description |
|---|---|---|
| Text Field | |
| Suggestion Text Field | |
(Primary File)
(Secondary File) | Searchable Drop down | |
| Date Picker | |
| Success Screen | |
| Button |
Last updated
