Add users management page

Author: SamuelTallet

docs/README.md

@@ -1,9 +1,9 @@
 # Free MongoDB GUI powered by PHP
 
-Visually administrate your MongoDB database. Create, read, update & delete your documents...<br>
+Visually administrate your MongoDB database. Create, read, update & delete your documents.<br>
 Query your MongoDB database with SELECT SQL statements. You can also create & drop indexes.<br>
 Autocompletion is available for fields, MongoDB & SQL keywords via `Ctrl` `Space` combination.<br>
-Additional features: Export documents to JSON. Import documents from JSON. ISODate support.
+Additional features: Export documents to JSON. Import documents from JSON. Manage users.
 
 Screenshots
 -----------

routes.php

@@ -141,6 +141,26 @@
 	CollectionController::class . '@dropIndexAction'
 );
 
+$router->get(
+	MPG_SERVER_PATH . '/manageUsers',
+	DatabaseController::class . '@renderUsersViewAction'
+);
+
+$router->post(
+	MPG_SERVER_PATH . '/ajaxDatabaseCreateUser',
+	DatabaseController::class . '@createUserAction'
+);
+
+$router->post(
+	MPG_SERVER_PATH . '/ajaxDatabaseListUsers',
+	DatabaseController::class . '@listUsersAction'
+);
+
+$router->post(
+	MPG_SERVER_PATH . '/ajaxDatabaseDropUser',
+	DatabaseController::class . '@dropUserAction'
+);
+
 $router->get(
 	MPG_SERVER_PATH . '/logout',
 	LoginController::class . '@logoutAction'

src/Controllers/DatabaseController.php

@@ -201,4 +201,102 @@ public function createCollectionAction() : Response {
 
     }
 
+    public function renderUsersViewAction() : Response {
+
+        LoginController::ensureUserIsLogged();
+        
+        return new Response(200, $this->renderView('database.users', [
+            'databaseNames' => self::getDatabaseNames()
+        ]));
+
+    }
+
+    /**
+     * @see https://docs.mongodb.com/manual/reference/command/createUser/
+     */
+    public function createUserAction() : Response {
+
+        try {
+            $decodedRequestBody = $this->getDecodedRequestBody();
+        } catch (\Throwable $th) {
+            return new JsonResponse(400, ErrorNormalizer::normalize($th, __METHOD__));
+        }
+
+        try {
+
+            $database = MongoDBHelper::getClient()->selectDatabase(
+                $decodedRequestBody['databaseName']
+            );
+
+            // TODO: Check createUser result?
+            $database->command([
+                'createUser' => $decodedRequestBody['userName'],
+                'pwd' => $decodedRequestBody['userPassword'],
+                'roles' => $decodedRequestBody['userRoles']
+            ]);
+
+        } catch (\Throwable $th) {
+            return new JsonResponse(500, ErrorNormalizer::normalize($th, __METHOD__));
+        }
+
+        return new JsonResponse(200, true);
+
+    }
+
+    /**
+     * @see https://docs.mongodb.com/manual/reference/command/usersInfo/
+     */
+    public function listUsersAction() : Response {
+
+        try {
+            $decodedRequestBody = $this->getDecodedRequestBody();
+        } catch (\Throwable $th) {
+            return new JsonResponse(400, ErrorNormalizer::normalize($th, __METHOD__));
+        }
+
+        try {
+
+            $database = MongoDBHelper::getClient()->selectDatabase(
+                $decodedRequestBody['databaseName']
+            );
+
+            $usersInfoCommandResult = $database->command(['usersInfo' => 1]);
+            $usersInfo = $usersInfoCommandResult->toArray()[0];
+
+        } catch (\Throwable $th) {
+            return new JsonResponse(500, ErrorNormalizer::normalize($th, __METHOD__));
+        }
+
+        return new JsonResponse(200, $usersInfo);
+
+    }
+
+    /**
+     * @see https://docs.mongodb.com/manual/reference/command/dropUser/
+     */
+    public function dropUserAction() : Response {
+
+        try {
+            $decodedRequestBody = $this->getDecodedRequestBody();
+        } catch (\Throwable $th) {
+            return new JsonResponse(400, ErrorNormalizer::normalize($th, __METHOD__));
+        }
+
+        try {
+
+            $database = MongoDBHelper::getClient()->selectDatabase(
+                $decodedRequestBody['databaseName']
+            );
+
+            // TODO: Check dropUser result?
+            $database->command(['dropUser' => $decodedRequestBody['userName']]);
+
+        } catch (\Throwable $th) {
+            return new JsonResponse(500, ErrorNormalizer::normalize($th, __METHOD__));
+        }
+
+        return new JsonResponse(200, true);
+
+    }
+
 }

static/css/mpg.css

@@ -5,6 +5,12 @@
 
 }
 
+.navbar.sticky-top {
+
+    z-index: 1060;
+
+}
+
 @media screen and (min-width: 768px) {
 
     .navbar {
@@ -239,7 +245,7 @@ button, input {
 
 }
 
-#mpg-export-button {
+#mpg-export-button, #mpg-open-create-user-modal-button {
 
     position: relative;
     top: -5px;
@@ -282,3 +288,29 @@ button, input {
     }
 
 }
+
+#mpg-create-user-modal {
+
+    top: 50px;
+
+}
+
+@media screen and (min-width: 768px) {
+
+    #mpg-create-user-modal {
+
+        top: 45px;
+    
+    }
+
+}
+
+@media screen and (min-width: 768px) {
+
+    #mpg-create-user-modal .modal-dialog {
+
+        max-width: 300px;
+
+    }
+
+}

static/js/mpg.collection.indexes.js

@@ -179,8 +179,6 @@ MPG.reloadCollectionIndexes = function() {
 
             MPG.collectionIndexes = JSON.parse(response);
 
-            document.querySelector('#mpg-indexes-column').classList.remove('d-none');
-
             var indexesTableBody = document.querySelector('#mpg-indexes-table tbody');
             indexesTableBody.innerHTML = '';
 
@@ -214,10 +212,12 @@ MPG.reloadCollectionIndexes = function() {
                         + '<td>' + (collectionIndex.isUnique ? 'Yes' : 'No') + '</td>'
                             + '<td>' + collectionIndexDropButton + '</td></tr>';
 
-                MPG.eventListeners.addDropIndex();
-        
             });
 
+            MPG.eventListeners.addDropIndex();
+
+            document.querySelector('#mpg-indexes-column').classList.remove('d-none');
+
         },
         JSON.stringify(requestBody)
     );
@@ -408,9 +408,9 @@ MPG.eventListeners.addDropIndex = function() {
  * 
  * @returns {void}
  */
-MPG.eventListeners.addDismissible = function() {
+MPG.eventListeners.addDismissibleAlerts = function() {
 
-    document.querySelectorAll('.alert .close[data-dismiss="alert"]')
+    document.querySelectorAll('.alert [data-dismiss="alert"]')
         .forEach(function(alertCloseButton) {
 
         alertCloseButton.addEventListener('click', function(event) {
@@ -430,6 +430,6 @@ window.addEventListener('DOMContentLoaded', function(_event) {
     MPG.eventListeners.addMenuToggle();
     MPG.eventListeners.addDatabases();
     MPG.eventListeners.addCreateIndex();
-    MPG.eventListeners.addDismissible();
+    MPG.eventListeners.addDismissibleAlerts();
 
 });

static/js/mpg.collection.js

@@ -271,7 +271,7 @@ MPG.eventListeners.addDropColl = function() {
         var dropConfirmation = window.confirm(
             'Do you REALLY want to DROP collection: '
                 + MPG.databaseName + '.' + MPG.collectionName
-        )
+        );
 
         if ( dropConfirmation === false ) {
             return;