import _ from 'lodash' /* 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: * 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' import isValidTeXFile from '../../../main/is-valid-tex-file' export default App.controller('SettingsController', function( $scope, settings, ide ) { $scope.overallThemesList = window.overallThemes $scope.ui = { loadingStyleSheet: false } const _updateCSSFile = function(theme) { $scope.ui.loadingStyleSheet = true const docHeadEl = document.querySelector('head') const oldStyleSheetEl = document.getElementById('main-stylesheet') const newStyleSheetEl = document.createElement('link') newStyleSheetEl.addEventListener('load', e => { return $scope.$applyAsync(() => { $scope.ui.loadingStyleSheet = false return docHeadEl.removeChild(oldStyleSheetEl) }) }) newStyleSheetEl.setAttribute('rel', 'stylesheet') newStyleSheetEl.setAttribute('id', 'main-stylesheet') newStyleSheetEl.setAttribute('href', theme.path) return docHeadEl.appendChild(newStyleSheetEl) } if (!['default', 'vim', 'emacs'].includes($scope.settings.mode)) { $scope.settings.mode = 'default' } if (!['pdfjs', 'native'].includes($scope.settings.pdfViewer)) { $scope.settings.pdfViewer = 'pdfjs' } if ( $scope.settings.fontFamily != null && !['monaco', 'lucida'].includes($scope.settings.fontFamily) ) { delete $scope.settings.fontFamily } if ( $scope.settings.lineHeight != null && !['compact', 'normal', 'wide'].includes($scope.settings.lineHeight) ) { delete $scope.settings.lineHeight } $scope.fontSizeAsStr = function(newVal) { if (newVal != null) { $scope.settings.fontSize = newVal } return $scope.settings.fontSize.toString() } $scope.getValidMainDocs = () => { let filteredDocs = [] if ($scope.docs) { // Filter the existing docs (editable files) by accepted file extensions. // It's possible that an existing project has an invalid file selected as the main one. // To gracefully handle that case, make sure we also show the current main file (ignoring extension). filteredDocs = $scope.docs.filter( doc => isValidTeXFile(doc.doc.name) || $scope.project.rootDoc_id === doc.doc.id ) } return filteredDocs } $scope.$watch('settings.editorTheme', (editorTheme, oldEditorTheme) => { if (editorTheme !== oldEditorTheme) { return settings.saveSettings({ editorTheme }) } }) $scope.$watch('settings.overallTheme', (overallTheme, oldOverallTheme) => { if (overallTheme !== oldOverallTheme) { const chosenTheme = _.find( $scope.overallThemesList, theme => theme.val === overallTheme ) if (chosenTheme != null) { _updateCSSFile(chosenTheme) return settings.saveSettings({ overallTheme }) } } }) $scope.$watch('settings.fontSize', (fontSize, oldFontSize) => { if (fontSize !== oldFontSize) { return settings.saveSettings({ fontSize: parseInt(fontSize, 10) }) } }) $scope.$watch('settings.mode', (mode, oldMode) => { if (mode !== oldMode) { return settings.saveSettings({ mode }) } }) $scope.$watch('settings.autoComplete', (autoComplete, oldAutoComplete) => { if (autoComplete !== oldAutoComplete) { return settings.saveSettings({ autoComplete }) } }) $scope.$watch( 'settings.autoPairDelimiters', (autoPairDelimiters, oldAutoPairDelimiters) => { if (autoPairDelimiters !== oldAutoPairDelimiters) { return settings.saveSettings({ autoPairDelimiters }) } } ) $scope.$watch('settings.pdfViewer', (pdfViewer, oldPdfViewer) => { if (pdfViewer !== oldPdfViewer) { return settings.saveSettings({ pdfViewer }) } }) $scope.$watch( 'settings.syntaxValidation', (syntaxValidation, oldSyntaxValidation) => { if (syntaxValidation !== oldSyntaxValidation) { return settings.saveSettings({ syntaxValidation }) } } ) $scope.$watch('settings.fontFamily', (fontFamily, oldFontFamily) => { if (fontFamily !== oldFontFamily) { return settings.saveSettings({ fontFamily }) } }) $scope.$watch('settings.lineHeight', (lineHeight, oldLineHeight) => { if (lineHeight !== oldLineHeight) { return settings.saveSettings({ lineHeight }) } }) $scope.$watch('project.spellCheckLanguage', (language, oldLanguage) => { if (this.ignoreUpdates) { return } if (oldLanguage != null && language !== oldLanguage) { settings.saveProjectSettings({ spellCheckLanguage: language }) // Also set it as the default for the user return settings.saveSettings({ spellCheckLanguage: language }) } }) $scope.$watch('project.compiler', (compiler, oldCompiler) => { if (this.ignoreUpdates) { return } if (oldCompiler != null && compiler !== oldCompiler) { return settings.saveProjectSettings({ compiler }) } }) $scope.$watch('project.imageName', (imageName, oldImageName) => { if (this.ignoreUpdates) { return } if (oldImageName != null && imageName !== oldImageName) { return settings.saveProjectSettings({ imageName }) } }) $scope.$watch('project.rootDoc_id', (rootDoc_id, oldRootDoc_id) => { if (this.ignoreUpdates) { return } // don't save on initialisation, Angular passes oldRootDoc_id as // undefined in this case. if (typeof oldRootDoc_id === 'undefined') { return } if ($scope.permissionsLevel === 'readOnly') { // The user is unauthorized to persist rootDoc changes. // Use the new value for this very editor session only. return } // otherwise only save changes, null values are allowed if (rootDoc_id !== oldRootDoc_id) { settings.saveProjectSettings({ rootDocId: rootDoc_id }).catch(() => { $scope.project.rootDoc_id = oldRootDoc_id }) } }) ide.socket.on('compilerUpdated', compiler => { this.ignoreUpdates = true $scope.$apply(() => { return ($scope.project.compiler = compiler) }) return delete this.ignoreUpdates }) ide.socket.on('imageNameUpdated', imageName => { this.ignoreUpdates = true $scope.$apply(() => { return ($scope.project.imageName = imageName) }) return delete this.ignoreUpdates }) return ide.socket.on('spellCheckLanguageUpdated', languageCode => { this.ignoreUpdates = true $scope.$apply(() => { return ($scope.project.spellCheckLanguage = languageCode) }) return delete this.ignoreUpdates }) })