refactor(admin): convert to component

Previously, admin was implemented as a loosely coupled controller. Converting it to a full component makes it consistent with main and generated components.

Author: nstuyvesant

Diff for: src/test/get-expected-files.js

@@ -176,7 +176,7 @@ export function app(options) {
       'client/app/account/signup/signup.' + markup,
       'client/app/account/signup/index.' + script,
       'client/app/account/signup/signup.controller.' + script,
-      'client/app/admin/index.' + script,
+      'client/app/admin/admin.component.' + script,
       'client/app/admin/admin.' + markup,
       'client/app/admin/admin.' + stylesheet,
       'client/app/admin/admin.controller.' + script,

Diff for: templates/app/client/app/admin(auth)/admin(html).html

@@ -1,12 +1,12 @@
 <div class="container">
   <p>The delete user and user index api routes are restricted to users with the 'admin' role.</p>
   <ul class="list-group user-list">
-    <li class="list-group-item" ng-repeat="user in admin.users">
+    <li class="list-group-item" ng-repeat="user in $ctrl.users">
 	    <div class="user-info">
 	        <strong>{{user.name}}</strong><br>
 	        <span class="text-muted">{{user.email}}</span>
 	    </div>
-        <a ng-click="admin.delete(user)" class="trash"><span class="fa fa-trash fa-2x"></span></a>
+        <a ng-click="$ctrl.delete(user)" class="trash"><span class="fa fa-trash fa-2x"></span></a>
     </li>
   </ul>
 </div>

Diff for: templates/app/client/app/admin(auth)/admin(pug).pug

@@ -2,9 +2,9 @@
   p
     | The delete user and user index api routes are restricted to users with the 'admin' role.
   ul.list-group
-    li.list-group-item(ng-repeat='user in admin.users')
+    li.list-group-item(ng-repeat='user in $ctrl.users')
       strong {{user.name}}
       br
       span.text-muted {{user.email}}
-      a.trash(ng-click='admin.delete(user)')
+      a.trash(ng-click='$ctrl.delete(user)')
         span.glyphicon.glyphicon-trash.pull-right

Diff for: templates/app/client/app/admin(auth)/admin.component.js

@@ -0,0 +1,14 @@
+'use strict';
+import angular from 'angular';<% if (filters.uirouter) { %>
+import uiRouter from 'angular-ui-router';<% } %>
+import routes from './admin.routes';
+import AdminController from './admin.controller';
+
+export default angular.module('<%= scriptAppName %>.admin', ['<%= scriptAppName %>.auth'<% if (filters.ngroute) { %>,
+  'ngRoute'<% } if (filters.uirouter) { %>, uiRouter<% } %>])
+  .config(routes)
+  .component('admin', {
+    template: require('./admin.<%= templateExt %>'),
+    controller: AdminController
+  })
+  .name;

Diff for: templates/app/client/app/admin(auth)/admin.controller.js

@@ -7,8 +7,11 @@ export default class AdminController {
   <%_ } _%>
   /*@ngInject*/
   constructor(User) {
-    // Use the User $resource to fetch all users
-    this.users = User.query();
+    this.User = User;
+  }
+
+  $onInit() {
+    this.users = this.User.query(); // Fetch all users
   }
 
   delete(user) {

Diff for: templates/app/client/app/admin(auth)/admin.routes.js

@@ -5,9 +5,7 @@ export default function routes($routeProvider) {
   'ngInject';
   $routeProvider
     .when('/admin', {
-      template: require('./admin.<%= templateExt %>'),
-      controller: 'AdminController',
-      controllerAs: 'admin',
+      template: '<admin></admin>',
       authenticate: 'admin'
     });
 };<% } %>
@@ -17,9 +15,7 @@ export default function routes($stateProvider) {
   $stateProvider
     .state('admin', {
       url: '/admin',
-      template: require('./admin.<%= templateExt %>'),
-      controller: 'AdminController',
-      controllerAs: 'admin',
+      template: '<admin></admin>',
       authenticate: 'admin'
     });
 };<% } %>

Diff for: templates/app/client/app/admin(auth)/index.js

@@ -22,7 +22,7 @@ import {routeConfig} from './app.config';
 <%_ if(filters.auth) { _%>
 import _Auth from '../components/auth/auth.module';
 import account from './account';
-import admin from './admin';<% } %>
+import admin from './admin/admin.component';<% } %>
 import navbar from '../components/navbar/navbar.component';
 import footer from '../components/footer/footer.component';
 import main from './main/main.component';