User management

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

@@ -9,6 +9,7 @@
         $scope.selectedUser = {}; // User on the right side
         $scope.selectedClaims = {};
 
+
         $scope.sortType = "username";
         $scope.sortReverse = false;
         $scope.searchTerm = "";
@@ -50,7 +51,8 @@
                 return;
             }
 
-            userManagementService.addUser($scope.user, $scope.selectedClaims).then(function (data) {
+            userManagementService.addUser($scope.user, $scope.selectedClaims)
+                .then(function (data) {
                     if (data.message) {
                         $scope.error.error = true;
                         $scope.error.errorMessage = data.message;
@@ -62,11 +64,22 @@
                 });
         };
 
-        $scope.$watch('claims|filter:{selected:true}', function (nv) {
+        $scope.$watch('claims|filter:{selected:true}',
+            function (nv) {
                 $scope.selectedClaims = nv.map(function (claim) {
                     return claim.name;
                 });
-        }, true);
+            },
+            true);
+
+
+        $scope.updateUser = function () {
+
+        }
+
+        function getBaseUrl() {
+            return $('#baseUrl').val();
+        }
 
 
         // On page load

PlexRequests.UI/Content/search.js

@@ -5,6 +5,21 @@
         return opts.inverse(this);
 });
 
+Function.prototype.bind = function (parent) {
+    var f = this;
+    var args = [];
+
+    for (var a = 1; a < arguments.length; a++) {
+        args[args.length] = arguments[a];
+    }
+
+    var temp = function () {
+        return f.apply(parent, args);
+    }
+
+    return (temp);
+}
+
 
 
 $(function () {

PlexRequests.UI/Content/site.js

@@ -8,21 +8,6 @@
     return s;
 }
 
-Function.prototype.bind = function (parent) {
-    var f = this;
-    var args = [];
-
-    for (var a = 1; a < arguments.length; a++) {
-        args[args.length] = arguments[a];
-    }
-
-    var temp = function () {
-        return f.apply(parent, args);
-    }
-
-    return (temp);
-}
-
 $(function() {
     $('[data-toggle="tooltip"]').tooltip();
 });

PlexRequests.UI/Helpers/BaseUrlHelper.cs

@@ -206,6 +206,20 @@ namespace PlexRequests.UI.Helpers
             return helper.Raw(asset);
         }
 
+
+        public static IHtmlString LoadUserManagementAssets(this HtmlHelpers helper)
+        {
+            var assetLocation = GetBaseUrl();
+            var content = GetContentUrl(assetLocation);
+
+            var controller = $"<script src=\"{content}/Content/app/userManagement/userManagementController.js?v={Assembly}\" type=\"text/javascript\"></script>";
+            controller += $"<script src=\"{content}/Content/app/userManagement/userManagementService.js?v={Assembly}\" type=\"text/javascript\"></script>";
+
+
+            return helper.Raw(controller);
+        }
+
+
         public static IHtmlString LoadTableAssets(this HtmlHelpers helper)
         {
             var sb = new StringBuilder();

PlexRequests.UI/Models/UserManagementUsersViewModel.cs

@@ -16,6 +16,7 @@ namespace PlexRequests.UI.Models
         public UserType Type { get; set; }
         public string EmailAddress { get; set; }
         public UserManagementPlexInformation PlexInfo { get; set; }
+        public string[] ClaimsArray { get; set; }
     }
 
     public class UserManagementPlexInformation

PlexRequests.UI/Modules/UserManagementModule.cs

@@ -63,7 +63,8 @@ namespace PlexRequests.UI.Modules
                     Claims = claimsString,
                     Username = user.UserName,
                     Type = UserType.LocalUser,
-                    EmailAddress = userProps.EmailAddress
+                    EmailAddress = userProps.EmailAddress,
+                    ClaimsArray = claims
                 });
             }
 

PlexRequests.UI/NinjectModules/ConfigurationModule.cs

@@ -50,6 +50,7 @@ namespace PlexRequests.UI.NinjectModules
             Bind<ICustomUserMapper>().To<UserMapper>();
 
             Bind<INotificationService>().To<NotificationService>().InSingletonScope();
+            Bind<INotificationEngine>().To<NotificationEngine>();
         }
     }
 }

PlexRequests.UI/Views/UserManagement/Index.cshtml

@@ -1,8 +1,7 @@
 @using PlexRequests.UI.Helpers
 @inherits PlexRequests.UI.Helpers.AngularViewBase
 
-<script src="~/Content/app/userManagement/userManagementController.js"></script>
-<script src="~/Content/app/userManagement/userManagementService.js"></script>
+@Html.LoadUserManagementAssets()
 <div ng-controller="userManagementController" ng-init="init()">
 
     <br />
@@ -110,9 +109,27 @@
         <div>
             <strong>User Type: </strong><span ng-bind="selectedUser.type === 1 ? 'Local User' : 'Plex User'"></span>
         </div>
+    <br/>
+    <br/>
+        <div ng-show="selectedUser.type === 1">
+            <!--Edit-->
+            
+            <strong>Modify Roles:</strong>
+            <!--Load all claims-->
+                <div class="checkbox" ng-repeat="claim in claims">
+                    <input id="claimCheckboxEdit_{{$id}}" class="checkbox-custom" name="selectedClaims[]" ng-checked="@*//TODO: Need to figure our how to preselect them*@" ng-model="claim.selected" type="checkbox" value="claim" />
+                    <label for="claimCheckboxEdit_{{$id}}">{{claim.name}}</label>
                 </div>
         
 
  
             
+            
+            <button ng-click="updateUser()" class="btn btn-primary-outline">Update</button>
+        </div>
+
+
+    </div> <!-- End of user side menu -->
+
+
 </div>