{"action":"created","comment":{"url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/comments/187311077","pull_request_review_id":119063826,"id":187311077,"diff_hunk":"@@ -0,0 +1,89 @@\n+<template>\n+    <div class=\"collapsable-header\" @click=\"_collapsed = !_collapsed\">\n+        <div class=\"title\">{{ title }}</div>\n+        <div class=\"caret\">\n+            <croud-dropdown-indicator-button :collapsed=\"_collapsed\"/>\n+        </div>\n+    </div>\n+</template>\n+\n+<script>\n+    import CroudDropdownIndicatorButton from '../buttons/DropdownIndicatorButton'\n+\n+    /**\n+    * A basic toggle header showing a collapsed or expanded state\n+    *\n+    * @example ./croud-toggle-header.md\n+    */\n+    export default {\n+        name: 'croud-toggle-header',\n+\n+        components: {\n+            CroudDropdownIndicatorButton,\n+        },\n+\n+        props: {\n+            /**\n+             * Set the title of the header\n+             */\n+            title: {\n+                type: String,\n+                default: 'Title',\n+            },\n+\n+            /**\n+             * Collapsed prop - emits update:collapsed event compatible with prop.sync\n+             */\n+            collapsed: {\n+                type: Boolean,\n+                default: false,\n+            },\n+        },\n+\n+        computed: {\n+            _collapsed: {\n+                get() {\n+                    return this.collapsed\n+                },\n+                set(val) {\n+                    this.$emit('update:collapsed', val)\n+                },\n+            },\n+        },\n+    }\n+</script>\n+\n+<style lang=\"scss\" scoped>\n+    @import '../../../resources/sass/variables/_all.scss';\n+\n+    $border-size: 1px;\n+    $border-colour: $croud-colour-grey-lighter;\n+\n+    .collapsable-header {\n+        display: flex;\n+        align-items: center;\n+        height: 35px;\n+        width: 100%;\n+        border: solid $border-size $border-colour;\n+        padding: 0 10px;\n+\n+        font-family: $croud-font-body;\n+        color: $croud-colour-black;\n+        font-size: $croud-font-size-medium;\n+        font-weight: 800;\n+        text-transform: capitalize;\n+\n+        cursor: pointer;\n+\n+        .title {\n+            width: 90%;","path":"src/components/shared/layout/toggleHeader.vue","position":null,"original_position":79,"commit_id":"6fd0a3aad626e334425ce826a76ce6fe50f72cf3","original_commit_id":"62bd3978a39501da4a8749452be628ab951ea343","user":{"login":"kingy04","id":14903272,"avatar_url":"https://avatars1.githubusercontent.com/u/14903272?v=4","gravatar_id":"","url":"https://api.github.com/users/kingy04","html_url":"https://github.com/kingy04","followers_url":"https://api.github.com/users/kingy04/followers","following_url":"https://api.github.com/users/kingy04/following{/other_user}","gists_url":"https://api.github.com/users/kingy04/gists{/gist_id}","starred_url":"https://api.github.com/users/kingy04/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kingy04/subscriptions","organizations_url":"https://api.github.com/users/kingy04/orgs","repos_url":"https://api.github.com/users/kingy04/repos","events_url":"https://api.github.com/users/kingy04/events{/privacy}","received_events_url":"https://api.github.com/users/kingy04/received_events","type":"User","site_admin":false},"body":"Thanks for the example/article, i have cleaned up the styles.","created_at":"2018-05-10T12:04:06Z","updated_at":"2018-05-10T12:04:06Z","html_url":"https://github.com/CroudTech/Croud-Style-Guide/pull/80#discussion_r187311077","pull_request_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80","author_association":"COLLABORATOR","_links":{"self":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/comments/187311077"},"html":{"href":"https://github.com/CroudTech/Croud-Style-Guide/pull/80#discussion_r187311077"},"pull_request":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80"}},"in_reply_to_id":187275307},"pull_request":{"url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80","id":187132762,"html_url":"https://github.com/CroudTech/Croud-Style-Guide/pull/80","diff_url":"https://github.com/CroudTech/Croud-Style-Guide/pull/80.diff","patch_url":"https://github.com/CroudTech/Croud-Style-Guide/pull/80.patch","issue_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/80","number":80,"state":"open","locked":false,"title":"Feature/cc 1242 dropdown header component","user":{"login":"kingy04","id":14903272,"avatar_url":"https://avatars1.githubusercontent.com/u/14903272?v=4","gravatar_id":"","url":"https://api.github.com/users/kingy04","html_url":"https://github.com/kingy04","followers_url":"https://api.github.com/users/kingy04/followers","following_url":"https://api.github.com/users/kingy04/following{/other_user}","gists_url":"https://api.github.com/users/kingy04/gists{/gist_id}","starred_url":"https://api.github.com/users/kingy04/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kingy04/subscriptions","organizations_url":"https://api.github.com/users/kingy04/orgs","repos_url":"https://api.github.com/users/kingy04/repos","events_url":"https://api.github.com/users/kingy04/events{/privacy}","received_events_url":"https://api.github.com/users/kingy04/received_events","type":"User","site_admin":false},"body":"Brings in a toggle header component to be used with the Gantt, also includes new atomic components for our standard Arrow icon as created by Brock and utilised in the header component.","created_at":"2018-05-10T08:35:41Z","updated_at":"2018-05-10T12:04:06Z","closed_at":null,"merged_at":null,"merge_commit_sha":"a2617030519e2cdc85f9e85139f5e0cbf865c887","assignee":null,"assignees":[],"requested_reviewers":[{"login":"paul-watkins-croud","id":14161025,"avatar_url":"https://avatars0.githubusercontent.com/u/14161025?v=4","gravatar_id":"","url":"https://api.github.com/users/paul-watkins-croud","html_url":"https://github.com/paul-watkins-croud","followers_url":"https://api.github.com/users/paul-watkins-croud/followers","following_url":"https://api.github.com/users/paul-watkins-croud/following{/other_user}","gists_url":"https://api.github.com/users/paul-watkins-croud/gists{/gist_id}","starred_url":"https://api.github.com/users/paul-watkins-croud/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/paul-watkins-croud/subscriptions","organizations_url":"https://api.github.com/users/paul-watkins-croud/orgs","repos_url":"https://api.github.com/users/paul-watkins-croud/repos","events_url":"https://api.github.com/users/paul-watkins-croud/events{/privacy}","received_events_url":"https://api.github.com/users/paul-watkins-croud/received_events","type":"User","site_admin":false}],"requested_teams":[],"labels":[{"id":635512989,"url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"milestone":null,"commits_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80/commits","review_comments_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80/comments","review_comment_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/comments{/number}","comments_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/80/comments","statuses_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/statuses/6fd0a3aad626e334425ce826a76ce6fe50f72cf3","head":{"label":"CroudTech:feature/CC-1242-dropdown-header-component","ref":"feature/CC-1242-dropdown-header-component","sha":"6fd0a3aad626e334425ce826a76ce6fe50f72cf3","user":{"login":"CroudTech","id":7942616,"avatar_url":"https://avatars0.githubusercontent.com/u/7942616?v=4","gravatar_id":"","url":"https://api.github.com/users/CroudTech","html_url":"https://github.com/CroudTech","followers_url":"https://api.github.com/users/CroudTech/followers","following_url":"https://api.github.com/users/CroudTech/following{/other_user}","gists_url":"https://api.github.com/users/CroudTech/gists{/gist_id}","starred_url":"https://api.github.com/users/CroudTech/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CroudTech/subscriptions","organizations_url":"https://api.github.com/users/CroudTech/orgs","repos_url":"https://api.github.com/users/CroudTech/repos","events_url":"https://api.github.com/users/CroudTech/events{/privacy}","received_events_url":"https://api.github.com/users/CroudTech/received_events","type":"Organization","site_admin":false},"repo":{"id":95598426,"name":"Croud-Style-Guide","full_name":"CroudTech/Croud-Style-Guide","owner":{"login":"CroudTech","id":7942616,"avatar_url":"https://avatars0.githubusercontent.com/u/7942616?v=4","gravatar_id":"","url":"https://api.github.com/users/CroudTech","html_url":"https://github.com/CroudTech","followers_url":"https://api.github.com/users/CroudTech/followers","following_url":"https://api.github.com/users/CroudTech/following{/other_user}","gists_url":"https://api.github.com/users/CroudTech/gists{/gist_id}","starred_url":"https://api.github.com/users/CroudTech/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CroudTech/subscriptions","organizations_url":"https://api.github.com/users/CroudTech/orgs","repos_url":"https://api.github.com/users/CroudTech/repos","events_url":"https://api.github.com/users/CroudTech/events{/privacy}","received_events_url":"https://api.github.com/users/CroudTech/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/CroudTech/Croud-Style-Guide","description":"Croud Style Guide","fork":false,"url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide","forks_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/forks","keys_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/keys{/key_id}","collaborators_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/teams","hooks_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/hooks","issue_events_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/events{/number}","events_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/events","assignees_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/assignees{/user}","branches_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/branches{/branch}","tags_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/tags","blobs_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/refs{/sha}","trees_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/trees{/sha}","statuses_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/statuses/{sha}","languages_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/languages","stargazers_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/stargazers","contributors_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/contributors","subscribers_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/subscribers","subscription_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/subscription","commits_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/commits{/sha}","git_commits_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/commits{/sha}","comments_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/comments{/number}","issue_comment_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/comments{/number}","contents_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/contents/{+path}","compare_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/compare/{base}...{head}","merges_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/merges","archive_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/downloads","issues_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues{/number}","pulls_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls{/number}","milestones_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/milestones{/number}","notifications_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/labels{/name}","releases_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/releases{/id}","deployments_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/deployments","created_at":"2017-06-27T20:34:40Z","updated_at":"2018-04-25T14:03:18Z","pushed_at":"2018-05-10T11:29:26Z","git_url":"git://github.com/CroudTech/Croud-Style-Guide.git","ssh_url":"git@github.com:CroudTech/Croud-Style-Guide.git","clone_url":"https://github.com/CroudTech/Croud-Style-Guide.git","svn_url":"https://github.com/CroudTech/Croud-Style-Guide","homepage":"","size":13397,"stargazers_count":7,"watchers_count":7,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":19,"license":null,"forks":1,"open_issues":19,"watchers":7,"default_branch":"master"}},"base":{"label":"CroudTech:master","ref":"master","sha":"da6b085222a8b4c38242f10fb12326aa58d6c3f1","user":{"login":"CroudTech","id":7942616,"avatar_url":"https://avatars0.githubusercontent.com/u/7942616?v=4","gravatar_id":"","url":"https://api.github.com/users/CroudTech","html_url":"https://github.com/CroudTech","followers_url":"https://api.github.com/users/CroudTech/followers","following_url":"https://api.github.com/users/CroudTech/following{/other_user}","gists_url":"https://api.github.com/users/CroudTech/gists{/gist_id}","starred_url":"https://api.github.com/users/CroudTech/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CroudTech/subscriptions","organizations_url":"https://api.github.com/users/CroudTech/orgs","repos_url":"https://api.github.com/users/CroudTech/repos","events_url":"https://api.github.com/users/CroudTech/events{/privacy}","received_events_url":"https://api.github.com/users/CroudTech/received_events","type":"Organization","site_admin":false},"repo":{"id":95598426,"name":"Croud-Style-Guide","full_name":"CroudTech/Croud-Style-Guide","owner":{"login":"CroudTech","id":7942616,"avatar_url":"https://avatars0.githubusercontent.com/u/7942616?v=4","gravatar_id":"","url":"https://api.github.com/users/CroudTech","html_url":"https://github.com/CroudTech","followers_url":"https://api.github.com/users/CroudTech/followers","following_url":"https://api.github.com/users/CroudTech/following{/other_user}","gists_url":"https://api.github.com/users/CroudTech/gists{/gist_id}","starred_url":"https://api.github.com/users/CroudTech/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CroudTech/subscriptions","organizations_url":"https://api.github.com/users/CroudTech/orgs","repos_url":"https://api.github.com/users/CroudTech/repos","events_url":"https://api.github.com/users/CroudTech/events{/privacy}","received_events_url":"https://api.github.com/users/CroudTech/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/CroudTech/Croud-Style-Guide","description":"Croud Style Guide","fork":false,"url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide","forks_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/forks","keys_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/keys{/key_id}","collaborators_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/teams","hooks_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/hooks","issue_events_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/events{/number}","events_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/events","assignees_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/assignees{/user}","branches_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/branches{/branch}","tags_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/tags","blobs_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/refs{/sha}","trees_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/trees{/sha}","statuses_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/statuses/{sha}","languages_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/languages","stargazers_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/stargazers","contributors_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/contributors","subscribers_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/subscribers","subscription_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/subscription","commits_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/commits{/sha}","git_commits_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/git/commits{/sha}","comments_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/comments{/number}","issue_comment_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/comments{/number}","contents_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/contents/{+path}","compare_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/compare/{base}...{head}","merges_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/merges","archive_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/downloads","issues_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues{/number}","pulls_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls{/number}","milestones_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/milestones{/number}","notifications_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/labels{/name}","releases_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/releases{/id}","deployments_url":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/deployments","created_at":"2017-06-27T20:34:40Z","updated_at":"2018-04-25T14:03:18Z","pushed_at":"2018-05-10T11:29:26Z","git_url":"git://github.com/CroudTech/Croud-Style-Guide.git","ssh_url":"git@github.com:CroudTech/Croud-Style-Guide.git","clone_url":"https://github.com/CroudTech/Croud-Style-Guide.git","svn_url":"https://github.com/CroudTech/Croud-Style-Guide","homepage":"","size":13397,"stargazers_count":7,"watchers_count":7,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":19,"license":null,"forks":1,"open_issues":19,"watchers":7,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80"},"html":{"href":"https://github.com/CroudTech/Croud-Style-Guide/pull/80"},"issue":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/80"},"comments":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/issues/80/comments"},"review_comments":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80/comments"},"review_comment":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/pulls/80/commits"},"statuses":{"href":"https://api.github.com/repos/CroudTech/Croud-Style-Guide/statuses/6fd0a3aad626e334425ce826a76ce6fe50f72cf3"}},"author_association":"COLLABORATOR"}}
{"actor":{"display_login":"kingy04"}}