overleaf/services/web/frontend/js/ide/review-panel/directives/aggregateChangeEntry.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('aggregateChangeEntry', [
  '$timeout',
  function ($timeout) {
    return {
      restrict: 'E',
      templateUrl: 'aggregateChangeEntryTemplate',
      scope: {
        entry: '=',
        user: '=',
        permissions: '=',
        onAccept: '&',
        onReject: '&',
        onIndicatorClick: '&',
        onMouseEnter: '&',
        onMouseLeave: '&',
        onBodyClick: '&',
      },
      link(scope, element, attrs) {
        scope.contentLimit = 17
        scope.isDeletionCollapsed = true
        scope.isInsertionCollapsed = true
        scope.deletionNeedsCollapsing = false
        scope.insertionNeedsCollapsing = false

        element.on('click', function (e) {
          if (
            $(e.target).is(
              '.rp-entry, .rp-entry-description, .rp-entry-body, .rp-entry-action-icon i'
            )
          ) {
            return scope.onBodyClick()
          }
        })

        scope.toggleDeletionCollapse = function () {
          scope.isDeletionCollapsed = !scope.isDeletionCollapsed
          return $timeout(() => scope.$emit('review-panel:layout'))
        }

        scope.toggleInsertionCollapse = function () {
          scope.isInsertionCollapsed = !scope.isInsertionCollapsed
          return $timeout(() => scope.$emit('review-panel:layout'))
        }

        scope.$watch(
          'entry.metadata.replaced_content.length',
          deletionContentLength =>
            (scope.deletionNeedsCollapsing =
              deletionContentLength > scope.contentLimit)
        )

        return scope.$watch(
          'entry.content.length',
          insertionContentLength =>
            (scope.insertionNeedsCollapsing =
              insertionContentLength > scope.contentLimit)
        )
      },
    }
  },
])