move available groups loader into router

app/assets/javascripts/admin/components/admin-group-selector.js.es6

@@ -21,11 +21,6 @@ export default Ember.Component.extend({
                                     ).findBy("id", evt.removed.id)});
         }
       }.bind(this));
-
-    Discourse.Group.findAll().then(function(groups){
-      this.set("available", groups.filterBy("automatic", false));
-    }.bind(this));
-
     this._refreshOnReset();
   },
 

app/assets/javascripts/admin/routes/admin_user_route.js

@@ -23,6 +23,11 @@ Discourse.AdminUserRoute = Discourse.Route.extend({
   afterModel: function(adminUser) {
     var controller = this.controllerFor('adminUser');
 
+    Discourse.Group.findAll().then(function(groups){
+      controller.set("availableGroups", groups.filterBy("automatic", false));
+    }.bind(this));
+
+
     return adminUser.loadDetails().then(function () {
       adminUser.setOriginalTrustLevel();
       controller.set('model', adminUser);

app/assets/javascripts/admin/templates/user_index.js.handlebars

@@ -55,7 +55,7 @@
   <div class='display-row'>
     <div class='field'>{{i18n admin.groups.title}}</div>
     <div class='value'>
-      {{admin-group-selector selected=model.groups }}
+      {{admin-group-selector selected=model.groups available=availableGroups}}
     </div>
     <div class='controls'>
       {{#if custom_groups}}