{"action":"created","issue":{"url":"https://api.github.com/repos/charterindex/application/issues/76","repository_url":"https://api.github.com/repos/charterindex/application","labels_url":"https://api.github.com/repos/charterindex/application/issues/76/labels{/name}","comments_url":"https://api.github.com/repos/charterindex/application/issues/76/comments","events_url":"https://api.github.com/repos/charterindex/application/issues/76/events","html_url":"https://github.com/charterindex/application/issues/76","id":311926870,"number":76,"title":"Landing page Search bar > Where? dropdown","user":{"login":"iteles","id":4185328,"avatar_url":"https://avatars0.githubusercontent.com/u/4185328?v=4","gravatar_id":"","url":"https://api.github.com/users/iteles","html_url":"https://github.com/iteles","followers_url":"https://api.github.com/users/iteles/followers","following_url":"https://api.github.com/users/iteles/following{/other_user}","gists_url":"https://api.github.com/users/iteles/gists{/gist_id}","starred_url":"https://api.github.com/users/iteles/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iteles/subscriptions","organizations_url":"https://api.github.com/users/iteles/orgs","repos_url":"https://api.github.com/users/iteles/repos","events_url":"https://api.github.com/users/iteles/events{/privacy}","received_events_url":"https://api.github.com/users/iteles/received_events","type":"User","site_admin":false},"labels":[{"id":869607729,"url":"https://api.github.com/repos/charterindex/application/labels/T2h","name":"T2h","color":"F7C6C7","default":false},{"id":869607725,"url":"https://api.github.com/repos/charterindex/application/labels/T4h","name":"T4h","color":"F7C6C7","default":false},{"id":869607716,"url":"https://api.github.com/repos/charterindex/application/labels/priority-2","name":"priority-2","color":"1976D2","default":false},{"id":869534240,"url":"https://api.github.com/repos/charterindex/application/labels/question","name":"question","color":"d876e3","default":true}],"state":"open","locked":false,"assignee":{"login":"SimonLab","id":6057298,"avatar_url":"https://avatars2.githubusercontent.com/u/6057298?v=4","gravatar_id":"","url":"https://api.github.com/users/SimonLab","html_url":"https://github.com/SimonLab","followers_url":"https://api.github.com/users/SimonLab/followers","following_url":"https://api.github.com/users/SimonLab/following{/other_user}","gists_url":"https://api.github.com/users/SimonLab/gists{/gist_id}","starred_url":"https://api.github.com/users/SimonLab/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SimonLab/subscriptions","organizations_url":"https://api.github.com/users/SimonLab/orgs","repos_url":"https://api.github.com/users/SimonLab/repos","events_url":"https://api.github.com/users/SimonLab/events{/privacy}","received_events_url":"https://api.github.com/users/SimonLab/received_events","type":"User","site_admin":false},"assignees":[{"login":"SimonLab","id":6057298,"avatar_url":"https://avatars2.githubusercontent.com/u/6057298?v=4","gravatar_id":"","url":"https://api.github.com/users/SimonLab","html_url":"https://github.com/SimonLab","followers_url":"https://api.github.com/users/SimonLab/followers","following_url":"https://api.github.com/users/SimonLab/following{/other_user}","gists_url":"https://api.github.com/users/SimonLab/gists{/gist_id}","starred_url":"https://api.github.com/users/SimonLab/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SimonLab/subscriptions","organizations_url":"https://api.github.com/users/SimonLab/orgs","repos_url":"https://api.github.com/users/SimonLab/repos","events_url":"https://api.github.com/users/SimonLab/events{/privacy}","received_events_url":"https://api.github.com/users/SimonLab/received_events","type":"User","site_admin":false},{"login":"Cleop","id":16775804,"avatar_url":"https://avatars3.githubusercontent.com/u/16775804?v=4","gravatar_id":"","url":"https://api.github.com/users/Cleop","html_url":"https://github.com/Cleop","followers_url":"https://api.github.com/users/Cleop/followers","following_url":"https://api.github.com/users/Cleop/following{/other_user}","gists_url":"https://api.github.com/users/Cleop/gists{/gist_id}","starred_url":"https://api.github.com/users/Cleop/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Cleop/subscriptions","organizations_url":"https://api.github.com/users/Cleop/orgs","repos_url":"https://api.github.com/users/Cleop/repos","events_url":"https://api.github.com/users/Cleop/events{/privacy}","received_events_url":"https://api.github.com/users/Cleop/received_events","type":"User","site_admin":false},{"login":"chriswebley","id":36406293,"avatar_url":"https://avatars3.githubusercontent.com/u/36406293?v=4","gravatar_id":"","url":"https://api.github.com/users/chriswebley","html_url":"https://github.com/chriswebley","followers_url":"https://api.github.com/users/chriswebley/followers","following_url":"https://api.github.com/users/chriswebley/following{/other_user}","gists_url":"https://api.github.com/users/chriswebley/gists{/gist_id}","starred_url":"https://api.github.com/users/chriswebley/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chriswebley/subscriptions","organizations_url":"https://api.github.com/users/chriswebley/orgs","repos_url":"https://api.github.com/users/chriswebley/repos","events_url":"https://api.github.com/users/chriswebley/events{/privacy}","received_events_url":"https://api.github.com/users/chriswebley/received_events","type":"User","site_admin":false}],"milestone":null,"comments":4,"created_at":"2018-04-06T10:32:36Z","updated_at":"2018-04-06T14:14:53Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"As a CI customer \r\nI want to be able to quickly and easily search for yachts in the specific location I want to go on holiday\r\nSo that I don't have to sift through hundreds of irrelevant search results.\r\n\r\n## Acceptance Criteria\r\n+ [x] Dropdown list of _areas_ appears when arrow in the `Where?` section is clicked (will not include 'sub-areas' on the homepage as list would be too long)\r\n+ [x] Includes placeholder texts `Where?` (not the remaining text from designs)\r\n+ [x] Only one location can be selected at a time\r\n+ [x] Selecting a location is not _mandatory_ (this field can be left blank in the search)\r\n+ [x] For this initial version, dropdown list comes from a static file provided by @PeterTrotter \r\n+ [ ] Dropdown will be styled as per designs\r\n  + [x] Note: No 'location pin' icon required as this doesn't make sense for a dropdown (can be added post-MVP if this becomes an input field)\r\n+ [ ] Desktop only: When area is chosen, it appears as a `pill` in the search bar, with an `X` next to it\r\n  + Note: This pattern will be reused extensive so it would be advantageous to spend the time to make this component as reusable as possible\r\n<img src=\"https://user-images.githubusercontent.com/16775804/38045598-208af1fa-32b5-11e8-8a5d-0829215a85b4.png\" width=150px />\r\n\r\n+ [x] When `X` is clicked, the selected area disappears and the original drop-down replaces it\r\n+ [x] Transitions are smooth and do not refresh the page\r\n+ [ ] Behaviour with JavaScript switched off is tested and documented in this issue for PO\r\n\r\n**Desktop view:**\r\n![image](https://user-images.githubusercontent.com/16775804/38044404-8f2fe1d2-32b1-11e8-8f2b-92fe5bca8f47.png)\r\n**Mobile view:**\r\n<img src=\"https://user-images.githubusercontent.com/16775804/38044430-a3748792-32b1-11e8-9527-90d6e07ebfb9.png\" width=200px />"},"comment":{"url":"https://api.github.com/repos/charterindex/application/issues/comments/379266503","html_url":"https://github.com/charterindex/application/issues/76#issuecomment-379266503","issue_url":"https://api.github.com/repos/charterindex/application/issues/76","id":379266503,"user":{"login":"Cleop","id":16775804,"avatar_url":"https://avatars3.githubusercontent.com/u/16775804?v=4","gravatar_id":"","url":"https://api.github.com/users/Cleop","html_url":"https://github.com/Cleop","followers_url":"https://api.github.com/users/Cleop/followers","following_url":"https://api.github.com/users/Cleop/following{/other_user}","gists_url":"https://api.github.com/users/Cleop/gists{/gist_id}","starred_url":"https://api.github.com/users/Cleop/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Cleop/subscriptions","organizations_url":"https://api.github.com/users/Cleop/orgs","repos_url":"https://api.github.com/users/Cleop/repos","events_url":"https://api.github.com/users/Cleop/events{/privacy}","received_events_url":"https://api.github.com/users/Cleop/received_events","type":"User","site_admin":false},"created_at":"2018-04-06T14:14:53Z","updated_at":"2018-04-06T14:14:53Z","author_association":"CONTRIBUTOR","body":"pa11y gives us a contrast warning on the shade of grey on the dropdown menu options:\r\n```\r\n  This element has insufficient contrast at this conformance level. Expected a contrast\r\n   ratio of at least 4.5:1, but text in this element has a contrast ratio of 1.14:1.\r\n   Recommendation: change text colour to #161616.\r\n```\r\n"}}
{"actor":{"display_login":"Cleop"}}