Initial Commit

client/app/admin/admin.controller.js

@@ -0,0 +1,14 @@
+'use strict';
+
+export default class AdminController {
+  /*@ngInject*/
+  constructor(User) {
+    // Use the User $resource to fetch all users
+    this.users = User.query();
+  }
+
+  delete(user) {
+    user.$remove();
+    this.users.splice(this.users.indexOf(user), 1);
+  }
+}

client/app/admin/admin.css

@@ -0,0 +1,19 @@
+.trash { color:rgb(209, 91, 71); }
+
+.user-list li {
+	display: flex;
+	border: none;
+	border-bottom: 1px lightgray solid;
+	margin-bottom: 0;
+}
+.user-list li:last-child {
+	border-bottom: none;
+}
+.user-list li .user-info {
+	flex-grow: 1;
+}
+.user-list li .trash {
+	display: flex;
+	align-items: center;
+	text-decoration: none;
+}

client/app/admin/admin.html

@@ -0,0 +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">
+	    <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>
+    </li>
+  </ul>
+</div>

client/app/admin/admin.routes.js

@@ -0,0 +1,13 @@
+'use strict';
+
+export default function routes($stateProvider) {
+  'ngInject';
+
+  $stateProvider.state('admin', {
+    url: '/admin',
+    template: require('./admin.html'),
+    controller: 'AdminController',
+    controllerAs: 'admin',
+    authenticate: 'admin'
+  });
+}

client/app/admin/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+import angular from 'angular';
+import routes from './admin.routes';
+import AdminController from './admin.controller';
+
+export default angular.module('app2App.admin', ['app2App.auth', 'ui.router'])
+  .config(routes)
+  .controller('AdminController', AdminController)
+  .name;