Step 6: Bike Share membership/Subsidy and Mixed Use Development drop down dependencies

[stephaniemar]

Issue:

1. Under the Bicycling strategy there is a dependency between the two drop downs. The bottom drop down should only activate if the user choses platinum in the top dropdown. There is only one option in the bottom drop down if it is active. If the user chooses platinum in the top drop down and picks the option in the second dropdown that option still appears if the user goes back and changes the level from platinum to something else.
2. Under the Mixed Use Development there is a dependency between the two drop downs. The bottom drop down should only activate if the user choses Child Care Component in the top dropdown. There are two options in the bottom drop down if it is active. If the user chooses Child Care Component in the top drop down and picks one of the options in the second dropdown that option still appears if the user goes back and changes the component option.

Steps to reproduce:

1. Navigate to Step 6 Elective Strategies
2. Pick the platinum level bike share membership or Child Care Component in the top drop down
3. Pick an option in the second drop down
4. Go back to top drop down and choose another membership level/Component
5. The bottom drop down becomes inactive but the option you first picked still appears to the user which is confusing

Expected results:
Not sure how we should handle this scenario to make it more intuitive. Need UX/Dev to weigh in on options here

[Caroline Stjarnborg]

@stephaniemar
Step 1: click platinum -> get 7 points
Step 2: click bottom box -> two options should appear "none | 0 points" and "subsidy 50%"
Step 3: Choose one option -> in this scenario "subsidy 50%" -> get 5 points
Step 4: Realize you don't want platinum -> choose another option
Action: second box that had "subsidy 50%" selected should go back to the default state and be greyed out. The points should go down to 0 for this option

Let me know if this makes sense!

[Stella Ubaha]

@carolinestj I am having a hard time getting this to show zero because of some of Drupal form behavior that show things sometimes 'as is' or override things all together. Will it be okay to simply hide the section instead? See below:

[Caroline Stjarnborg]

@subaha-cob yes let's try hiding it and we can see if that looks ok

or is this screenshot what it's going to look like?

[stephaniemar]

Hey @subaha-cob I am testing this bug- when I click the platinum option the bottom drop down becomes active and I can choose something here however when I go back up and choose a different level I am still seeing the option in the lower dropdown. Also if I go up and choose None this is what I am seeing. Not sure if this is what we want.

Same thing with mixed use develoopment

cc @miyekay94 @carolinestj

[stephaniemar]

Hey @carolinestj @miyekay94 can you take a look and see if the behavior here looks ok. I am thinking we can get user feedback during UAT testing.

[stephaniemar]

@subaha-cob - Let me know if this is clear

Here is the following behavior for the three strategies that have two drop downs:

• Step 5: Parking Price:

• If both drop downs say none the entire box should be grey

• if the user chooses an option from the top dropdown the entire box turns blue

• Step 6: Bike Share Membership/Subsidy

• If both drop downs say none the entire box should be grey

• if the user chooses an option from the top dropdown the entire box turns blue

• if the user chooses the platinum option the bottom dropdown becomes active

• If the user chooses an option from the bottom drop down and changes the top drop down to Gold, Silver or Bronze the bottom dropdown changes back to None and those points disappear

• Step 6: Mixed Use Development

• if both drop downs say none the entire box should be grey

• if the user chooses an option from the top dropdown the entire box turns blue

• if the user chooses Child Care component the bottom option becomes active

[stephaniemar]

This looks good and has been fixed.