overleaf/services/web/frontend/js/ide/review-panel/directives/commentEntry.js

/* 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',
  function ($timeout) {
    return {
      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)
          }
        })
      },
    }
  },
])