mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
173 lines
5.4 KiB
CoffeeScript
173 lines
5.4 KiB
CoffeeScript
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
|
|
|
|
$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()
|