Minor UI fixes for invitations

issue #5652
- display "Sending Invite..." text after clicking "RESEND" link
- change "Invitation sent" alert to notification

core/client/app/components/gh-user-invited.js

@@ -4,6 +4,7 @@ export default Ember.Component.extend({
     tagName: '',
 
     user: null,
+    isSending: false,
 
     notifications: Ember.inject.service(),
 
@@ -16,8 +17,10 @@ export default Ember.Component.extend({
     actions: {
         resend: function () {
             var user = this.get('user'),
-                notifications = this.get('notifications');
+                notifications = this.get('notifications'),
+                self = this;
 
+            this.set('isSending', true);
             user.resendInvite().then(function (result) {
                 var notificationText = 'Invitation resent! (' + user.get('email') + ')';
 
@@ -31,6 +34,8 @@ export default Ember.Component.extend({
                 }
             }).catch(function (error) {
                 notifications.showAPIError(error);
+            }).finally(function () {
+                self.set('isSending', false);
             });
         },
 

core/client/app/controllers/modals/invite-new-user.js

@@ -74,7 +74,7 @@ export default Ember.Controller.extend({
                         if (newUser.get('status') === 'invited-pending') {
                             self.get('notifications').showAlert('Invitation email was not sent.  Please try resending.', {type: 'error'});
                         } else {
-                            self.get('notifications').showAlert(notificationText, {type: 'success'});
+                            self.get('notifications').showNotification(notificationText);
                         }
                     }).catch(function (errors) {
                         newUser.deleteRecord();

core/client/app/templates/team/index.hbs

@@ -37,12 +37,16 @@
                                         {{/if}}
                                 </div>
                                 <aside class="user-list-item-aside">
+                                    {{#if component.isSending}}
+                                        <span>Sending Invite...</span>
+                                    {{else}}
                                         <a class="user-list-action" href="#" {{action "revoke" target=component}}>
                                             Revoke
                                         </a>
                                         <a class="user-list-action" href="#" {{action "resend" target=component}}>
                                             Resend
                                         </a>
+                                    {{/if}}
                                 </aside>
                             </div>
                         {{/gh-user-invited}}