Updates to allow empty group_id

Author: amosfolz

app/sprinkles/admin/assets/userfrosting/js/widgets/users.js

@@ -15,6 +15,12 @@ function attachUserForm() {
             width: '100%'
         });
 
+        // Needed to allow select2 to render a 'empty' list item.
+        form.find(".js-select2-group").select2({
+            width: '100%',
+            templateResult: item => item.text || '\u200B'
+        });
+
         // Set up the form for submission
         form.ufForm({
             validator: page.validators
@@ -113,7 +119,7 @@ function updateUser(userName, fieldName, fieldValue) {
             } else {
                 $("#alerts-page").ufAlerts('clear');
             }
-    
+
             $("#alerts-page").ufAlerts('fetch').ufAlerts('render');
         }
 

app/sprinkles/admin/src/Controller/UserController.php

@@ -1016,11 +1016,11 @@ public function pageInfo(Request $request, Response $response, $args)
         }
 
         return $this->ci->view->render($response, 'pages/user.html.twig', [
-            'user'    => $user,
-            'locales' => $locales,
-            'fields'  => $fields,
-            'tools'   => $editButtons,
-            'widgets' => $widgets,
+            'user'            => $user,
+            'locales'         => $locales,
+            'fields'          => $fields,
+            'tools'           => $editButtons,
+            'widgets'         => $widgets,
             'delete_redirect' => $this->ci->router->pathFor('uri_users')
         ]);
     }
@@ -1155,6 +1155,9 @@ public function updateInfo(Request $request, Response $response, $args)
             return $response->withJson([], 400);
         }
 
+        if ($data['group_id'] == 0) {
+            $data['group_id'] = null;
+        }
         // Begin transaction - DB will be rolled back if an exception occurs
         Capsule::transaction(function () use ($data, $user, $currentUser) {
             // Update the user and generate success messages

app/sprinkles/admin/templates/forms/user.html.twig

@@ -24,7 +24,8 @@
                         {% if 'group' in form.fields.disabled %}
                             <input type="text" class="form-control" name="theme" value="{{user.group.name}}" disabled>
                         {% else %}
-                            <select id="input-group" class="form-control js-select2" name="group_id">
+                            <select id="input-group" class="form-control js-select2-group" name="group_id">
+                                <option></option>
                                 {% for group in groups %}
                                 <option value="{{group.id}}" {% if (group.id == user.group_id) %}selected{% endif %}>{{group.name}}</option>
                                 {% endfor %}