overleaf/services/web/frontend/js/ide/LoadingManager.js

38 lines
1.1 KiB
JavaScript
Raw Normal View History

import i18n from '../i18n'
// Control the editor loading screen. We want to show the loading screen until
// both the websocket connection has been established (so that the editor is in
// the correct state) and the translations have been loaded (so we don't see a
// flash of untranslated text).
class LoadingManager {
constructor($scope) {
this.$scope = $scope
const socketPromise = new Promise(resolve => {
this.resolveSocketPromise = resolve
})
Promise.all([socketPromise, i18n])
.then(() => {
this.$scope.$apply(() => {
this.$scope.state.load_progress = 100
this.$scope.state.loading = false
this.$scope.$emit('editor:loaded')
})
})
// Note: this will only catch errors in from i18n setup. ConnectionManager
// handles errors for the socket connection
.catch(() => {
this.$scope.$apply(() => {
this.$scope.state.error = 'Could not load translations.'
})
})
}
socketLoaded() {
this.resolveSocketPromise()
}
}
export default LoadingManager