search

hackforla / lucky-parking

Visualization of parking data to assist in understanding of the effects of parking policies on a neighborhood by neighborhood basis in the City of Los Angeles
https://www.hackforla.org/projects/lucky-parking.html
34 stars 60 forks source link

UI Filtering: Selection #515

Closed dannycpham closed 11 months ago

dannycpham commented 1 year ago

User Story

As a user, I want to be able to filter data down to a more granular level to visually see citation data for a region and time frame.

Description

When a user selects an input field, the user needs to see a different UI matching with the corresponding input type.

A user must see the appropriate header matching the data type that the user had selected; Neighborhood Council if they had picked a neighborhood council data type and Zip Code if they had picked a Zip Code.

On this new UI, there should be two main dropdowns: Citation Type and Date Range.

Citation Type Dropdown Options:

Date Range Dropdown Options

As part of this new UI, there should also be a From and To Calendar link options.

Please leave an area below this the date range drop down and calendar from and to blank for future graphs. Graphs are out of scope for this ticket.

Acceptance Criteria

  1. If a user selects neighborhood council as the input field, then the user would see a new UI appear with Citation type, Date Dropdowns, Date Range, and a graphical display of data.
  2. If a user selects neighborhood council as the input field, then the user would see Neighborhood Council as the region type in the header. If a user selects zip code as the input field, then the user would see Zip Code as the region type in the header.
  3. If a user selects on the dropdown, then the user would see the full list of dropdown options for both citation types and date range.

Design References

Figma

Technical References

No response

Additional Information

No response

glenflorendo commented 1 year ago

Blocked. We need to build a dropdown/picklist component first.

glenflorendo commented 11 months ago

Unblocked.

glenflorendo commented 11 months ago

@gibsonliketheguitar There are stubs for this. Please refactor to use the picklist and other relevant components from our UI library?

gibsonliketheguitar commented 11 months ago

@glenflorendo I'll take a look at it. Btw should i refactor the NIT comments from the previous PR?

glenflorendo commented 11 months ago

@glenflorendo I'll take a look at it.

Btw should i refactor the NIT comments from the previous PR?

Yeah, let's do it, if it won't bloat the PR. Thanks!

glenflorendo commented 11 months ago

@gibsonliketheguitar, what's your status on this? Did you make any progress? If not, let's give this task to @bennyv8 .

glenflorendo commented 11 months ago

@bennyv8 It looks like @gibsonliketheguitar put out a PR for this. I'll assign you to another ticket.