{"action":"created","comment":{"url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/comments/50534579","id":50534579,"diff_hunk":"@@ -48,17 +102,34 @@ module.exports = React.createClass({\n \n \trender () {\n \t\tlet inlineArticle;\n-\t\tlet inlineArticleButton;\n \n-\t\tif (this.state.opened) {\n+\t\tif (this.state.articleExpanded) {\n \t\t\tinlineArticle = (\n-\t\t\t\t<div className=\"card-openable--article\" dangerouslySetInnerHTML={this.renderInlineArticle()} />\n+\t\t\t\t<div className=\"card-openable__article\" dangerouslySetInnerHTML={this.renderInlineArticle()} />\n \t\t\t);\n \t\t}\n-\t\tinlineArticleButton = <div className=\"card-openable--article-open__wrapper\"><a className=\"card-openable--article-open__link\" onClick={this.handleClick} data-trackable={`article-${this.state.opened}`}>{`${this.state.linkLabel}`}</a></div>;\n \n \t\treturn (\n-\t\t\t<div ref={(c) => this._article = c} className=\"inline-article\">{inlineArticle}{inlineArticleButton}</div>\n+\t\t\t<div\n+\t\t\t\t\tref=\"content\"\n+\t\t\t\t\tid={`id-${this.props.item.id}`}\n+\t\t\t\t\ttabIndex=\"-1\"\n+\t\t\t\t\taria-expanded={`${this.state.articleExpanded}`}\n+\t\t\t\t\tclassName={`${this.state.articleExpanded ? 'card-openable__inline-article--is-open' : ''}`}>\n+\t\t\t\t<p className=\"card-openable__subheading\">{this.props.item.subheading}</p>\n+\t\t\t\t{inlineArticle}\n+\t\t\t\t<div className=\"card-openable__article-open-wrapper\">\n+\t\t\t\t\t<button\n+\t\t\t\t\t\tref=\"button\"\n+\t\t\t\t\t\taria-controls={`id-${this.props.item.id}`}\n+\t\t\t\t\t\taria-busy={`${this.state.articleLoading}`}","path":"components/card-open-in-stream/inline-article/index.js","position":156,"original_position":156,"commit_id":"b16a0a0870c36c542630c50719e04c223cc75b2f","original_commit_id":"b16a0a0870c36c542630c50719e04c223cc75b2f","user":{"login":"i-like-robots","id":271645,"avatar_url":"https://avatars.githubusercontent.com/u/271645?v=3","gravatar_id":"","url":"https://api.github.com/users/i-like-robots","html_url":"https://github.com/i-like-robots","followers_url":"https://api.github.com/users/i-like-robots/followers","following_url":"https://api.github.com/users/i-like-robots/following{/other_user}","gists_url":"https://api.github.com/users/i-like-robots/gists{/gist_id}","starred_url":"https://api.github.com/users/i-like-robots/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/i-like-robots/subscriptions","organizations_url":"https://api.github.com/users/i-like-robots/orgs","repos_url":"https://api.github.com/users/i-like-robots/repos","events_url":"https://api.github.com/users/i-like-robots/events{/privacy}","received_events_url":"https://api.github.com/users/i-like-robots/received_events","type":"User","site_admin":false},"body":"`aria-busy={this.state.articleLoading}` is fine","created_at":"2016-01-22T13:08:44Z","updated_at":"2016-01-22T13:08:44Z","html_url":"https://github.com/Financial-Times/next-stream-page/pull/860#discussion_r50534579","pull_request_url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860","_links":{"self":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/comments/50534579"},"html":{"href":"https://github.com/Financial-Times/next-stream-page/pull/860#discussion_r50534579"},"pull_request":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860"}}},"pull_request":{"url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860","id":56629610,"html_url":"https://github.com/Financial-Times/next-stream-page/pull/860","diff_url":"https://github.com/Financial-Times/next-stream-page/pull/860.diff","patch_url":"https://github.com/Financial-Times/next-stream-page/pull/860.patch","issue_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/860","number":860,"state":"open","locked":false,"title":"[WIP] Open in stream enhancements","user":{"login":"andygnewman","id":8938227,"avatar_url":"https://avatars.githubusercontent.com/u/8938227?v=3","gravatar_id":"","url":"https://api.github.com/users/andygnewman","html_url":"https://github.com/andygnewman","followers_url":"https://api.github.com/users/andygnewman/followers","following_url":"https://api.github.com/users/andygnewman/following{/other_user}","gists_url":"https://api.github.com/users/andygnewman/gists{/gist_id}","starred_url":"https://api.github.com/users/andygnewman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andygnewman/subscriptions","organizations_url":"https://api.github.com/users/andygnewman/orgs","repos_url":"https://api.github.com/users/andygnewman/repos","events_url":"https://api.github.com/users/andygnewman/events{/privacy}","received_events_url":"https://api.github.com/users/andygnewman/received_events","type":"User","site_admin":false},"body":"- when opening article invokes barrier, direct reader to article page, stop rendering article fragment\r\n- better separation if concerns between react components\r\n- improved CSS naming\r\n- notify the user if unable to load the requested article","created_at":"2016-01-20T16:16:26Z","updated_at":"2016-01-22T13:08:44Z","closed_at":null,"merged_at":null,"merge_commit_sha":"2ac083f4b1fce6bcec1ae998c7c3ceecb42b2935","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860/commits","review_comments_url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860/comments","review_comment_url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/860/comments","statuses_url":"https://api.github.com/repos/Financial-Times/next-stream-page/statuses/b16a0a0870c36c542630c50719e04c223cc75b2f","head":{"label":"Financial-Times:open-in-stream-barriers","ref":"open-in-stream-barriers","sha":"b16a0a0870c36c542630c50719e04c223cc75b2f","user":{"login":"Financial-Times","id":3502508,"avatar_url":"https://avatars.githubusercontent.com/u/3502508?v=3","gravatar_id":"","url":"https://api.github.com/users/Financial-Times","html_url":"https://github.com/Financial-Times","followers_url":"https://api.github.com/users/Financial-Times/followers","following_url":"https://api.github.com/users/Financial-Times/following{/other_user}","gists_url":"https://api.github.com/users/Financial-Times/gists{/gist_id}","starred_url":"https://api.github.com/users/Financial-Times/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Financial-Times/subscriptions","organizations_url":"https://api.github.com/users/Financial-Times/orgs","repos_url":"https://api.github.com/users/Financial-Times/repos","events_url":"https://api.github.com/users/Financial-Times/events{/privacy}","received_events_url":"https://api.github.com/users/Financial-Times/received_events","type":"Organization","site_admin":false},"repo":{"id":24595604,"name":"next-stream-page","full_name":"Financial-Times/next-stream-page","owner":{"login":"Financial-Times","id":3502508,"avatar_url":"https://avatars.githubusercontent.com/u/3502508?v=3","gravatar_id":"","url":"https://api.github.com/users/Financial-Times","html_url":"https://github.com/Financial-Times","followers_url":"https://api.github.com/users/Financial-Times/followers","following_url":"https://api.github.com/users/Financial-Times/following{/other_user}","gists_url":"https://api.github.com/users/Financial-Times/gists{/gist_id}","starred_url":"https://api.github.com/users/Financial-Times/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Financial-Times/subscriptions","organizations_url":"https://api.github.com/users/Financial-Times/orgs","repos_url":"https://api.github.com/users/Financial-Times/repos","events_url":"https://api.github.com/users/Financial-Times/events{/privacy}","received_events_url":"https://api.github.com/users/Financial-Times/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Financial-Times/next-stream-page","description":"Streams","fork":false,"url":"https://api.github.com/repos/Financial-Times/next-stream-page","forks_url":"https://api.github.com/repos/Financial-Times/next-stream-page/forks","keys_url":"https://api.github.com/repos/Financial-Times/next-stream-page/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Financial-Times/next-stream-page/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Financial-Times/next-stream-page/teams","hooks_url":"https://api.github.com/repos/Financial-Times/next-stream-page/hooks","issue_events_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/events{/number}","events_url":"https://api.github.com/repos/Financial-Times/next-stream-page/events","assignees_url":"https://api.github.com/repos/Financial-Times/next-stream-page/assignees{/user}","branches_url":"https://api.github.com/repos/Financial-Times/next-stream-page/branches{/branch}","tags_url":"https://api.github.com/repos/Financial-Times/next-stream-page/tags","blobs_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/refs{/sha}","trees_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Financial-Times/next-stream-page/statuses/{sha}","languages_url":"https://api.github.com/repos/Financial-Times/next-stream-page/languages","stargazers_url":"https://api.github.com/repos/Financial-Times/next-stream-page/stargazers","contributors_url":"https://api.github.com/repos/Financial-Times/next-stream-page/contributors","subscribers_url":"https://api.github.com/repos/Financial-Times/next-stream-page/subscribers","subscription_url":"https://api.github.com/repos/Financial-Times/next-stream-page/subscription","commits_url":"https://api.github.com/repos/Financial-Times/next-stream-page/commits{/sha}","git_commits_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/commits{/sha}","comments_url":"https://api.github.com/repos/Financial-Times/next-stream-page/comments{/number}","issue_comment_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/comments{/number}","contents_url":"https://api.github.com/repos/Financial-Times/next-stream-page/contents/{+path}","compare_url":"https://api.github.com/repos/Financial-Times/next-stream-page/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Financial-Times/next-stream-page/merges","archive_url":"https://api.github.com/repos/Financial-Times/next-stream-page/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Financial-Times/next-stream-page/downloads","issues_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues{/number}","pulls_url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls{/number}","milestones_url":"https://api.github.com/repos/Financial-Times/next-stream-page/milestones{/number}","notifications_url":"https://api.github.com/repos/Financial-Times/next-stream-page/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Financial-Times/next-stream-page/labels{/name}","releases_url":"https://api.github.com/repos/Financial-Times/next-stream-page/releases{/id}","deployments_url":"https://api.github.com/repos/Financial-Times/next-stream-page/deployments","created_at":"2014-09-29T13:09:59Z","updated_at":"2016-01-12T12:35:16Z","pushed_at":"2016-01-22T13:01:51Z","git_url":"git://github.com/Financial-Times/next-stream-page.git","ssh_url":"git@github.com:Financial-Times/next-stream-page.git","clone_url":"https://github.com/Financial-Times/next-stream-page.git","svn_url":"https://github.com/Financial-Times/next-stream-page","homepage":"","size":6460,"stargazers_count":1,"watchers_count":1,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":2,"mirror_url":null,"open_issues_count":14,"forks":2,"open_issues":14,"watchers":1,"default_branch":"master"}},"base":{"label":"Financial-Times:master","ref":"master","sha":"525d57698c0b9c183ee48bc4acae2f1386aa968c","user":{"login":"Financial-Times","id":3502508,"avatar_url":"https://avatars.githubusercontent.com/u/3502508?v=3","gravatar_id":"","url":"https://api.github.com/users/Financial-Times","html_url":"https://github.com/Financial-Times","followers_url":"https://api.github.com/users/Financial-Times/followers","following_url":"https://api.github.com/users/Financial-Times/following{/other_user}","gists_url":"https://api.github.com/users/Financial-Times/gists{/gist_id}","starred_url":"https://api.github.com/users/Financial-Times/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Financial-Times/subscriptions","organizations_url":"https://api.github.com/users/Financial-Times/orgs","repos_url":"https://api.github.com/users/Financial-Times/repos","events_url":"https://api.github.com/users/Financial-Times/events{/privacy}","received_events_url":"https://api.github.com/users/Financial-Times/received_events","type":"Organization","site_admin":false},"repo":{"id":24595604,"name":"next-stream-page","full_name":"Financial-Times/next-stream-page","owner":{"login":"Financial-Times","id":3502508,"avatar_url":"https://avatars.githubusercontent.com/u/3502508?v=3","gravatar_id":"","url":"https://api.github.com/users/Financial-Times","html_url":"https://github.com/Financial-Times","followers_url":"https://api.github.com/users/Financial-Times/followers","following_url":"https://api.github.com/users/Financial-Times/following{/other_user}","gists_url":"https://api.github.com/users/Financial-Times/gists{/gist_id}","starred_url":"https://api.github.com/users/Financial-Times/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Financial-Times/subscriptions","organizations_url":"https://api.github.com/users/Financial-Times/orgs","repos_url":"https://api.github.com/users/Financial-Times/repos","events_url":"https://api.github.com/users/Financial-Times/events{/privacy}","received_events_url":"https://api.github.com/users/Financial-Times/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Financial-Times/next-stream-page","description":"Streams","fork":false,"url":"https://api.github.com/repos/Financial-Times/next-stream-page","forks_url":"https://api.github.com/repos/Financial-Times/next-stream-page/forks","keys_url":"https://api.github.com/repos/Financial-Times/next-stream-page/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Financial-Times/next-stream-page/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Financial-Times/next-stream-page/teams","hooks_url":"https://api.github.com/repos/Financial-Times/next-stream-page/hooks","issue_events_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/events{/number}","events_url":"https://api.github.com/repos/Financial-Times/next-stream-page/events","assignees_url":"https://api.github.com/repos/Financial-Times/next-stream-page/assignees{/user}","branches_url":"https://api.github.com/repos/Financial-Times/next-stream-page/branches{/branch}","tags_url":"https://api.github.com/repos/Financial-Times/next-stream-page/tags","blobs_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/refs{/sha}","trees_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Financial-Times/next-stream-page/statuses/{sha}","languages_url":"https://api.github.com/repos/Financial-Times/next-stream-page/languages","stargazers_url":"https://api.github.com/repos/Financial-Times/next-stream-page/stargazers","contributors_url":"https://api.github.com/repos/Financial-Times/next-stream-page/contributors","subscribers_url":"https://api.github.com/repos/Financial-Times/next-stream-page/subscribers","subscription_url":"https://api.github.com/repos/Financial-Times/next-stream-page/subscription","commits_url":"https://api.github.com/repos/Financial-Times/next-stream-page/commits{/sha}","git_commits_url":"https://api.github.com/repos/Financial-Times/next-stream-page/git/commits{/sha}","comments_url":"https://api.github.com/repos/Financial-Times/next-stream-page/comments{/number}","issue_comment_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/comments{/number}","contents_url":"https://api.github.com/repos/Financial-Times/next-stream-page/contents/{+path}","compare_url":"https://api.github.com/repos/Financial-Times/next-stream-page/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Financial-Times/next-stream-page/merges","archive_url":"https://api.github.com/repos/Financial-Times/next-stream-page/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Financial-Times/next-stream-page/downloads","issues_url":"https://api.github.com/repos/Financial-Times/next-stream-page/issues{/number}","pulls_url":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls{/number}","milestones_url":"https://api.github.com/repos/Financial-Times/next-stream-page/milestones{/number}","notifications_url":"https://api.github.com/repos/Financial-Times/next-stream-page/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Financial-Times/next-stream-page/labels{/name}","releases_url":"https://api.github.com/repos/Financial-Times/next-stream-page/releases{/id}","deployments_url":"https://api.github.com/repos/Financial-Times/next-stream-page/deployments","created_at":"2014-09-29T13:09:59Z","updated_at":"2016-01-12T12:35:16Z","pushed_at":"2016-01-22T13:01:51Z","git_url":"git://github.com/Financial-Times/next-stream-page.git","ssh_url":"git@github.com:Financial-Times/next-stream-page.git","clone_url":"https://github.com/Financial-Times/next-stream-page.git","svn_url":"https://github.com/Financial-Times/next-stream-page","homepage":"","size":6460,"stargazers_count":1,"watchers_count":1,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":2,"mirror_url":null,"open_issues_count":14,"forks":2,"open_issues":14,"watchers":1,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860"},"html":{"href":"https://github.com/Financial-Times/next-stream-page/pull/860"},"issue":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/860"},"comments":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/issues/860/comments"},"review_comments":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860/comments"},"review_comment":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/pulls/860/commits"},"statuses":{"href":"https://api.github.com/repos/Financial-Times/next-stream-page/statuses/b16a0a0870c36c542630c50719e04c223cc75b2f"}}}}