angular

PlexRequests.UI/Content/app/app.js

@@ -0,0 +1,3 @@
+(function() {
+    module = angular.module('PlexRequests', []);
+}());

PlexRequests.UI/Content/app/controllers/userManagement/userManagementController.js

@@ -0,0 +1,36 @@
+(function () {
+
+    var controller = function ($scope, userManagementService) {
+
+        $scope.user = {}; // The local user to create
+        $scope.users = []; // list of users
+
+        $scope.error = false;
+        $scope.errorMessage = {};
+
+        $scope.getUsers = function () {
+            $scope.users = userManagementService.getUsers()
+            .then(function (data) {
+                $scope.users = data.data;
+            });
+        };
+
+        $scope.addUser = function () {
+            if ($scope.users.length === 0) {
+                $scope.getUsers();
+            }
+            userManagementService.addUser($scope.user).then(function (data) {
+                if (data.message) {
+                    $scope.error = true;
+                    $scope.errorMessage = data.message;
+                } else {
+                    $scope.users.push(data);
+                    $scope.user = {};
+                }
+            });
+        };
+    }
+
+    angular.module('PlexRequests').controller('userManagementController', ["$scope", "userManagementService", controller]);
+
+}());

PlexRequests.UI/Content/app/services/userManagement/userManagementService.js

@@ -0,0 +1,29 @@
+(function () {
+
+    var userManagementService = function ($http) {
+
+        var getUsers = function () {
+            return $http.get('/usermanagement/users');
+        };
+
+        var addUser = function (user) {
+
+           return $http({
+                url: '/usermanagement/createuser',
+                method: "POST",
+                data: $.param(user),
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
+                }
+            });
+        }
+
+        return {
+            getUsers: getUsers,
+            addUser: addUser
+        };
+    }
+
+    angular.module('PlexRequests').factory('userManagementService', ["$http", userManagementService]);
+
+}());