idurar / idurar-erp-crm

Free Open Source ERP CRM Accounting Invoicing Software | Node Js React
https://cloud.idurarapp.com
GNU Affero General Public License v3.0
6.59k stars 2.04k forks source link

Filter and sort feature for invoice Page #958

Closed slimskhab closed 3 months ago

slimskhab commented 9 months ago

Description

In this pull request, I worked on the sorting of the elements inside the Invoice table (Based on invoice number/Client Name/Invoice Total). I Also added a search Input where you can write the client name to filter the list and keep only the invoices that are related to that client.

Related Issues

957

Steps to Test

  1. Login to the admin account
  2. Create 2 clients
  3. Create 2 Invoices and assign a client to each one of them
  4. Click on the icon next to the Number column
  5. Try to write something in the input field in the Invoice header page (write the name of 1 of the clients for example)

Provide steps on how to test the changes introduced in this pull request.

Screenshots

Here is a video showing the feature (Click on the image): Watch the video Here is a ScreenShot before implementing the feature: image

Checklist