tdm-calculator icon indicating copy to clipboard operation
tdm-calculator copied to clipboard

Implement filtering on Name, Address, Alt# and Created By column headings

Open roslynwythe opened this issue 5 months ago • 0 comments

Fixes #1647

What changes did you make?

  • The ProjectTableColumnHeader and TextPopup components are now called with a new prop uniqueValues, an array that includes all unique non-null values from all the currently displayed projects (all pages) for the specific project property.
  • uniqueValues is used to populate the dropdown options of a react-select component, which provides the filter with autocompletion
  • The placeholder text "Search by keyword" was used based on the mockups in #1578. A search icon is displayed to the left of the placeholder text, using same graphic used in the current search bar input. Please let me know if a different icon or placeholder text should be used.

Why did you make the changes (we will use this info to test)?

  • A new prop was required because the TextPopup component didn't have access to project properties which are required for generating match options.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

image

Visuals after changes are applied

image

roslynwythe avatar Sep 05 '24 09:09 roslynwythe