Add spinner to 'resend invite' action

getsentry · Feb 27, 2015 · 91444f1 · 91444f1
1 parent 14e6555
commit 91444f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/sentry/static/sentry/less/fonts.less b/src/sentry/static/sentry/less/fonts.less
@@ -47,8 +47,8 @@
 // Make em spin
 
 .spin {
-  -webkit-animation: icon-spin 2s infinite linear;
-          animation: icon-spin 2s infinite linear;
+  -webkit-animation: icon-spin 1.2s infinite linear;
+          animation: icon-spin 1.2s infinite linear;
 }
 
 @-webkit-keyframes icon-spin {

diff --git a/src/sentry/templates/sentry/organization-members.html b/src/sentry/templates/sentry/organization-members.html
@@ -53,7 +53,7 @@ <h2>Members</h2>
               {% else %}
                 <strong>Invited</strong>
               {% endif %}
-              <small><a href="javascript:void(0)" class="resend-invite btn btn-small btn-primary" data-member-id="{{ member.id }}">Resend invite</a></small>
+              <a href="javascript:void(0)" class="resend-invite btn btn-small btn-primary" data-member-id="{{ member.id }}">Resend invite</a>
             {% endif %}
           </td>
           <td>{{ member.get_type_display }}</td>
@@ -111,6 +111,7 @@ <h2>Members</h2>
 
   $('.resend-invite').click(function(){
     var $this = $(this);
+    $this.replaceWith('<span class="icon-spinner spin"></span>');
     $.ajax({
       url: app.config.urlPrefix + '/api/0/organizations/' + app.config.organizationId + '/members/' + $this.data('member-id') + '/',
       data: JSON.stringify({