Content Comparison

...

• User Action:

  • The user selects a date range or enters specific dates to filter records by the created date.

• UI Elements:

  • Date pickers for selecting the start and end dates.

  • A button to submit the filter request.

2. Request Submission

• Frontend Action:

  • The frontend constructs a request with the selected date range like Start Date & End Date

...

3.

...

Request Details:

...

Method: POST

...

Endpoint: /api/filterByDate

...

Date Filter

• Backend Action:

  • The backend processes the request by filtering the file queue data based on the provided date range.

  • Implementation:

    • The backend queries the database to retrieve records where the createdDate falls within the startDate and endDate.

4. Response Handling

• Backend Action:

  • The backend returns the filtered results to the front end.

5. Display Results

• Frontend Action:

  • The frontend processes the response and displays the filtered results to the user.

• UI Elements:

  • A table view to present the filtered file records.

  • The results section updates dynamically upon receiving the response.

...