{"action":"created","comment":{"url":"https://api.github.com/repos/ooyala/html5-skin/pulls/comments/70497828","id":70497828,"diff_hunk":"@@ -238,41 +239,56 @@ var ScrubberBar = React.createClass({\n     }\n \n     var thumbnailContainer = null;\n+    var thumbnailCarousel = null;\n+    var hoverTime = 0;\n+    var hoverPosition = 0;\n+    var hoveredIndicatorStyle = null;\n+\n     if (this.props.controller.state.thumbnails && (this.state.scrubbingPlayheadX || this.lastScrubX || this.state.hoveringX)) {\n       if (this.state.scrubbingPlayheadX) {\n-        var hoverPosition = this.state.scrubbingPlayheadX;\n-        var hoverTime = (this.state.scrubbingPlayheadX / this.state.scrubberBarWidth) * this.props.duration;\n+        hoverPosition = this.state.scrubbingPlayheadX;\n+        hoverTime = (this.state.scrubbingPlayheadX / this.state.scrubberBarWidth) * this.props.duration;\n         playheadClassName += \" oo-playhead-scrubbing\";\n-      }\n-      else if (this.lastScrubX) {//to show thumbnail when clicking on playhead\n-        var hoverPosition = this.props.currentPlayhead * this.state.scrubberBarWidth / this.props.duration;\n-        var hoverTime = this.props.currentPlayhead;\n+\n+        thumbnailCarousel =\n+          (<div className=\"oo-scrubber-carousel-container\">\n+           <ThumbnailCarousel\n+           thumbnails={this.props.controller.state.thumbnails}\n+           duration={this.props.duration}\n+           hoverTime={hoverTime > 0 ? hoverTime : 0}\n+           scrubberBarWidth={this.state.scrubberBarWidth}/>\n+           </div>);\n+      } else if (this.lastScrubX) {//to show thumbnail when clicking on playhead\n+        hoverPosition = this.props.currentPlayhead * this.state.scrubberBarWidth / this.props.duration;\n+        hoverTime = this.props.currentPlayhead;\n         playheadClassName += \" oo-playhead-scrubbing\";\n-      }\n-      else if (this.state.hoveringX) {\n-        var hoverPosition = this.state.hoveringX;\n-        var hoverTime=(this.state.hoveringX / this.state.scrubberBarWidth) * this.props.duration;\n-        var hoveredIndicatorStyle = {\n-              width: Math.min((parseFloat(hoverTime) / parseFloat(this.props.duration)) * 100, 100) + \"%\",\n-              backgroundColor: this.props.skinConfig.controlBar.scrubberBar.playedColor\n-            };\n+      } else if (this.state.hoveringX) {\n+        hoverPosition = this.state.hoveringX;\n+        hoverTime = (this.state.hoveringX / this.state.scrubberBarWidth) * this.props.duration;\n+        hoveredIndicatorStyle = {\n+          width: Math.min((parseFloat(hoverTime) / parseFloat(this.props.duration)) * 100, 100) + \"%\",\n+          backgroundColor: this.props.skinConfig.controlBar.scrubberBar.playedColor\n+        };\n         scrubberBarClassName += \" oo-scrubber-bar-hover\";\n         playheadClassName += \" oo-playhead-hovering\";\n       }\n-      thumbnailContainer =\n-        (<div className=\"oo-scrubber-thumbnail-container\">\n-          <Thumbnail\n-            thumbnails={this.props.controller.state.thumbnails}\n-            hoverPosition={hoverPosition}\n-            duration={this.props.duration}\n-            hoverTime={hoverTime > 0 ? hoverTime : 0}\n-            scrubberBarWidth={this.state.scrubberBarWidth}/>\n-        </div>);\n+      if (!thumbnailCarousel) {\n+        thumbnailContainer =\n+          (<div className=\"oo-scrubber-thumbnail-container\">","path":"js/components/scrubberBar.js","position":70,"original_position":70,"commit_id":"e643d895e8d93fd0c66dd555bd8b070bf27262d3","original_commit_id":"d8a1e8da3eb670a9ee7f29669f9dc3cf46af06a1","user":{"login":"mityaha","id":13562766,"avatar_url":"https://avatars.githubusercontent.com/u/13562766?v=3","gravatar_id":"","url":"https://api.github.com/users/mityaha","html_url":"https://github.com/mityaha","followers_url":"https://api.github.com/users/mityaha/followers","following_url":"https://api.github.com/users/mityaha/following{/other_user}","gists_url":"https://api.github.com/users/mityaha/gists{/gist_id}","starred_url":"https://api.github.com/users/mityaha/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mityaha/subscriptions","organizations_url":"https://api.github.com/users/mityaha/orgs","repos_url":"https://api.github.com/users/mityaha/repos","events_url":"https://api.github.com/users/mityaha/events{/privacy}","received_events_url":"https://api.github.com/users/mityaha/received_events","type":"User","site_admin":false},"body":"Done","created_at":"2016-07-12T18:45:22Z","updated_at":"2016-07-12T18:45:22Z","html_url":"https://github.com/ooyala/html5-skin/pull/590#discussion_r70497828","pull_request_url":"https://api.github.com/repos/ooyala/html5-skin/pulls/590","_links":{"self":{"href":"https://api.github.com/repos/ooyala/html5-skin/pulls/comments/70497828"},"html":{"href":"https://github.com/ooyala/html5-skin/pull/590#discussion_r70497828"},"pull_request":{"href":"https://api.github.com/repos/ooyala/html5-skin/pulls/590"}}},"pull_request":{"url":"https://api.github.com/repos/ooyala/html5-skin/pulls/590","id":76800318,"html_url":"https://github.com/ooyala/html5-skin/pull/590","diff_url":"https://github.com/ooyala/html5-skin/pull/590.diff","patch_url":"https://github.com/ooyala/html5-skin/pull/590.patch","issue_url":"https://api.github.com/repos/ooyala/html5-skin/issues/590","number":590,"state":"open","locked":false,"title":"[PBW-5131] Render Drag Keyframe Thumbnails in Alice","user":{"login":"mityaha","id":13562766,"avatar_url":"https://avatars.githubusercontent.com/u/13562766?v=3","gravatar_id":"","url":"https://api.github.com/users/mityaha","html_url":"https://github.com/mityaha","followers_url":"https://api.github.com/users/mityaha/followers","following_url":"https://api.github.com/users/mityaha/following{/other_user}","gists_url":"https://api.github.com/users/mityaha/gists{/gist_id}","starred_url":"https://api.github.com/users/mityaha/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mityaha/subscriptions","organizations_url":"https://api.github.com/users/mityaha/orgs","repos_url":"https://api.github.com/users/mityaha/repos","events_url":"https://api.github.com/users/mityaha/events{/privacy}","received_events_url":"https://api.github.com/users/mityaha/received_events","type":"User","site_admin":false},"body":"","created_at":"2016-07-08T19:11:57Z","updated_at":"2016-07-12T18:45:22Z","closed_at":null,"merged_at":null,"merge_commit_sha":"fca98cf23d82834ed41b80422246912447a13005","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/ooyala/html5-skin/pulls/590/commits","review_comments_url":"https://api.github.com/repos/ooyala/html5-skin/pulls/590/comments","review_comment_url":"https://api.github.com/repos/ooyala/html5-skin/pulls/comments{/number}","comments_url":"https://api.github.com/repos/ooyala/html5-skin/issues/590/comments","statuses_url":"https://api.github.com/repos/ooyala/html5-skin/statuses/e643d895e8d93fd0c66dd555bd8b070bf27262d3","head":{"label":"ooyala:pbw-5131","ref":"pbw-5131","sha":"e643d895e8d93fd0c66dd555bd8b070bf27262d3","user":{"login":"ooyala","id":365274,"avatar_url":"https://avatars.githubusercontent.com/u/365274?v=3","gravatar_id":"","url":"https://api.github.com/users/ooyala","html_url":"https://github.com/ooyala","followers_url":"https://api.github.com/users/ooyala/followers","following_url":"https://api.github.com/users/ooyala/following{/other_user}","gists_url":"https://api.github.com/users/ooyala/gists{/gist_id}","starred_url":"https://api.github.com/users/ooyala/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ooyala/subscriptions","organizations_url":"https://api.github.com/users/ooyala/orgs","repos_url":"https://api.github.com/users/ooyala/repos","events_url":"https://api.github.com/users/ooyala/events{/privacy}","received_events_url":"https://api.github.com/users/ooyala/received_events","type":"Organization","site_admin":false},"repo":{"id":32830770,"name":"html5-skin","full_name":"ooyala/html5-skin","owner":{"login":"ooyala","id":365274,"avatar_url":"https://avatars.githubusercontent.com/u/365274?v=3","gravatar_id":"","url":"https://api.github.com/users/ooyala","html_url":"https://github.com/ooyala","followers_url":"https://api.github.com/users/ooyala/followers","following_url":"https://api.github.com/users/ooyala/following{/other_user}","gists_url":"https://api.github.com/users/ooyala/gists{/gist_id}","starred_url":"https://api.github.com/users/ooyala/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ooyala/subscriptions","organizations_url":"https://api.github.com/users/ooyala/orgs","repos_url":"https://api.github.com/users/ooyala/repos","events_url":"https://api.github.com/users/ooyala/events{/privacy}","received_events_url":"https://api.github.com/users/ooyala/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/ooyala/html5-skin","description":"","fork":false,"url":"https://api.github.com/repos/ooyala/html5-skin","forks_url":"https://api.github.com/repos/ooyala/html5-skin/forks","keys_url":"https://api.github.com/repos/ooyala/html5-skin/keys{/key_id}","collaborators_url":"https://api.github.com/repos/ooyala/html5-skin/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/ooyala/html5-skin/teams","hooks_url":"https://api.github.com/repos/ooyala/html5-skin/hooks","issue_events_url":"https://api.github.com/repos/ooyala/html5-skin/issues/events{/number}","events_url":"https://api.github.com/repos/ooyala/html5-skin/events","assignees_url":"https://api.github.com/repos/ooyala/html5-skin/assignees{/user}","branches_url":"https://api.github.com/repos/ooyala/html5-skin/branches{/branch}","tags_url":"https://api.github.com/repos/ooyala/html5-skin/tags","blobs_url":"https://api.github.com/repos/ooyala/html5-skin/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/ooyala/html5-skin/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/ooyala/html5-skin/git/refs{/sha}","trees_url":"https://api.github.com/repos/ooyala/html5-skin/git/trees{/sha}","statuses_url":"https://api.github.com/repos/ooyala/html5-skin/statuses/{sha}","languages_url":"https://api.github.com/repos/ooyala/html5-skin/languages","stargazers_url":"https://api.github.com/repos/ooyala/html5-skin/stargazers","contributors_url":"https://api.github.com/repos/ooyala/html5-skin/contributors","subscribers_url":"https://api.github.com/repos/ooyala/html5-skin/subscribers","subscription_url":"https://api.github.com/repos/ooyala/html5-skin/subscription","commits_url":"https://api.github.com/repos/ooyala/html5-skin/commits{/sha}","git_commits_url":"https://api.github.com/repos/ooyala/html5-skin/git/commits{/sha}","comments_url":"https://api.github.com/repos/ooyala/html5-skin/comments{/number}","issue_comment_url":"https://api.github.com/repos/ooyala/html5-skin/issues/comments{/number}","contents_url":"https://api.github.com/repos/ooyala/html5-skin/contents/{+path}","compare_url":"https://api.github.com/repos/ooyala/html5-skin/compare/{base}...{head}","merges_url":"https://api.github.com/repos/ooyala/html5-skin/merges","archive_url":"https://api.github.com/repos/ooyala/html5-skin/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/ooyala/html5-skin/downloads","issues_url":"https://api.github.com/repos/ooyala/html5-skin/issues{/number}","pulls_url":"https://api.github.com/repos/ooyala/html5-skin/pulls{/number}","milestones_url":"https://api.github.com/repos/ooyala/html5-skin/milestones{/number}","notifications_url":"https://api.github.com/repos/ooyala/html5-skin/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/ooyala/html5-skin/labels{/name}","releases_url":"https://api.github.com/repos/ooyala/html5-skin/releases{/id}","deployments_url":"https://api.github.com/repos/ooyala/html5-skin/deployments","created_at":"2015-03-24T23:20:15Z","updated_at":"2016-07-04T08:53:00Z","pushed_at":"2016-07-12T18:43:41Z","git_url":"git://github.com/ooyala/html5-skin.git","ssh_url":"git@github.com:ooyala/html5-skin.git","clone_url":"https://github.com/ooyala/html5-skin.git","svn_url":"https://github.com/ooyala/html5-skin","homepage":null,"size":3442,"stargazers_count":12,"watchers_count":12,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":16,"mirror_url":null,"open_issues_count":5,"forks":16,"open_issues":5,"watchers":12,"default_branch":"stable"}},"base":{"label":"ooyala:master","ref":"master","sha":"5eef1b5e998e16c8c2d90c290a4822a701e7bc73","user":{"login":"ooyala","id":365274,"avatar_url":"https://avatars.githubusercontent.com/u/365274?v=3","gravatar_id":"","url":"https://api.github.com/users/ooyala","html_url":"https://github.com/ooyala","followers_url":"https://api.github.com/users/ooyala/followers","following_url":"https://api.github.com/users/ooyala/following{/other_user}","gists_url":"https://api.github.com/users/ooyala/gists{/gist_id}","starred_url":"https://api.github.com/users/ooyala/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ooyala/subscriptions","organizations_url":"https://api.github.com/users/ooyala/orgs","repos_url":"https://api.github.com/users/ooyala/repos","events_url":"https://api.github.com/users/ooyala/events{/privacy}","received_events_url":"https://api.github.com/users/ooyala/received_events","type":"Organization","site_admin":false},"repo":{"id":32830770,"name":"html5-skin","full_name":"ooyala/html5-skin","owner":{"login":"ooyala","id":365274,"avatar_url":"https://avatars.githubusercontent.com/u/365274?v=3","gravatar_id":"","url":"https://api.github.com/users/ooyala","html_url":"https://github.com/ooyala","followers_url":"https://api.github.com/users/ooyala/followers","following_url":"https://api.github.com/users/ooyala/following{/other_user}","gists_url":"https://api.github.com/users/ooyala/gists{/gist_id}","starred_url":"https://api.github.com/users/ooyala/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ooyala/subscriptions","organizations_url":"https://api.github.com/users/ooyala/orgs","repos_url":"https://api.github.com/users/ooyala/repos","events_url":"https://api.github.com/users/ooyala/events{/privacy}","received_events_url":"https://api.github.com/users/ooyala/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/ooyala/html5-skin","description":"","fork":false,"url":"https://api.github.com/repos/ooyala/html5-skin","forks_url":"https://api.github.com/repos/ooyala/html5-skin/forks","keys_url":"https://api.github.com/repos/ooyala/html5-skin/keys{/key_id}","collaborators_url":"https://api.github.com/repos/ooyala/html5-skin/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/ooyala/html5-skin/teams","hooks_url":"https://api.github.com/repos/ooyala/html5-skin/hooks","issue_events_url":"https://api.github.com/repos/ooyala/html5-skin/issues/events{/number}","events_url":"https://api.github.com/repos/ooyala/html5-skin/events","assignees_url":"https://api.github.com/repos/ooyala/html5-skin/assignees{/user}","branches_url":"https://api.github.com/repos/ooyala/html5-skin/branches{/branch}","tags_url":"https://api.github.com/repos/ooyala/html5-skin/tags","blobs_url":"https://api.github.com/repos/ooyala/html5-skin/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/ooyala/html5-skin/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/ooyala/html5-skin/git/refs{/sha}","trees_url":"https://api.github.com/repos/ooyala/html5-skin/git/trees{/sha}","statuses_url":"https://api.github.com/repos/ooyala/html5-skin/statuses/{sha}","languages_url":"https://api.github.com/repos/ooyala/html5-skin/languages","stargazers_url":"https://api.github.com/repos/ooyala/html5-skin/stargazers","contributors_url":"https://api.github.com/repos/ooyala/html5-skin/contributors","subscribers_url":"https://api.github.com/repos/ooyala/html5-skin/subscribers","subscription_url":"https://api.github.com/repos/ooyala/html5-skin/subscription","commits_url":"https://api.github.com/repos/ooyala/html5-skin/commits{/sha}","git_commits_url":"https://api.github.com/repos/ooyala/html5-skin/git/commits{/sha}","comments_url":"https://api.github.com/repos/ooyala/html5-skin/comments{/number}","issue_comment_url":"https://api.github.com/repos/ooyala/html5-skin/issues/comments{/number}","contents_url":"https://api.github.com/repos/ooyala/html5-skin/contents/{+path}","compare_url":"https://api.github.com/repos/ooyala/html5-skin/compare/{base}...{head}","merges_url":"https://api.github.com/repos/ooyala/html5-skin/merges","archive_url":"https://api.github.com/repos/ooyala/html5-skin/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/ooyala/html5-skin/downloads","issues_url":"https://api.github.com/repos/ooyala/html5-skin/issues{/number}","pulls_url":"https://api.github.com/repos/ooyala/html5-skin/pulls{/number}","milestones_url":"https://api.github.com/repos/ooyala/html5-skin/milestones{/number}","notifications_url":"https://api.github.com/repos/ooyala/html5-skin/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/ooyala/html5-skin/labels{/name}","releases_url":"https://api.github.com/repos/ooyala/html5-skin/releases{/id}","deployments_url":"https://api.github.com/repos/ooyala/html5-skin/deployments","created_at":"2015-03-24T23:20:15Z","updated_at":"2016-07-04T08:53:00Z","pushed_at":"2016-07-12T18:43:41Z","git_url":"git://github.com/ooyala/html5-skin.git","ssh_url":"git@github.com:ooyala/html5-skin.git","clone_url":"https://github.com/ooyala/html5-skin.git","svn_url":"https://github.com/ooyala/html5-skin","homepage":null,"size":3442,"stargazers_count":12,"watchers_count":12,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":16,"mirror_url":null,"open_issues_count":5,"forks":16,"open_issues":5,"watchers":12,"default_branch":"stable"}},"_links":{"self":{"href":"https://api.github.com/repos/ooyala/html5-skin/pulls/590"},"html":{"href":"https://github.com/ooyala/html5-skin/pull/590"},"issue":{"href":"https://api.github.com/repos/ooyala/html5-skin/issues/590"},"comments":{"href":"https://api.github.com/repos/ooyala/html5-skin/issues/590/comments"},"review_comments":{"href":"https://api.github.com/repos/ooyala/html5-skin/pulls/590/comments"},"review_comment":{"href":"https://api.github.com/repos/ooyala/html5-skin/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/ooyala/html5-skin/pulls/590/commits"},"statuses":{"href":"https://api.github.com/repos/ooyala/html5-skin/statuses/e643d895e8d93fd0c66dd555bd8b070bf27262d3"}}}}
{"actor":{"display_login":"mityaha"}}