define [ "base", "utils/EventEmitter" "ide/colors/ColorManager" "ide/review-panel/ChangesTracker" ], (App, EventEmitter, ColorManager, ChangesTracker) -> App.controller "ReviewPanelController", ($scope, $element, ide, $timeout) -> $scope.reviewPanel = entries: {} trackNewChanges: false hasEntries: false $scope.commentState = adding: false content: "" changesTrackers = {} $scope.$watch "editor.open_doc_id", (open_doc_id) -> return if !open_doc_id? changesTrackers[open_doc_id] ?= new ChangesTracker() $scope.reviewPanel.changesTracker = changesTrackers[open_doc_id] # TODO Just for prototyping purposes; remove afterwards. mockedUserId = '12345abc' scroller = $element.find(".review-panel-scroller") list = $element.find(".rp-entry-list") # Use these to avoid unnecessary updates. Scrolling one # panel causes us to scroll the other panel, but there's no # need to trigger the event back to the original panel. ignoreNextPanelEvent = false ignoreNextAceEvent = false $scope.scrollEvents = new EventEmitter() scrollPanel = (scrollTop, height) -> if ignoreNextAceEvent ignoreNextAceEvent = false else ignoreNextPanelEvent = true list.height(height) scroller.scrollTop(scrollTop) scrollAce = (e) -> if ignoreNextPanelEvent ignoreNextPanelEvent = false else ignoreNextAceEvent = true $scope.scrollEvents.emit "scroll", e.target.scrollTop $scope.$watch "ui.reviewPanelOpen", (reviewPanelOpen) -> return if !reviewPanelOpen? if reviewPanelOpen $scope.$broadcast "review-panel:layout" scroller.on "scroll", scrollAce $scope.onScroll = scrollPanel # Passed into the editor directive for it to call else scroller.off "scroll" $scope.onScroll = null $timeout () -> $scope.$broadcast "review-panel:toggle" $scope.$watch (() -> Object.keys($scope.reviewPanel.entries).length), (nEntries) -> $scope.reviewPanel.hasEntries = nEntries > 0 # If we listen for scroll events in the review panel natively, then with a Mac trackpad # the scroll is very smooth (natively done I'd guess), but we don't get polled regularly # enough to keep Ace in step, and it noticeably lags. If instead, we borrow the manual # mousewheel/trackpad scrolling behaviour from Ace, and turn mousewheel events into # scroll events ourselves, then it makes the review panel slightly less smooth (barely) # noticeable, but keeps it perfectly in step with Ace. ace.require("ace/lib/event").addMouseWheelListener scroller[0], (e) -> deltaY = e.wheelY # console.log "mousewheel", deltaY scroller.scrollTop(scroller.scrollTop() + deltaY * 4) e.preventDefault() $scope.acceptChange = (entry_id) -> $scope.$broadcast "change:accept", entry_id $scope.rejectChange = (entry_id) -> $scope.$broadcast "change:reject", entry_id $scope.startNewComment = () -> $scope.commentState.adding = true $scope.$broadcast "comment:select_line" $scope.$broadcast "review-panel:layout" $scope.submitNewComment = () -> $scope.commentState.adding = false $scope.$broadcast "comment:add", $scope.commentState.content $scope.commentState.content = "" $scope.$broadcast "review-panel:layout" $scope.cancelNewComment = (entry) -> $scope.commentState.adding = false $scope.commentState.content = "" $scope.$broadcast "review-panel:layout" $scope.startReply = (entry) -> entry.replying = true $scope.$broadcast "review-panel:layout" $scope.handleCommentReplyKeyPress = (ev, entry) -> if ev.keyCode == 13 and !ev.shiftKey and !ev.ctrlKey and !ev.metaKey ev.preventDefault() ev.target.blur() $scope.submitReply(entry) $scope.submitReply = (entry) -> entry.thread.push { content: entry.replyContent ts: new Date() user_id: window.user_id } entry.replyContent = "" entry.replying = false $timeout () -> $scope.$broadcast "review-panel:layout" # TODO Just for prototyping purposes; remove afterwards window.setTimeout((() -> $scope.$applyAsync(() -> submitMockedReply(entry)) ), 1000 * 2) # TODO Just for prototyping purposes; remove afterwards. submitMockedReply = (entry) -> entry.thread.push { content: 'Lorem ipsum dolor sit amet' ts: new Date() user_id: mockedUserId } entry.replyContent = "" entry.replying = false $timeout () -> $scope.$broadcast "review-panel:layout" $scope.cancelReply = (entry) -> entry.replying = false entry.replyContent = "" $scope.$broadcast "review-panel:layout" # TODO: Eventually we need to get this from the server, and update it # when we get an id we don't know. This'll do for client side testing refreshUsers = () -> $scope.users = {} # TODO Just for prototyping purposes; remove afterwards. $scope.users[mockedUserId] = { email: "gerald.butler@gmail.com" name: "Gerald Butler" isSelf: false hue: 70 avatar_text: "G" } for member in $scope.project.members.concat($scope.project.owner) if member._id == window.user_id name = "You" isSelf = true else name = "#{member.first_name} #{member.last_name}" isSelf = false $scope.users[member._id] = { email: member.email name: name isSelf: isSelf hue: ColorManager.getHueForUserId(member._id) avatar_text: [member.first_name, member.last_name].filter((n) -> n?).map((n) -> n[0]).join "" } $scope.$watch "project.members", (members) -> return if !members? refreshUsers()