dashboard: fix modal issue - add fading to removed users

circle/dashboard/static/dashboard/group-details.js

@@ -28,12 +28,14 @@
   /* for Node removes buttons */
   /* for Node removes buttons */
   $('.delete-from-group').click(function() {
   $('.delete-from-group').click(function() {
     var href = $(this).attr('href');
     var href = $(this).attr('href');
+    var tr = $(this).closest('tr');
     var group = $(this).data('group_pk');
     var group = $(this).data('group_pk');
     var member = $(this).data('member_pk');
     var member = $(this).data('member_pk');
     var dir = window.location.pathname.indexOf('list') == -1;
     var dir = window.location.pathname.indexOf('list') == -1;
     addModalConfirmation(removeMember, 
     addModalConfirmation(removeMember, 
       { 'url': href,
       { 'url': href,
         'data': [],
         'data': [],
+	'tr': tr,
     	'group_pk': group,
     	'group_pk': group,
         'member_pk': member,
         'member_pk': member,
         'type': "user",
         'type': "user",
@@ -48,7 +50,8 @@ function removeMember(data) {
     url: data['url'],
     url: data['url'],
     headers: {"X-CSRFToken": getCookie('csrftoken')},
     headers: {"X-CSRFToken": getCookie('csrftoken')},
     success: function(re, textStatus, xhr) {
     success: function(re, textStatus, xhr) {
-    $('#group-detail-pane').load(location.href+" #group-detail-panel");
+    data['tr'].fadeOut(function() {
+	    $(this).remove();});
     },
     },
     error: function(xhr, textStatus, error) {
     error: function(xhr, textStatus, error) {
       addMessage('Uh oh :(', 'danger')
       addMessage('Uh oh :(', 'danger')

circle/dashboard/templates/dashboard/group-detail.html

@@ -31,7 +31,7 @@
     </div>
     </div>
     <div class="col-md-8" id="group-detail-pane">
     <div class="col-md-8" id="group-detail-pane">
       <div class="panel panel-default" id="group-detail-panel">
       <div class="panel panel-default" id="group-detail-panel">
-        <div class="tab-content panel-body">
+        <div class="tab-content panel-body" id="group-form-body">
 
 
 		<h3>{% trans "User list"|capfirst %}</h3>
 		<h3>{% trans "User list"|capfirst %}</h3>
 <form action="" method="post">{% csrf_token %}
 <form action="" method="post">{% csrf_token %}