{"action":"created","issue":{"url":"https://api.github.com/repos/18F/openFEC-web-app/issues/270","labels_url":"https://api.github.com/repos/18F/openFEC-web-app/issues/270/labels{/name}","comments_url":"https://api.github.com/repos/18F/openFEC-web-app/issues/270/comments","events_url":"https://api.github.com/repos/18F/openFEC-web-app/issues/270/events","html_url":"https://github.com/18F/openFEC-web-app/pull/270","id":88503925,"number":270,"title":"Creating dropdowns with list of checkboxes","user":{"login":"noahmanger","id":1696495,"avatar_url":"https://avatars.githubusercontent.com/u/1696495?v=3","gravatar_id":"","url":"https://api.github.com/users/noahmanger","html_url":"https://github.com/noahmanger","followers_url":"https://api.github.com/users/noahmanger/followers","following_url":"https://api.github.com/users/noahmanger/following{/other_user}","gists_url":"https://api.github.com/users/noahmanger/gists{/gist_id}","starred_url":"https://api.github.com/users/noahmanger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/noahmanger/subscriptions","organizations_url":"https://api.github.com/users/noahmanger/orgs","repos_url":"https://api.github.com/users/noahmanger/repos","events_url":"https://api.github.com/users/noahmanger/events{/privacy}","received_events_url":"https://api.github.com/users/noahmanger/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/18F/openFEC-web-app/labels/in%20progress","name":"in progress","color":"ededed"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-06-15T18:32:09Z","updated_at":"2015-06-18T00:24:33Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/18F/openFEC-web-app/pulls/270","html_url":"https://github.com/18F/openFEC-web-app/pull/270","diff_url":"https://github.com/18F/openFEC-web-app/pull/270.diff","patch_url":"https://github.com/18F/openFEC-web-app/pull/270.patch"},"body":"This is a work in progress, but wanted to show what I'm working on for the UI at least. \r\n\r\nBegin with a dropdown button:\r\n\r\n![screen shot 2015-06-15 at 2 29 18 pm](https://cloud.githubusercontent.com/assets/1696495/8167256/f89186bc-136a-11e5-90af-86aa1557cde3.png)\r\n\r\nWhen you click, a list of checkboxes appears:\r\n\r\n![screen shot 2015-06-15 at 2 29 28 pm](https://cloud.githubusercontent.com/assets/1696495/8167258/00191bd4-136b-11e5-8716-26d1aa7341b5.png)\r\n\r\nThe list is limited to a certain height, but you scroll within it. Click on the button again to hide the list.\r\n\r\nOne thing I'm not certain about is how to signify if there are filters selected. Do you change the text on the button to say which filters are selected? Change it to be generic like \"2 filters selected\", or just show a different color or something? Ideas? @jenniferthibault ?\r\n\r\nAlso, @jmcarp take a look at the code and let me know if that makes sense. I was thinking that it's probably best to wrap each thing in a `<fieldset>` with the name set to the appropriate filter. "},"comment":{"url":"https://api.github.com/repos/18F/openFEC-web-app/issues/comments/112986427","html_url":"https://github.com/18F/openFEC-web-app/pull/270#issuecomment-112986427","issue_url":"https://api.github.com/repos/18F/openFEC-web-app/issues/270","id":112986427,"user":{"login":"noahmanger","id":1696495,"avatar_url":"https://avatars.githubusercontent.com/u/1696495?v=3","gravatar_id":"","url":"https://api.github.com/users/noahmanger","html_url":"https://github.com/noahmanger","followers_url":"https://api.github.com/users/noahmanger/followers","following_url":"https://api.github.com/users/noahmanger/following{/other_user}","gists_url":"https://api.github.com/users/noahmanger/gists{/gist_id}","starred_url":"https://api.github.com/users/noahmanger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/noahmanger/subscriptions","organizations_url":"https://api.github.com/users/noahmanger/orgs","repos_url":"https://api.github.com/users/noahmanger/repos","events_url":"https://api.github.com/users/noahmanger/events{/privacy}","received_events_url":"https://api.github.com/users/noahmanger/received_events","type":"User","site_admin":false},"created_at":"2015-06-18T00:24:33Z","updated_at":"2015-06-18T00:24:33Z","body":"So I'm playing around with this pattern where the dropdown contains all additional options, but selecting one moves it above, that way you can easily see all applied filters:\r\n\r\n![multiselect](https://cloud.githubusercontent.com/assets/1696495/8221618/9bfc2194-1515-11e5-9a61-c643f640acb6.png)\r\n\r\nIt also allows us to choose to force certain common filters to always be visible, even when not checked (i'm thinking like the common party choices) while hiding the rest. Thoughts?\r\n\r\n"}}