{"action":"created","comment":{"url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/comments/181246569","pull_request_review_id":111827317,"id":181246569,"diff_hunk":"@@ -81,6 +89,9 @@ class SectionProgress extends Component {\n \n     const levelDataInitialized = scriptData && studentLevelProgress;\n \n+    const lessonNumbers = scriptData ?\n+      Array(scriptData.stages.length).fill().map((e,i)=>i+1) : [];","path":"apps/src/templates/sectionProgress/SectionProgress.jsx","position":40,"original_position":40,"commit_id":"552b38efac0cc56613693b0d35d404989d00192b","original_commit_id":"552b38efac0cc56613693b0d35d404989d00192b","user":{"login":"caleybrock","id":4640747,"avatar_url":"https://avatars2.githubusercontent.com/u/4640747?v=4","gravatar_id":"","url":"https://api.github.com/users/caleybrock","html_url":"https://github.com/caleybrock","followers_url":"https://api.github.com/users/caleybrock/followers","following_url":"https://api.github.com/users/caleybrock/following{/other_user}","gists_url":"https://api.github.com/users/caleybrock/gists{/gist_id}","starred_url":"https://api.github.com/users/caleybrock/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/caleybrock/subscriptions","organizations_url":"https://api.github.com/users/caleybrock/orgs","repos_url":"https://api.github.com/users/caleybrock/repos","events_url":"https://api.github.com/users/caleybrock/events{/privacy}","received_events_url":"https://api.github.com/users/caleybrock/received_events","type":"User","site_admin":false},"body":"since we use lodash, I think it'd be cleaner to use `range` here: https://lodash.com/docs#range\r\n\r\nyou can import lodash like this:\r\nhttps://github.com/code-dot-org/code-dot-org/blob/77eade273eed29c48691f4e6b894b69d5c83cc15/apps/test/unit/code-studio/pd/professional_learning_landing/plcElements/moduleAssignmentTest.js#L2","created_at":"2018-04-12T23:00:33Z","updated_at":"2018-04-12T23:00:33Z","html_url":"https://github.com/code-dot-org/code-dot-org/pull/21794#discussion_r181246569","pull_request_url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/comments/181246569"},"html":{"href":"https://github.com/code-dot-org/code-dot-org/pull/21794#discussion_r181246569"},"pull_request":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794"}}},"pull_request":{"url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794","id":180796488,"html_url":"https://github.com/code-dot-org/code-dot-org/pull/21794","diff_url":"https://github.com/code-dot-org/code-dot-org/pull/21794.diff","patch_url":"https://github.com/code-dot-org/code-dot-org/pull/21794.patch","issue_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/21794","number":21794,"state":"open","locked":false,"title":"Progress:  LessonSelector dropdown to jump to a specific level","user":{"login":"Erin007","id":12300669,"avatar_url":"https://avatars3.githubusercontent.com/u/12300669?v=4","gravatar_id":"","url":"https://api.github.com/users/Erin007","html_url":"https://github.com/Erin007","followers_url":"https://api.github.com/users/Erin007/followers","following_url":"https://api.github.com/users/Erin007/following{/other_user}","gists_url":"https://api.github.com/users/Erin007/gists{/gist_id}","starred_url":"https://api.github.com/users/Erin007/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Erin007/subscriptions","organizations_url":"https://api.github.com/users/Erin007/orgs","repos_url":"https://api.github.com/users/Erin007/repos","events_url":"https://api.github.com/users/Erin007/events{/privacy}","received_events_url":"https://api.github.com/users/Erin007/received_events","type":"User","site_admin":false},"body":"Note:  this is a rough prototype just to get a feel for this approach since it deviates from the spec. The [spec](https://docs.google.com/document/d/1MJeQjVbNqprZWqypYcN68eWkZ2G-HHx8PiqPK73N2aw/edit#) calls for pagination using arrow buttons, which is still a viable option. \r\n\r\nHowever, the Virtualized MultiGrid we're using gives us a `scrollToColumn` function, which, when paired with a level selector dropdown, allows teachers to quickly jump to the lesson they're interested in without lots of manual horizontal scrolling or clicking through pages. \r\n \r\n![jump-to-lesson](https://user-images.githubusercontent.com/12300669/38597994-75976a70-3d0f-11e8-8d7c-ebfdf6570426.gif)\r\n\r\nThis approach also has the notion of an \"active\" column or a lesson of interest, which I've differentially styled.  If we opt to go in this direction, we can decide if we also want this \"active\" column idea and how we might best denote it in the table. \r\n\r\nFollow up work, if we go this route, includes: \r\n- [ ] internationalizing the strings in the LevelSelector\r\n- [ ] consolidating styles with LevelSelector and other selectors (script and assignment)\r\n- [ ] removing inline styles\r\n- [ ] writing a Story for LevelSelector\r\n- [ ] maybe reconsider combining the Detail and Summary view components - I go back and forth, but just added a bunch of duplicated code to make LevelSelector work in both places.  Potential bonus here is that is would be easy to persist the`levelOfInterest` when toggling between summary and detail. \r\n- [ ]  I propose adding the level name to drop down menu in lieu of a tooltip on hover of the lesson number in the table. The name fits better in a dropdown, will be more readable, and tooltips are yet another DOM element to cram in the table that would take some wrestling to get right. \r\n","created_at":"2018-04-11T05:50:50Z","updated_at":"2018-04-12T23:00:33Z","closed_at":null,"merged_at":null,"merge_commit_sha":"e16fa1472d185905b7f284f42f5d2d4c793c785d","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794/commits","review_comments_url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794/comments","review_comment_url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/comments{/number}","comments_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/21794/comments","statuses_url":"https://api.github.com/repos/code-dot-org/code-dot-org/statuses/552b38efac0cc56613693b0d35d404989d00192b","head":{"label":"code-dot-org:jump-to-lesson","ref":"jump-to-lesson","sha":"552b38efac0cc56613693b0d35d404989d00192b","user":{"login":"code-dot-org","id":5124627,"avatar_url":"https://avatars2.githubusercontent.com/u/5124627?v=4","gravatar_id":"","url":"https://api.github.com/users/code-dot-org","html_url":"https://github.com/code-dot-org","followers_url":"https://api.github.com/users/code-dot-org/followers","following_url":"https://api.github.com/users/code-dot-org/following{/other_user}","gists_url":"https://api.github.com/users/code-dot-org/gists{/gist_id}","starred_url":"https://api.github.com/users/code-dot-org/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/code-dot-org/subscriptions","organizations_url":"https://api.github.com/users/code-dot-org/orgs","repos_url":"https://api.github.com/users/code-dot-org/repos","events_url":"https://api.github.com/users/code-dot-org/events{/privacy}","received_events_url":"https://api.github.com/users/code-dot-org/received_events","type":"Organization","site_admin":false},"repo":{"id":24250009,"name":"code-dot-org","full_name":"code-dot-org/code-dot-org","owner":{"login":"code-dot-org","id":5124627,"avatar_url":"https://avatars2.githubusercontent.com/u/5124627?v=4","gravatar_id":"","url":"https://api.github.com/users/code-dot-org","html_url":"https://github.com/code-dot-org","followers_url":"https://api.github.com/users/code-dot-org/followers","following_url":"https://api.github.com/users/code-dot-org/following{/other_user}","gists_url":"https://api.github.com/users/code-dot-org/gists{/gist_id}","starred_url":"https://api.github.com/users/code-dot-org/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/code-dot-org/subscriptions","organizations_url":"https://api.github.com/users/code-dot-org/orgs","repos_url":"https://api.github.com/users/code-dot-org/repos","events_url":"https://api.github.com/users/code-dot-org/events{/privacy}","received_events_url":"https://api.github.com/users/code-dot-org/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/code-dot-org/code-dot-org","description":"The code powering code.org and studio.code.org","fork":false,"url":"https://api.github.com/repos/code-dot-org/code-dot-org","forks_url":"https://api.github.com/repos/code-dot-org/code-dot-org/forks","keys_url":"https://api.github.com/repos/code-dot-org/code-dot-org/keys{/key_id}","collaborators_url":"https://api.github.com/repos/code-dot-org/code-dot-org/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/code-dot-org/code-dot-org/teams","hooks_url":"https://api.github.com/repos/code-dot-org/code-dot-org/hooks","issue_events_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/events{/number}","events_url":"https://api.github.com/repos/code-dot-org/code-dot-org/events","assignees_url":"https://api.github.com/repos/code-dot-org/code-dot-org/assignees{/user}","branches_url":"https://api.github.com/repos/code-dot-org/code-dot-org/branches{/branch}","tags_url":"https://api.github.com/repos/code-dot-org/code-dot-org/tags","blobs_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/refs{/sha}","trees_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/trees{/sha}","statuses_url":"https://api.github.com/repos/code-dot-org/code-dot-org/statuses/{sha}","languages_url":"https://api.github.com/repos/code-dot-org/code-dot-org/languages","stargazers_url":"https://api.github.com/repos/code-dot-org/code-dot-org/stargazers","contributors_url":"https://api.github.com/repos/code-dot-org/code-dot-org/contributors","subscribers_url":"https://api.github.com/repos/code-dot-org/code-dot-org/subscribers","subscription_url":"https://api.github.com/repos/code-dot-org/code-dot-org/subscription","commits_url":"https://api.github.com/repos/code-dot-org/code-dot-org/commits{/sha}","git_commits_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/commits{/sha}","comments_url":"https://api.github.com/repos/code-dot-org/code-dot-org/comments{/number}","issue_comment_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/comments{/number}","contents_url":"https://api.github.com/repos/code-dot-org/code-dot-org/contents/{+path}","compare_url":"https://api.github.com/repos/code-dot-org/code-dot-org/compare/{base}...{head}","merges_url":"https://api.github.com/repos/code-dot-org/code-dot-org/merges","archive_url":"https://api.github.com/repos/code-dot-org/code-dot-org/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/code-dot-org/code-dot-org/downloads","issues_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues{/number}","pulls_url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls{/number}","milestones_url":"https://api.github.com/repos/code-dot-org/code-dot-org/milestones{/number}","notifications_url":"https://api.github.com/repos/code-dot-org/code-dot-org/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/code-dot-org/code-dot-org/labels{/name}","releases_url":"https://api.github.com/repos/code-dot-org/code-dot-org/releases{/id}","deployments_url":"https://api.github.com/repos/code-dot-org/code-dot-org/deployments","created_at":"2014-09-20T00:46:11Z","updated_at":"2018-04-12T22:28:16Z","pushed_at":"2018-04-12T22:59:19Z","git_url":"git://github.com/code-dot-org/code-dot-org.git","ssh_url":"git@github.com:code-dot-org/code-dot-org.git","clone_url":"https://github.com/code-dot-org/code-dot-org.git","svn_url":"https://github.com/code-dot-org/code-dot-org","homepage":"http://code.org","size":7111186,"stargazers_count":284,"watchers_count":284,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":177,"mirror_url":null,"archived":false,"open_issues_count":118,"license":{"key":"other","name":"Other","spdx_id":null,"url":null},"forks":177,"open_issues":118,"watchers":284,"default_branch":"staging"}},"base":{"label":"code-dot-org:staging","ref":"staging","sha":"3fc7b427dd3cb35256581186ba48bea754159619","user":{"login":"code-dot-org","id":5124627,"avatar_url":"https://avatars2.githubusercontent.com/u/5124627?v=4","gravatar_id":"","url":"https://api.github.com/users/code-dot-org","html_url":"https://github.com/code-dot-org","followers_url":"https://api.github.com/users/code-dot-org/followers","following_url":"https://api.github.com/users/code-dot-org/following{/other_user}","gists_url":"https://api.github.com/users/code-dot-org/gists{/gist_id}","starred_url":"https://api.github.com/users/code-dot-org/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/code-dot-org/subscriptions","organizations_url":"https://api.github.com/users/code-dot-org/orgs","repos_url":"https://api.github.com/users/code-dot-org/repos","events_url":"https://api.github.com/users/code-dot-org/events{/privacy}","received_events_url":"https://api.github.com/users/code-dot-org/received_events","type":"Organization","site_admin":false},"repo":{"id":24250009,"name":"code-dot-org","full_name":"code-dot-org/code-dot-org","owner":{"login":"code-dot-org","id":5124627,"avatar_url":"https://avatars2.githubusercontent.com/u/5124627?v=4","gravatar_id":"","url":"https://api.github.com/users/code-dot-org","html_url":"https://github.com/code-dot-org","followers_url":"https://api.github.com/users/code-dot-org/followers","following_url":"https://api.github.com/users/code-dot-org/following{/other_user}","gists_url":"https://api.github.com/users/code-dot-org/gists{/gist_id}","starred_url":"https://api.github.com/users/code-dot-org/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/code-dot-org/subscriptions","organizations_url":"https://api.github.com/users/code-dot-org/orgs","repos_url":"https://api.github.com/users/code-dot-org/repos","events_url":"https://api.github.com/users/code-dot-org/events{/privacy}","received_events_url":"https://api.github.com/users/code-dot-org/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/code-dot-org/code-dot-org","description":"The code powering code.org and studio.code.org","fork":false,"url":"https://api.github.com/repos/code-dot-org/code-dot-org","forks_url":"https://api.github.com/repos/code-dot-org/code-dot-org/forks","keys_url":"https://api.github.com/repos/code-dot-org/code-dot-org/keys{/key_id}","collaborators_url":"https://api.github.com/repos/code-dot-org/code-dot-org/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/code-dot-org/code-dot-org/teams","hooks_url":"https://api.github.com/repos/code-dot-org/code-dot-org/hooks","issue_events_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/events{/number}","events_url":"https://api.github.com/repos/code-dot-org/code-dot-org/events","assignees_url":"https://api.github.com/repos/code-dot-org/code-dot-org/assignees{/user}","branches_url":"https://api.github.com/repos/code-dot-org/code-dot-org/branches{/branch}","tags_url":"https://api.github.com/repos/code-dot-org/code-dot-org/tags","blobs_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/refs{/sha}","trees_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/trees{/sha}","statuses_url":"https://api.github.com/repos/code-dot-org/code-dot-org/statuses/{sha}","languages_url":"https://api.github.com/repos/code-dot-org/code-dot-org/languages","stargazers_url":"https://api.github.com/repos/code-dot-org/code-dot-org/stargazers","contributors_url":"https://api.github.com/repos/code-dot-org/code-dot-org/contributors","subscribers_url":"https://api.github.com/repos/code-dot-org/code-dot-org/subscribers","subscription_url":"https://api.github.com/repos/code-dot-org/code-dot-org/subscription","commits_url":"https://api.github.com/repos/code-dot-org/code-dot-org/commits{/sha}","git_commits_url":"https://api.github.com/repos/code-dot-org/code-dot-org/git/commits{/sha}","comments_url":"https://api.github.com/repos/code-dot-org/code-dot-org/comments{/number}","issue_comment_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/comments{/number}","contents_url":"https://api.github.com/repos/code-dot-org/code-dot-org/contents/{+path}","compare_url":"https://api.github.com/repos/code-dot-org/code-dot-org/compare/{base}...{head}","merges_url":"https://api.github.com/repos/code-dot-org/code-dot-org/merges","archive_url":"https://api.github.com/repos/code-dot-org/code-dot-org/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/code-dot-org/code-dot-org/downloads","issues_url":"https://api.github.com/repos/code-dot-org/code-dot-org/issues{/number}","pulls_url":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls{/number}","milestones_url":"https://api.github.com/repos/code-dot-org/code-dot-org/milestones{/number}","notifications_url":"https://api.github.com/repos/code-dot-org/code-dot-org/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/code-dot-org/code-dot-org/labels{/name}","releases_url":"https://api.github.com/repos/code-dot-org/code-dot-org/releases{/id}","deployments_url":"https://api.github.com/repos/code-dot-org/code-dot-org/deployments","created_at":"2014-09-20T00:46:11Z","updated_at":"2018-04-12T22:28:16Z","pushed_at":"2018-04-12T22:59:19Z","git_url":"git://github.com/code-dot-org/code-dot-org.git","ssh_url":"git@github.com:code-dot-org/code-dot-org.git","clone_url":"https://github.com/code-dot-org/code-dot-org.git","svn_url":"https://github.com/code-dot-org/code-dot-org","homepage":"http://code.org","size":7111186,"stargazers_count":284,"watchers_count":284,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":177,"mirror_url":null,"archived":false,"open_issues_count":118,"license":{"key":"other","name":"Other","spdx_id":null,"url":null},"forks":177,"open_issues":118,"watchers":284,"default_branch":"staging"}},"_links":{"self":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794"},"html":{"href":"https://github.com/code-dot-org/code-dot-org/pull/21794"},"issue":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/21794"},"comments":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/issues/21794/comments"},"review_comments":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794/comments"},"review_comment":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/pulls/21794/commits"},"statuses":{"href":"https://api.github.com/repos/code-dot-org/code-dot-org/statuses/552b38efac0cc56613693b0d35d404989d00192b"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"caleybrock"}}