overleaf/services/web/frontend/js/ide/share/controllers/ShareProjectModalController.js
Alasdair Smith 8f5270899f Merge pull request #2707 from overleaf/as-transform-esm
Transform frontend module format from AMD to ESM

GitOrigin-RevId: 9adbcdc95e819a54114010c6fd3521d8f58ef2fe
2020-05-20 03:21:38 +00:00

299 lines
8.2 KiB
JavaScript

import App from '../../../base'
App.controller('ShareProjectModalController', function(
$scope,
$modalInstance,
$timeout,
projectMembers,
projectInvites,
$modal,
$http,
ide,
validateCaptcha,
validateCaptchaV3,
settings,
// eslint-disable-next-line camelcase
eventTracking
) {
$scope.inputs = {
privileges: 'readAndWrite',
contacts: []
}
$scope.state = {
error: null,
errorReason: null,
inflight: false,
startedFreeTrial: false,
invites: []
}
$modalInstance.opened.then(() =>
$timeout(() => $scope.$broadcast('open'), 200)
)
const INFINITE_COLLABORATORS = -1
$scope.refreshCanAddCollaborators = function() {
const allowedNoOfMembers = $scope.project.features.collaborators
$scope.canAddCollaborators =
$scope.project.members.length + $scope.project.invites.length <
allowedNoOfMembers || allowedNoOfMembers === INFINITE_COLLABORATORS
}
$scope.refreshCanAddCollaborators()
$scope.$watch('canAddCollaborators', function() {
if (!$scope.canAddCollaborators) {
eventTracking.send(
'subscription-funnel',
'editor-click-feature',
'projectMembers'
)
}
})
$scope.$watch(
'(project.members.length + project.invites.length)',
_noOfMembers => $scope.refreshCanAddCollaborators()
)
$scope.autocompleteContacts = []
$http.get('/user/contacts').then(function(response) {
const { data } = response
$scope.autocompleteContacts = data.contacts || []
for (let contact of $scope.autocompleteContacts) {
if (contact.type === 'user') {
if (
contact.first_name === contact.email.split('@')[0] &&
!contact.last_name
) {
// User has not set their proper name so use email as canonical display property
contact.display = contact.email
} else {
contact.name = `${contact.first_name} ${contact.last_name}`
contact.display = `${contact.name} <${contact.email}>`
}
} else {
// Must be a group
contact.display = contact.name
}
}
})
const getCurrentMemberEmails = () =>
($scope.project.members || []).map(u => u.email)
const getCurrentInviteEmails = () =>
($scope.project.invites || []).map(u => u.email)
$scope.filterAutocompleteUsers = function($query) {
const currentMemberEmails = getCurrentMemberEmails()
return $scope.autocompleteContacts.filter(function(contact) {
if (
contact.email != null &&
currentMemberEmails.includes(contact.email)
) {
return false
}
for (let text of [contact.name, contact.email]) {
if (
text != null &&
text.toLowerCase().indexOf($query.toLowerCase()) > -1
) {
return true
}
}
return false
})
}
$scope.addMembers = function() {
const addMembers = function() {
if ($scope.inputs.contacts.length === 0) {
return
}
const members = $scope.inputs.contacts
$scope.inputs.contacts = []
$scope.clearError()
$scope.state.inflight = true
if ($scope.project.invites == null) {
$scope.project.invites = []
}
const currentMemberEmails = getCurrentMemberEmails()
const currentInviteEmails = getCurrentInviteEmails()
addNextMember()
function addNextMember() {
let email
if (members.length === 0 || !$scope.canAddCollaborators) {
$scope.state.inflight = false
$scope.$apply()
return
}
const member = members.shift()
if (member.type === 'user') {
email = member.email
} else {
// Not an auto-complete object, so email == display
email = member.display
}
email = email.toLowerCase()
if (currentMemberEmails.includes(email)) {
// Skip this existing member
return addNextMember()
}
// do v3 captcha to collect data only
validateCaptchaV3('invite')
// do v2 captcha
const ExposedSettings = window.ExposedSettings
validateCaptcha(function(response) {
$scope.grecaptchaResponse = response
const invites = $scope.project.invites || []
const invite = _.find(invites, invite => invite.email === email)
let request
if (currentInviteEmails.includes(email) && invite) {
request = projectInvites.resendInvite(invite._id)
} else {
request = projectInvites.sendInvite(
email,
$scope.inputs.privileges,
$scope.grecaptchaResponse
)
}
request
.then(function(response) {
const { data } = response
if (data.error) {
$scope.setError(data.error)
$scope.state.inflight = false
} else {
if (data.invite) {
const { invite } = data
$scope.project.invites.push(invite)
} else {
const users =
data.users != null
? data.users
: data.user != null
? [data.user]
: []
$scope.project.members.push(...users)
}
}
setTimeout(
() =>
// Give $scope a chance to update $scope.canAddCollaborators
// with new collaborator information.
addNextMember(),
0
)
})
.catch(function(httpResponse) {
const { data } = httpResponse
$scope.state.inflight = false
$scope.setError(data.errorReason)
})
}, ExposedSettings.recaptchaDisabled.invite)
}
}
$timeout(addMembers, 50) // Give email list a chance to update
}
$scope.removeMember = function(member) {
$scope.monitorRequest(
projectMembers.removeMember(member).then(function() {
const index = $scope.project.members.indexOf(member)
if (index === -1) {
return
}
$scope.project.members.splice(index, 1)
})
)
}
$scope.revokeInvite = function(invite) {
$scope.monitorRequest(
projectInvites.revokeInvite(invite._id).then(function() {
const index = $scope.project.invites.indexOf(invite)
if (index === -1) {
return
}
$scope.project.invites.splice(index, 1)
})
)
}
$scope.resendInvite = function(invite, event) {
$scope.monitorRequest(
projectInvites
.resendInvite(invite._id)
.then(function() {
event.target.blur()
})
.catch(function() {
event.target.blur()
})
)
}
$scope.makeTokenBased = function() {
$scope.project.publicAccesLevel = 'tokenBased'
settings.saveProjectAdminSettings({ publicAccessLevel: 'tokenBased' })
eventTracking.sendMB('project-make-token-based')
}
$scope.makePrivate = function() {
$scope.project.publicAccesLevel = 'private'
settings.saveProjectAdminSettings({ publicAccessLevel: 'private' })
}
$scope.$watch('project.tokens.readAndWrite', function(token) {
if (token != null) {
$scope.readAndWriteTokenLink = `${location.origin}/${token}`
} else {
$scope.readAndWriteTokenLink = null
}
})
$scope.$watch('project.tokens.readOnly', function(token) {
if (token != null) {
$scope.readOnlyTokenLink = `${location.origin}/read/${token}`
} else {
$scope.readOnlyTokenLink = null
}
})
$scope.done = () => $modalInstance.close()
$scope.cancel = () => $modalInstance.dismiss()
$scope.monitorRequest = function monitorRequest(request) {
$scope.clearError()
$scope.state.inflight = true
return request
.then(() => {
$scope.state.inflight = false
$scope.clearError()
})
.catch(err => {
$scope.state.inflight = false
$scope.setError(err.data && err.data.error)
})
}
$scope.clearError = function clearError() {
$scope.state.error = false
}
$scope.setError = function setError(reason) {
$scope.state.error = true
$scope.state.errorReason = reason
}
})