{"action":"created","issue":{"url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/issues/134","repository_url":"https://api.github.com/repos/Ticketfly/ticketfly-ui","labels_url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/issues/134/labels{/name}","comments_url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/issues/134/comments","events_url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/issues/134/events","html_url":"https://github.com/Ticketfly/ticketfly-ui/pull/134","id":180157974,"number":134,"title":"Adds Code Snippet Support","user":{"login":"spencer516","id":2889608,"avatar_url":"https://avatars.githubusercontent.com/u/2889608?v=3","gravatar_id":"","url":"https://api.github.com/users/spencer516","html_url":"https://github.com/spencer516","followers_url":"https://api.github.com/users/spencer516/followers","following_url":"https://api.github.com/users/spencer516/following{/other_user}","gists_url":"https://api.github.com/users/spencer516/gists{/gist_id}","starred_url":"https://api.github.com/users/spencer516/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/spencer516/subscriptions","organizations_url":"https://api.github.com/users/spencer516/orgs","repos_url":"https://api.github.com/users/spencer516/repos","events_url":"https://api.github.com/users/spencer516/events{/privacy}","received_events_url":"https://api.github.com/users/spencer516/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/labels/in%20progress","name":"in progress","color":"ededed"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-09-29T20:44:10Z","updated_at":"2016-09-29T20:54:50Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/pulls/134","html_url":"https://github.com/Ticketfly/ticketfly-ui/pull/134","diff_url":"https://github.com/Ticketfly/ticketfly-ui/pull/134.diff","patch_url":"https://github.com/Ticketfly/ticketfly-ui/pull/134.patch"},"body":"This is not a \"must-merge\" — but in the spirit of moving this forward based on the conversation on Tuesday, this PR adds support for automatically generated code snippets. I opted to use an accordion, but probably worthwhile getting some design input wether this is how it should look:\r\n\r\n(The only example I added was to the Buttons page):\r\n\r\n<img width=\"1153\" alt=\"screen shot 2016-09-29 at 1 38 09 pm\" src=\"https://cloud.githubusercontent.com/assets/2889608/18971556/474d57c4-864a-11e6-8a37-7e885666dc26.png\">\r\n\r\nAnd, with the code sample toggled open:\r\n\r\n<img width=\"1158\" alt=\"screen shot 2016-09-29 at 1 38 17 pm\" src=\"https://cloud.githubusercontent.com/assets/2889608/18971561/504a79c4-864a-11e6-883d-63309a3431e0.png\">\r\n\r\nIn order to add the code snippet, a few comments and a single component are required: \r\n\r\n```hbs\r\n{{!-- BEGIN-SNIPPET buttons-primary --}}\r\n<div class=\"margin-bottom-1\">\r\n  <button class=\"button primary\">primary</button>\r\n  <button class=\"button\">default</button>\r\n</div>\r\n{{!-- END-SNIPPET --}}\r\n\r\n{{tf-code-snippet \"buttons-primary\"}}\r\n```\r\n\r\nThe `tf-code-snippet` can also be invoked with a block to change the title, and a second inline argument for the code rendering format (were this from a javascript file, for example — `hbs` is the default):\r\n\r\n```hbs\r\n{{#tf-code-snippet \"component-example\" \"js\"}}\r\n  Component Example\r\n{{/tf-code-snippet}}\r\n```\r\n\r\n@Ticketfly/frontenders @Ticketfly/designers "},"comment":{"url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/issues/comments/250588440","html_url":"https://github.com/Ticketfly/ticketfly-ui/pull/134#issuecomment-250588440","issue_url":"https://api.github.com/repos/Ticketfly/ticketfly-ui/issues/134","id":250588440,"user":{"login":"melissaroman","id":7133272,"avatar_url":"https://avatars.githubusercontent.com/u/7133272?v=3","gravatar_id":"","url":"https://api.github.com/users/melissaroman","html_url":"https://github.com/melissaroman","followers_url":"https://api.github.com/users/melissaroman/followers","following_url":"https://api.github.com/users/melissaroman/following{/other_user}","gists_url":"https://api.github.com/users/melissaroman/gists{/gist_id}","starred_url":"https://api.github.com/users/melissaroman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/melissaroman/subscriptions","organizations_url":"https://api.github.com/users/melissaroman/orgs","repos_url":"https://api.github.com/users/melissaroman/repos","events_url":"https://api.github.com/users/melissaroman/events{/privacy}","received_events_url":"https://api.github.com/users/melissaroman/received_events","type":"User","site_admin":false},"created_at":"2016-09-29T20:54:50Z","updated_at":"2016-09-29T20:54:50Z","body":"@spencer516 This is super cool! Travis doesn't seem to like it but I think this is great!"}}
{"actor":{"display_login":"melissaroman"}}