Remove facets control on mobile results view

[eeeschwartz]

The mobile results view should hide the search facets and show the list of facilities. It's not too hard to make it work this way by removing the facets from the DOM, the issue is that the desktop view needs to keep the facets around on the results page.

Removing facets from the DOM also means it's impossible to go back to the questionnaire (currently we solve this by completely reloading the page to start the questionnaire over).

How to split logic for mobile v desktop?

When rendering the results page, jQuery calls show() on the facets which overrides media queries setting mobile facets to display:none. Perhaps after show() we can attach a class to the facets that has a media query that hides mobile? Not sure if it's an order of operations issue or what. Any thoughts welcome.

[chaserx]

There's a pull-request on CodeforBoston/finda that does this nicely. codeforboston#149

[eeeschwartz]

I actually tried that back in June but it had a couple of quirks IIRC. Worth another shot though -might just need light refining.

Anyone interested in merging in the PR code and trying it out?

[ashleybot]

Initial blind merge of @isaacchansky's branch looks like we'll need to do some more tweaking.

[ashleybot]

Kind of getting there. It doesn't load the map until the first question is answered.

[isaacchansky]

Hey @ashleybot, I tried a merge myself and was getting a functional site, but with the survey contained entirely within the sidebar... looks like how the sidebar is being positioned in the mobile-layout PR is conflicting with how the survey is implemented. Let me know if I can do anything to help!