{"action":"opened","number":1756,"pull_request":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/1756","id":28702873,"html_url":"https://github.com/Semantic-Org/Semantic-UI/pull/1756","diff_url":"https://github.com/Semantic-Org/Semantic-UI/pull/1756.diff","patch_url":"https://github.com/Semantic-Org/Semantic-UI/pull/1756.patch","issue_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1756","number":1756,"state":"open","locked":false,"title":"Codeblock","user":{"login":"ph7vc","id":5940454,"avatar_url":"https://avatars.githubusercontent.com/u/5940454?v=3","gravatar_id":"","url":"https://api.github.com/users/ph7vc","html_url":"https://github.com/ph7vc","followers_url":"https://api.github.com/users/ph7vc/followers","following_url":"https://api.github.com/users/ph7vc/following{/other_user}","gists_url":"https://api.github.com/users/ph7vc/gists{/gist_id}","starred_url":"https://api.github.com/users/ph7vc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ph7vc/subscriptions","organizations_url":"https://api.github.com/users/ph7vc/orgs","repos_url":"https://api.github.com/users/ph7vc/repos","events_url":"https://api.github.com/users/ph7vc/events{/privacy}","received_events_url":"https://api.github.com/users/ph7vc/received_events","type":"User","site_admin":false},"body":"Implements #1530 \r\n\r\nThis is a code block similar to what you might see on Github or Google Code.\r\n\r\nI tried to stay consistent to the Semantic-UI standards. I wasn't sure what category this fit under, so I made it a `view`.\r\nI pulled styles from other places in the framework and tried to use as many global variables as possible.\r\n\r\nIt is modular meaning that parts can be taken in and out as desired.\r\n\r\n**Features**:\r\n* Header container\r\n * For things like a file name, or actions that can be done on that code\r\n * Is attached to the top of the codeblock\r\n* Code container\r\n * Where the actual code is hosted\r\n * It stands separate to the gutter, allowing for clean copying\r\n* Code gutter\r\n * Shows line numbers or indicative icons (such as Github's codefolding)\r\n* Footer container\r\n * Intended for meta information like file size or language\r\n * Has a divider element\r\n\r\n**Issues / Considerations**:\r\n* For the moment, I have not written any Javascript to do syntax highlighting or generate the line numbers for the gutter.\r\n* The gutter and code block MUST have the same `monospace` font, otherwise the alignment of the two will not be correct\r\n\r\n**Demo**: http://patcave.info/semantic-ui-codeblock/","created_at":"2015-02-05T06:51:11Z","updated_at":"2015-02-05T06:51:11Z","closed_at":null,"merged_at":null,"merge_commit_sha":null,"assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/1756/commits","review_comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/1756/comments","review_comment_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/comments/{number}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1756/comments","statuses_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/statuses/0d0143193d6efc39ff7733434ab80e05bc346f11","head":{"label":"ph7vc:codeblock","ref":"codeblock","sha":"0d0143193d6efc39ff7733434ab80e05bc346f11","user":{"login":"ph7vc","id":5940454,"avatar_url":"https://avatars.githubusercontent.com/u/5940454?v=3","gravatar_id":"","url":"https://api.github.com/users/ph7vc","html_url":"https://github.com/ph7vc","followers_url":"https://api.github.com/users/ph7vc/followers","following_url":"https://api.github.com/users/ph7vc/following{/other_user}","gists_url":"https://api.github.com/users/ph7vc/gists{/gist_id}","starred_url":"https://api.github.com/users/ph7vc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ph7vc/subscriptions","organizations_url":"https://api.github.com/users/ph7vc/orgs","repos_url":"https://api.github.com/users/ph7vc/repos","events_url":"https://api.github.com/users/ph7vc/events{/privacy}","received_events_url":"https://api.github.com/users/ph7vc/received_events","type":"User","site_admin":false},"repo":{"id":29218781,"name":"Semantic-UI","full_name":"ph7vc/Semantic-UI","owner":{"login":"ph7vc","id":5940454,"avatar_url":"https://avatars.githubusercontent.com/u/5940454?v=3","gravatar_id":"","url":"https://api.github.com/users/ph7vc","html_url":"https://github.com/ph7vc","followers_url":"https://api.github.com/users/ph7vc/followers","following_url":"https://api.github.com/users/ph7vc/following{/other_user}","gists_url":"https://api.github.com/users/ph7vc/gists{/gist_id}","starred_url":"https://api.github.com/users/ph7vc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ph7vc/subscriptions","organizations_url":"https://api.github.com/users/ph7vc/orgs","repos_url":"https://api.github.com/users/ph7vc/repos","events_url":"https://api.github.com/users/ph7vc/events{/privacy}","received_events_url":"https://api.github.com/users/ph7vc/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/ph7vc/Semantic-UI","description":"Semantic is a UI component framework based around useful principles from natural language.","fork":true,"url":"https://api.github.com/repos/ph7vc/Semantic-UI","forks_url":"https://api.github.com/repos/ph7vc/Semantic-UI/forks","keys_url":"https://api.github.com/repos/ph7vc/Semantic-UI/keys{/key_id}","collaborators_url":"https://api.github.com/repos/ph7vc/Semantic-UI/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/ph7vc/Semantic-UI/teams","hooks_url":"https://api.github.com/repos/ph7vc/Semantic-UI/hooks","issue_events_url":"https://api.github.com/repos/ph7vc/Semantic-UI/issues/events{/number}","events_url":"https://api.github.com/repos/ph7vc/Semantic-UI/events","assignees_url":"https://api.github.com/repos/ph7vc/Semantic-UI/assignees{/user}","branches_url":"https://api.github.com/repos/ph7vc/Semantic-UI/branches{/branch}","tags_url":"https://api.github.com/repos/ph7vc/Semantic-UI/tags","blobs_url":"https://api.github.com/repos/ph7vc/Semantic-UI/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/ph7vc/Semantic-UI/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/ph7vc/Semantic-UI/git/refs{/sha}","trees_url":"https://api.github.com/repos/ph7vc/Semantic-UI/git/trees{/sha}","statuses_url":"https://api.github.com/repos/ph7vc/Semantic-UI/statuses/{sha}","languages_url":"https://api.github.com/repos/ph7vc/Semantic-UI/languages","stargazers_url":"https://api.github.com/repos/ph7vc/Semantic-UI/stargazers","contributors_url":"https://api.github.com/repos/ph7vc/Semantic-UI/contributors","subscribers_url":"https://api.github.com/repos/ph7vc/Semantic-UI/subscribers","subscription_url":"https://api.github.com/repos/ph7vc/Semantic-UI/subscription","commits_url":"https://api.github.com/repos/ph7vc/Semantic-UI/commits{/sha}","git_commits_url":"https://api.github.com/repos/ph7vc/Semantic-UI/git/commits{/sha}","comments_url":"https://api.github.com/repos/ph7vc/Semantic-UI/comments{/number}","issue_comment_url":"https://api.github.com/repos/ph7vc/Semantic-UI/issues/comments/{number}","contents_url":"https://api.github.com/repos/ph7vc/Semantic-UI/contents/{+path}","compare_url":"https://api.github.com/repos/ph7vc/Semantic-UI/compare/{base}...{head}","merges_url":"https://api.github.com/repos/ph7vc/Semantic-UI/merges","archive_url":"https://api.github.com/repos/ph7vc/Semantic-UI/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/ph7vc/Semantic-UI/downloads","issues_url":"https://api.github.com/repos/ph7vc/Semantic-UI/issues{/number}","pulls_url":"https://api.github.com/repos/ph7vc/Semantic-UI/pulls{/number}","milestones_url":"https://api.github.com/repos/ph7vc/Semantic-UI/milestones{/number}","notifications_url":"https://api.github.com/repos/ph7vc/Semantic-UI/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/ph7vc/Semantic-UI/labels{/name}","releases_url":"https://api.github.com/repos/ph7vc/Semantic-UI/releases{/id}","created_at":"2015-01-14T00:19:25Z","updated_at":"2015-02-04T22:39:16Z","pushed_at":"2015-02-05T06:25:20Z","git_url":"git://github.com/ph7vc/Semantic-UI.git","ssh_url":"git@github.com:ph7vc/Semantic-UI.git","clone_url":"https://github.com/ph7vc/Semantic-UI.git","svn_url":"https://github.com/ph7vc/Semantic-UI","homepage":"http://www.semantic-ui.com","size":71455,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"Semantic-Org:master","ref":"master","sha":"5e321b5fe310d9892d7b117a769879688bc9ff11","user":{"login":"Semantic-Org","id":5796209,"avatar_url":"https://avatars.githubusercontent.com/u/5796209?v=3","gravatar_id":"","url":"https://api.github.com/users/Semantic-Org","html_url":"https://github.com/Semantic-Org","followers_url":"https://api.github.com/users/Semantic-Org/followers","following_url":"https://api.github.com/users/Semantic-Org/following{/other_user}","gists_url":"https://api.github.com/users/Semantic-Org/gists{/gist_id}","starred_url":"https://api.github.com/users/Semantic-Org/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Semantic-Org/subscriptions","organizations_url":"https://api.github.com/users/Semantic-Org/orgs","repos_url":"https://api.github.com/users/Semantic-Org/repos","events_url":"https://api.github.com/users/Semantic-Org/events{/privacy}","received_events_url":"https://api.github.com/users/Semantic-Org/received_events","type":"Organization","site_admin":false},"repo":{"id":9309093,"name":"Semantic-UI","full_name":"Semantic-Org/Semantic-UI","owner":{"login":"Semantic-Org","id":5796209,"avatar_url":"https://avatars.githubusercontent.com/u/5796209?v=3","gravatar_id":"","url":"https://api.github.com/users/Semantic-Org","html_url":"https://github.com/Semantic-Org","followers_url":"https://api.github.com/users/Semantic-Org/followers","following_url":"https://api.github.com/users/Semantic-Org/following{/other_user}","gists_url":"https://api.github.com/users/Semantic-Org/gists{/gist_id}","starred_url":"https://api.github.com/users/Semantic-Org/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Semantic-Org/subscriptions","organizations_url":"https://api.github.com/users/Semantic-Org/orgs","repos_url":"https://api.github.com/users/Semantic-Org/repos","events_url":"https://api.github.com/users/Semantic-Org/events{/privacy}","received_events_url":"https://api.github.com/users/Semantic-Org/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Semantic-Org/Semantic-UI","description":"Semantic is a UI component framework based around useful principles from natural language.","fork":false,"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI","forks_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/forks","keys_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/teams","hooks_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/hooks","issue_events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/events{/number}","events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/events","assignees_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/assignees{/user}","branches_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/branches{/branch}","tags_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/tags","blobs_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/git/refs{/sha}","trees_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/statuses/{sha}","languages_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/languages","stargazers_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/stargazers","contributors_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/contributors","subscribers_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/subscribers","subscription_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/subscription","commits_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/commits{/sha}","git_commits_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/git/commits{/sha}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/comments{/number}","issue_comment_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/comments/{number}","contents_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/contents/{+path}","compare_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/merges","archive_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/downloads","issues_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues{/number}","pulls_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls{/number}","milestones_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/milestones{/number}","notifications_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/labels{/name}","releases_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/releases{/id}","created_at":"2013-04-08T23:32:04Z","updated_at":"2015-02-05T06:16:34Z","pushed_at":"2015-02-04T23:07:07Z","git_url":"git://github.com/Semantic-Org/Semantic-UI.git","ssh_url":"git@github.com:Semantic-Org/Semantic-UI.git","clone_url":"https://github.com/Semantic-Org/Semantic-UI.git","svn_url":"https://github.com/Semantic-Org/Semantic-UI","homepage":"http://www.semantic-ui.com","size":143333,"stargazers_count":14654,"watchers_count":14654,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1572,"mirror_url":null,"open_issues_count":173,"forks":1572,"open_issues":173,"watchers":14654,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/1756"},"html":{"href":"https://github.com/Semantic-Org/Semantic-UI/pull/1756"},"issue":{"href":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1756"},"comments":{"href":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1756/comments"},"review_comments":{"href":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/1756/comments"},"review_comment":{"href":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/comments/{number}"},"commits":{"href":"https://api.github.com/repos/Semantic-Org/Semantic-UI/pulls/1756/commits"},"statuses":{"href":"https://api.github.com/repos/Semantic-Org/Semantic-UI/statuses/0d0143193d6efc39ff7733434ab80e05bc346f11"}},"merged":false,"mergeable":null,"mergeable_state":"unknown","merged_by":null,"comments":0,"review_comments":0,"commits":4,"additions":389,"deletions":0,"changed_files":5}}