Overleaf/services/web/frontend/js/ide/settings/controllers/ProjectNameController.js

/* eslint-disable
    max-len,
    no-return-assign,
    no-unused-vars,
*/
// 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'
const MAX_PROJECT_NAME_LENGTH = 150

export default App.controller('ProjectNameController', function(
  $scope,
  $element,
  settings,
  ide
) {
  const projectNameReadOnlyEl = $element.find('.name')[0]

  $scope.state = {
    renaming: false,
    overflowed: false
  }

  $scope.inputs = {}

  $scope.startRenaming = function() {
    $scope.inputs.name = $scope.project.name
    $scope.state.renaming = true
    return $scope.$emit('project:rename:start')
  }

  $scope.finishRenaming = function() {
    $scope.state.renaming = false
    const newName = $scope.inputs.name
    if ($scope.project.name === newName) {
      return
    }
    const oldName = $scope.project.name
    $scope.project.name = newName
    return settings
      .saveProjectSettings({ name: $scope.project.name })
      .catch(function(response) {
        const { data, status } = response
        $scope.project.name = oldName
        if (status === 400) {
          return ide.showGenericMessageModal('Error renaming project', data)
        } else {
          return ide.showGenericMessageModal(
            'Error renaming project',
            'Please try again in a moment'
          )
        }
      })
  }

  ide.socket.on('projectNameUpdated', name =>
    $scope.$apply(() => ($scope.project.name = name))
  )

  return $scope.$watch('project.name', function(name) {
    if (name != null) {
      window.document.title =
        name + ` - Online LaTeX Editor ${ExposedSettings.appName}`
      return $scope.$applyAsync(
        () =>
          // This ensures that the element is measured *after* the binding is done (i.e. project name is rendered).
          ($scope.state.overflowed =
            projectNameReadOnlyEl.scrollWidth >
            projectNameReadOnlyEl.clientWidth)
      )
    }
  })
})