mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
e7c4ce6e80
[ReactFileTree] Update Editor View on Empty Selection GitOrigin-RevId: 18744cd64c2a012488c3d0969549ae464e752a4b
67 lines
2 KiB
JavaScript
67 lines
2 KiB
JavaScript
import App from '../../../base'
|
|
import { react2angular } from 'react2angular'
|
|
|
|
import FileTreeRoot from '../components/file-tree-root'
|
|
|
|
App.controller('ReactFileTreeController', function(
|
|
$scope,
|
|
$timeout,
|
|
ide,
|
|
eventTracking
|
|
) {
|
|
$scope.projectId = ide.project_id
|
|
$scope.rootFolder = null
|
|
$scope.rootDocId = null
|
|
$scope.hasWritePermissions = false
|
|
|
|
$scope.$on('project:joined', () => {
|
|
$scope.rootFolder = $scope.project.rootFolder
|
|
$scope.rootDocId = $scope.project.rootDoc_id
|
|
$scope.$emit('file-tree:initialized')
|
|
})
|
|
|
|
$scope.$watch('permissions.write', hasWritePermissions => {
|
|
$scope.hasWritePermissions = hasWritePermissions
|
|
})
|
|
|
|
$scope.$watch('editor.open_doc_id', openDocId => {
|
|
window.dispatchEvent(
|
|
new CustomEvent('editor.openDoc', { detail: openDocId })
|
|
)
|
|
})
|
|
|
|
$scope.onInit = () => {
|
|
// HACK: resize the vertical pane on init after a 0ms timeout. We do not
|
|
// understand why this is necessary but without this the resized handle is
|
|
// stuck at the bottom. The vertical resize will soon be migrated to React
|
|
// so we accept to live with this hack for now.
|
|
$timeout(() => {
|
|
$scope.$emit('left-pane-resize-all')
|
|
})
|
|
}
|
|
|
|
$scope.onSelect = selectedEntities => {
|
|
if (selectedEntities.length === 1) {
|
|
const selectedEntity = selectedEntities[0]
|
|
const type =
|
|
selectedEntity.type === 'fileRef' ? 'file' : selectedEntity.type
|
|
$scope.$emit('entity:selected', {
|
|
...selectedEntity.entity,
|
|
id: selectedEntity.entity._id,
|
|
type
|
|
})
|
|
|
|
// in the react implementation there is no such concept as "1
|
|
// multi-selected entity" so here we pass a count of 0
|
|
$scope.$emit('entities:multiSelected', { count: 0 })
|
|
} else if (selectedEntities.length > 1) {
|
|
$scope.$emit('entities:multiSelected', {
|
|
count: selectedEntities.length
|
|
})
|
|
} else {
|
|
$scope.$emit('entity:no-selection')
|
|
}
|
|
}
|
|
})
|
|
|
|
App.component('fileTreeRoot', react2angular(FileTreeRoot))
|