Search page creation > Search bar

[sophiakc]

See Parent Github issue: #874
👓 See wireframe in Figma + get CSS attributes

Search bar composed of:

• Text field1: By default "All crops", search a specific crop but display only guides related to this crop
  e.g. tomato and display guides related to the crop tomato
• Text field2: Current month by default
• Text field3: Climate zone: enable auto-location
  
• Stages: PREPARE by default

Icons:

[nickedwards109]

Here is some front-end code for this that is outside of the context of the entire application: https://gist.github.com/nicholasedwards/c438d1fd1f06b4033e29c8ad1a9baf90

Next steps would be to tie that markup into the application markup and set up the inputs as search result filters (probably with Angular).

I am unassigning myself from this for now in order to focus on learning Javascript and Angular for a while (unless a JS guru wants to collaborate with me on this, in which case, let's go for it and I'll keep working on layout and styling!)

[simonv3]

@nicholasedwards I would be more than happy to help you out with implementing this in JS. Let me know if you want to set up a pair programming session or something similar. The HTML looks great, and it should be fairly straightforward to tie it into some things.

[nickedwards109]

@simonv3 awesome. PM'd you on Slack.

[sophiakc]

hey @nicholasedwards, keep us posted here how the pair programming goes with @simonv3 :-)

[simonv3]

We're scheduled to do our session tomorrow!

[sophiakc]

@simonv3 How was it?

[simonv3]

@sophiakc it was good. You can see the work we did here: afca35d

It's not finished yet. We're going to touch base on when we can do some more work together.