Overleaf/services/web/frontend/js/ide/file-tree/controllers/FileTreeFolderController.js

/* eslint-disable
    camelcase,
    max-len,
    no-return-assign,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
 * decaffeinate suggestions:
 * DS101: Remove unnecessary use of Array.from
 * DS102: Remove unnecessary code created because of implicit returns
 * DS207: Consider shorter variations of null checks
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */
import App from '../../../base'

export default App.controller('FileTreeFolderController', function(
  $scope,
  ide,
  $modal,
  localStorage
) {
  $scope.expanded = localStorage(`folder.${$scope.entity.id}.expanded`) || false

  $scope.toggleExpanded = function() {
    $scope.expanded = !$scope.expanded
    $scope._storeCurrentStateInLocalStorage()
  }

  $scope.$on('entity-file:selected', function() {
    $scope.expanded = true
    $scope._storeCurrentStateInLocalStorage()
  })

  $scope._storeCurrentStateInLocalStorage = function() {
    localStorage(`folder.${$scope.entity.id}.expanded`, $scope.expanded)
  }

  $scope.onDrop = function(events, ui) {
    let entities
    if (ide.fileTreeManager.multiSelectedCount()) {
      entities = ide.fileTreeManager.getMultiSelectedEntityChildNodes()
    } else {
      entities = [$(ui.draggable).scope().entity]
    }

    const ids = $scope.entity.children.map(entity => entity.id)

    for (let dropped_entity of Array.from(entities)) {
      if (!ids.includes(dropped_entity.id)) {
        try {
          ide.fileTreeManager.moveEntity(dropped_entity, $scope.entity)
        } catch (err) {
          $modal.open({
            templateUrl: 'duplicateFileModalTemplate',
            controller: 'DuplicateFileModalController',
            resolve: {
              fileName() {
                return dropped_entity.name
              }
            }
          })
        }
      }
    }
    $scope.$digest()
    // clear highlight explicitly
    return $('.file-tree-inner .droppable-hover').removeClass('droppable-hover')
  }

  $scope.orderByFoldersFirst = function(entity) {
    // We need this here as well as in FileTreeController
    // since the file-entity diretive creates a new scope
    // that doesn't inherit from previous scopes.
    if ((entity != null ? entity.type : undefined) === 'folder') {
      return '0'
    }
    return '1'
  }

  $scope.openNewDocModal = () =>
    $modal.open({
      templateUrl: 'newFileModalTemplate',
      controller: 'NewFileModalController',
      size: 'lg',
      resolve: {
        parent_folder() {
          return $scope.entity
        },
        projectFeatures() {
          return ide.$scope.project.features
        },
        type() {
          return 'doc'
        },
        userFeatures() {
          return ide.$scope.user.features
        }
      }
    })

  $scope.openNewFolderModal = () =>
    $modal.open({
      templateUrl: 'newFolderModalTemplate',
      controller: 'NewFolderModalController',
      resolve: {
        parent_folder() {
          return $scope.entity
        }
      }
    })

  return ($scope.openUploadFileModal = () =>
    $modal.open({
      templateUrl: 'newFileModalTemplate',
      controller: 'NewFileModalController',
      size: 'lg',
      resolve: {
        parent_folder() {
          return $scope.entity
        },
        projectFeatures() {
          return ide.$scope.project.features
        },
        type() {
          return 'upload'
        },
        userFeatures() {
          return ide.$scope.user.features
        }
      }
    }))
})