Skip to main content

Add New Expense

This document describes the "Add New Expense" form, which is used to record property-related expenses and attach a receipt.

Key Features​

  • Expense Details Form:
    • Amount: A field to enter the numerical value of the expense.
    • Description: A text field to describe the expense (e.g., "Plumbing repair", "New light bulbs").
  • File Attachment:
    • An input to upload a file, typically a receipt or invoice for the expense.
    • Accepts common image formats (image/*).
    • Displays the name of the selected file for confirmation.
  • Input Validation:
    • Ensures all fields are filled and a file is selected before submission.
    • Checks that the uploaded file is a valid image type.
  • Automatic Data:
    • The current date is automatically recorded for the expense.
    • The currency is automatically set to AED.

How to Use​

  1. Enter Expense Amount: Type the cost of the expense into the "Amount" field.
  2. Add Description: Provide a brief description of what the expense was for.
  3. Attach Receipt: Click the file input button to select and upload an image of the receipt or invoice.
  4. Save Expense: Once all fields are complete, click the Save Expense button to record the transaction.