overleaf/services/web/public/coffee/ide/review-panel/controllers/ReviewPanelController.coffee

150 lines
4.3 KiB
CoffeeScript
Raw Normal View History

define [
"base",
"utils/EventEmitter"
2016-11-09 11:23:08 -05:00
"ide/colors/ColorManager"
"ide/review-panel/ChangesTracker"
], (App, EventEmitter, ColorManager, ChangesTracker) ->
2016-11-14 06:47:36 -05:00
App.controller "ReviewPanelController", ($scope, $element, ide, $timeout) ->
2016-11-16 07:31:47 -05:00
$scope.SubViews =
CUR_FILE : "cur_file"
OVERVIEW : "overview"
$scope.reviewPanel =
entries: {}
trackNewChanges: false
hasEntries: false
2016-11-16 07:31:47 -05:00
subView: $scope.SubViews.CUR_FILE
2016-11-09 09:50:58 -05:00
$scope.commentState =
adding: false
content: ""
# Used to communicate between Ace and reviewPanelSorted directive
$scope.scrollBindings =
reviewPanelEvents: new EventEmitter()
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'
#TODO: Doesn't work anymore now entries is first indexed by doc_id
$scope.$watch (() -> Object.keys($scope.reviewPanel.entries).length), (nEntries) ->
$scope.reviewPanel.hasEntries = nEntries > 0
2016-11-16 11:28:01 -05:00
$scope.$watch "ui.reviewPanelOpen", (reviewPanelOpen) ->
return if !reviewPanelOpen?
$timeout () ->
$scope.$broadcast "review-panel:toggle"
$scope.$broadcast "review-panel:layout"
2016-11-09 09:50:58 -05:00
2016-11-10 05:52:09 -05:00
$scope.acceptChange = (entry_id) ->
$scope.$broadcast "change:accept", entry_id
$scope.rejectChange = (entry_id) ->
$scope.$broadcast "change:reject", entry_id
2016-11-09 10:25:41 -05:00
$scope.startNewComment = () ->
# $scope.commentState.adding = true
2016-11-09 09:50:58 -05:00
$scope.$broadcast "comment:select_line"
$timeout () ->
$scope.$broadcast "review-panel:layout"
2016-11-09 09:50:58 -05:00
$scope.submitNewComment = (content) ->
console.log(content)
# $scope.commentState.adding = false
$scope.$broadcast "comment:add", content
# $scope.commentState.content = ""
$timeout () ->
$scope.$broadcast "review-panel:layout"
2016-11-09 10:25:41 -05:00
2016-11-09 10:51:40 -05:00
$scope.cancelNewComment = (entry) ->
# $scope.commentState.adding = false
# $scope.commentState.content = ""
$timeout () ->
$scope.$broadcast "review-panel:layout"
2016-11-09 10:51:40 -05:00
2016-11-09 10:25:41 -05:00
$scope.startReply = (entry) ->
entry.replying = true
$timeout () ->
$scope.$broadcast "review-panel:layout"
2016-11-16 10:12:58 -05:00
# $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)
2016-11-09 10:25:41 -05:00
$scope.submitReply = (entry) ->
entry.thread.push {
content: entry.replyContent
ts: new Date()
user_id: window.user_id
}
entry.replyContent = ""
2016-11-09 10:46:47 -05:00
entry.replying = false
2016-11-14 06:47:36 -05:00
$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
2016-11-14 06:47:36 -05:00
$timeout () ->
$scope.$broadcast "review-panel:layout"
2016-11-09 10:51:40 -05:00
$scope.cancelReply = (entry) ->
entry.replying = false
entry.replyContent = ""
2016-11-09 11:23:08 -05:00
$scope.$broadcast "review-panel:layout"
2016-11-16 07:31:47 -05:00
$scope.setSubView = (subView) ->
$scope.reviewPanel.subView = subView
2016-11-09 11:34:23 -05:00
# 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
2016-11-09 11:23:08 -05:00
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"
}
2016-11-09 11:23:08 -05:00
for member in $scope.project.members.concat($scope.project.owner)
2016-11-09 11:34:23 -05:00
if member._id == window.user_id
name = "You"
isSelf = true
2016-11-09 11:34:23 -05:00
else
name = "#{member.first_name} #{member.last_name}"
isSelf = false
2016-11-09 11:23:08 -05:00
$scope.users[member._id] = {
email: member.email
2016-11-09 11:34:23 -05:00
name: name
isSelf: isSelf
2016-11-09 11:23:08 -05:00
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()