mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-11 15:16:36 -05:00
1fcf94c3b9
React shared context GitOrigin-RevId: ebc6fa90dd8c65ddf803fd457c99a30f0e8e3c9c
44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
import App from '../../../base'
|
|
import OutlinePane from '../components/outline-pane'
|
|
import { react2angular } from 'react2angular'
|
|
import { rootContext } from '../../../shared/context/root-context'
|
|
|
|
App.controller('OutlineController', function($scope, ide, eventTracking) {
|
|
$scope.isTexFile = false
|
|
$scope.outline = []
|
|
$scope.eventTracking = eventTracking
|
|
|
|
$scope.$on('outline-manager:outline-changed', onOutlineChange)
|
|
|
|
function onOutlineChange(e, outlineInfo) {
|
|
$scope.$applyAsync(() => {
|
|
$scope.isTexFile = outlineInfo.isTexFile
|
|
$scope.outline = outlineInfo.outline
|
|
$scope.highlightedLine = outlineInfo.highlightedLine
|
|
})
|
|
}
|
|
|
|
$scope.jumpToLine = (lineNo, syncToPdf) => {
|
|
ide.outlineManager.jumpToLine(lineNo, syncToPdf)
|
|
eventTracking.sendMB('outline-jump-to-line')
|
|
}
|
|
|
|
$scope.onToggle = isOpen => {
|
|
$scope.$applyAsync(() => {
|
|
$scope.$emit('outline-toggled', isOpen)
|
|
})
|
|
}
|
|
})
|
|
|
|
// Wrap React component as Angular component. Only needed for "top-level" component
|
|
App.component(
|
|
'outlinePane',
|
|
react2angular(rootContext.use(OutlinePane), [
|
|
'outline',
|
|
'jumpToLine',
|
|
'highlightedLine',
|
|
'eventTracking',
|
|
'onToggle',
|
|
'isTexFile'
|
|
])
|
|
)
|