overleaf/services/web/frontend/js/features/clone-project-modal/controllers/left-menu-clone-project-modal-controller.js

import App from '../../../base'
import { react2angular } from 'react2angular'

import CloneProjectModal from '../components/clone-project-modal'

App.component('cloneProjectModal', react2angular(CloneProjectModal))

export default App.controller(
  'LeftMenuCloneProjectModalController',
  function ($scope, ide) {
    $scope.show = false
    $scope.projectId = ide.$scope.project_id

    $scope.handleHide = () => {
      $scope.$applyAsync(() => {
        $scope.show = false
      })
    }

    $scope.openProject = projectId => {
      window.location.assign(`/project/${projectId}`)
    }

    $scope.openCloneProjectModal = () => {
      $scope.$applyAsync(() => {
        const { project } = ide.$scope

        if (project) {
          $scope.projectId = project._id
          $scope.projectName = project.name

          $scope.show = true

          // TODO: is this needed
          window.setTimeout(() => {
            $scope.$broadcast('open')
          }, 200)
        }
      })
    }
  }
)