mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-12 09:53:30 -05:00
fef395f431
* Always hide vertical overflow on the review panel, not just when it's expanded, which prevents it scrolling slightly when scrolling the PDF in some circumstances * Fix layout shift by always applying overflow-y hidden on review panel and make entry visible in minimized review panel by making the overflow visible while hovering over the entry GitOrigin-RevId: 854ee47a762ee2cf78fbbb5856afddb3b723d679
92 lines
2.4 KiB
JavaScript
92 lines
2.4 KiB
JavaScript
/* eslint-disable
|
|
max-len,
|
|
no-return-assign,
|
|
*/
|
|
// TODO: This file was created by bulk-decaffeinate.
|
|
// Fix any style issues and re-enable lint.
|
|
/*
|
|
* decaffeinate suggestions:
|
|
* DS102: Remove unnecessary code created because of implicit returns
|
|
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
|
|
*/
|
|
import App from '../../../base'
|
|
|
|
export default App.directive('commentEntry', $timeout => ({
|
|
restrict: 'E',
|
|
templateUrl: 'commentEntryTemplate',
|
|
scope: {
|
|
entry: '=',
|
|
threads: '=',
|
|
permissions: '=',
|
|
onResolve: '&',
|
|
onReply: '&',
|
|
onIndicatorClick: '&',
|
|
onMouseEnter: '&',
|
|
onMouseLeave: '&',
|
|
onSaveEdit: '&',
|
|
onDelete: '&',
|
|
onBodyClick: '&',
|
|
},
|
|
link(scope, element, attrs) {
|
|
scope.state = { animating: false }
|
|
|
|
element.on('click', function (e) {
|
|
if (
|
|
$(e.target).is(
|
|
'.rp-entry, .rp-comment-loaded, .rp-comment-content, .rp-comment-reply, .rp-entry-metadata'
|
|
)
|
|
) {
|
|
return scope.onBodyClick()
|
|
}
|
|
})
|
|
|
|
scope.handleCommentReplyKeyPress = function (ev) {
|
|
if (ev.keyCode === 13 && !ev.shiftKey && !ev.ctrlKey && !ev.metaKey) {
|
|
ev.preventDefault()
|
|
if (scope.entry.replyContent.length > 0) {
|
|
ev.target.blur()
|
|
return scope.onReply()
|
|
}
|
|
}
|
|
}
|
|
|
|
scope.animateAndCallOnResolve = function () {
|
|
scope.state.animating = true
|
|
element.find('.rp-entry').css('top', 0)
|
|
$timeout(() => scope.onResolve(), 350)
|
|
return true
|
|
}
|
|
|
|
scope.startEditing = function (comment) {
|
|
comment.editing = true
|
|
return setTimeout(() => scope.$emit('review-panel:layout'))
|
|
}
|
|
|
|
scope.saveEdit = function (comment) {
|
|
comment.editing = false
|
|
return scope.onSaveEdit({ comment })
|
|
}
|
|
|
|
scope.confirmDelete = function (comment) {
|
|
comment.deleting = true
|
|
return setTimeout(() => scope.$emit('review-panel:layout'))
|
|
}
|
|
|
|
scope.cancelDelete = function (comment) {
|
|
comment.deleting = false
|
|
return setTimeout(() => scope.$emit('review-panel:layout'))
|
|
}
|
|
|
|
scope.doDelete = function (comment) {
|
|
comment.deleting = false
|
|
return scope.onDelete({ comment })
|
|
}
|
|
|
|
return (scope.saveEditOnEnter = function (ev, comment) {
|
|
if (ev.keyCode === 13 && !ev.shiftKey && !ev.ctrlKey && !ev.metaKey) {
|
|
ev.preventDefault()
|
|
return scope.saveEdit(comment)
|
|
}
|
|
})
|
|
},
|
|
}))
|