github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2435 from overleaf/ta-group-invite-form-fix

Browse source 
Add UI Feedback To Group Invite Form

GitOrigin-RevId: aec05d586c4ccfc7739b6b94d1f49763ea229c6e
This commit is contained in:
Timothée Alby 2019-12-05 19:28:08 +05:30 committed by Copybot
parent 5783f99fbd
commit 2705aea54c
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/app/views/user_membership/index.pug
View file

@ -89,7 +89,9 @@ block content
aria-describedby="add-members-description"
)
.col-xs-4
button.btn.btn-primary(ng-click="addMembers()") #{translate("add")}
button.btn.btn-primary(ng-click="addMembers()", ng-disabled="inputs.addMembers.inflightCount > 0")
span(ng-show="inputs.addMembers.inflightCount === 0") #{translate("add")}
span(ng-show="inputs.addMembers.inflightCount > 0") #{translate("adding")}...
.col-xs-2(ng-if="paths.exportMembers", ng-cloak)
a(href=paths.exportMembers) #{translate('export_csv')}
.row

13
services/web/frontend/js/main/user-membership.js
View file

@ -23,7 +23,8 @@ define(['base'], function(App) {
addMembers: {
content: '',
error: false,
errorMessage: null
errorMessage: null,
inflightCount: 0
},
removeMembers: {
error: false,
@ -42,14 +43,17 @@ define(['base'], function(App) {
$scope.addMembers = function() {
$scope.inputs.addMembers.error = false
$scope.inputs.addMembers.errorMessage = null
$scope.inputs.addMembers.inflightCount = 0
const emails = parseEmails($scope.inputs.addMembers.content)
return Array.from(emails).map(email =>
queuedHttp
return Array.from(emails).map(email => {
$scope.inputs.addMembers.inflightCount += 1
return queuedHttp
.post(paths.addMember, {
email,
_csrf: window.csrfToken
})
.then(function(response) {
$scope.inputs.addMembers.inflightCount -= 1
const { data } = response
if (data.user != null) {
$scope.users.push(data.user)
@ -57,12 +61,13 @@ define(['base'], function(App) {
return ($scope.inputs.addMembers.content = '')
})
.catch(function(response) {
$scope.inputs.addMembers.inflightCount -= 1
const { data } = response
$scope.inputs.addMembers.error = true
return ($scope.inputs.addMembers.errorMessage =
data.error != null ? data.error.message : undefined)
})
)
})
}
$scope.removeMembers = function() {