UX: Add saving status to groups admin.

app/assets/javascripts/admin/controllers/admin-group.js.es6

@@ -4,6 +4,7 @@ import { propertyEqual } from 'discourse/lib/computed';
 export default Ember.Controller.extend({
   needs: ['adminGroupsType'],
   disableSave: false,
+  savingStatus: '',
 
   currentPage: function() {
     if (this.get("model.user_count") === 0) { return 0; }
@@ -95,12 +96,15 @@ export default Ember.Controller.extend({
             groupType = groupsController.get("type");
 
       this.set('disableSave', true);
+      this.set('savingStatus', I18n.t('saving'));
 
       let promise = group.get("id") ? group.save() : group.create().then(() => groupsController.addObject(group));
 
-      promise.then(() => this.transitionToRoute("adminGroup", groupType, group.get('name')))
-             .catch(popupAjaxError)
-             .finally(() => this.set('disableSave', false));
+      promise.then(() => {
+        this.transitionToRoute("adminGroup", groupType, group.get('name'));
+        this.set('savingStatus', I18n.t('saved'));
+      }).catch(popupAjaxError)
+        .finally(() => this.set('disableSave', false));
     },
 
     destroy() {

app/assets/javascripts/admin/routes/admin-group.js.es6

@@ -21,6 +21,7 @@ export default Discourse.Route.extend({
   setupController: function(controller, model) {
     controller.set("model", model);
     controller.set("model.usernames", null);
+    controller.set("savingStatus", '');
     model.findMembers();
   }
 

app/assets/javascripts/admin/templates/group.hbs

@@ -106,6 +106,7 @@
     {{#unless model.automatic}}
       <button {{action "destroy"}} class='btn btn-danger'>{{fa-icon "trash-o"}}{{i18n 'admin.customize.delete'}}</button>
     {{/unless}}
+    <span {{bind-attr class=":saving savingStatus::hidden"}}>{{savingStatus}}</span>
   </div>
 
 </form>