From 20ab1e3a498f13965118a7c00a99483abee8ad85 Mon Sep 17 00:00:00 2001
From: HelaKaraa <hela.karaa@gmail.com>
Date: Tue, 1 Oct 2024 13:19:27 +0200
Subject: [PATCH] feat: allow bulk admin rights modification

Fix #754
---
 izanami-frontend/src/pages/users.tsx        | 148 +++++++++++++++-----
 izanami-frontend/src/utils/types.ts         |   1 +
 test/fr/maif/izanami/api/BaseAPISpec.scala  |   1 -
 test/fr/maif/izanami/api/UsersAPISpec.scala |   1 -
 4 files changed, 116 insertions(+), 35 deletions(-)

diff --git a/izanami-frontend/src/pages/users.tsx b/izanami-frontend/src/pages/users.tsx
index 17159ee0f..b44ecb8e9 100644
--- a/izanami-frontend/src/pages/users.tsx
+++ b/izanami-frontend/src/pages/users.tsx
@@ -39,8 +39,7 @@ export function Users() {
   const [bulkOperation, setBulkOperation] = useState<string | undefined>(
     undefined
   );
-
-  const BULK_OPERATIONS = ["Delete"] as const;
+  const BULK_OPERATIONS = ["Delete", "Toggle Admin Role"] as const;
   const isAdmin = useAdmin();
   const context = useContext(IzanamiContext);
   const isTenantAdmin = Boolean(
@@ -59,7 +58,6 @@ export function Users() {
       },
     }
   );
-
   const userUpdateMutation = useMutation(
     (user: { username: string; admin: boolean; rights: TRights }) => {
       const { username, ...rest } = user;
@@ -90,6 +88,115 @@ export function Users() {
       createInvitation(data.email, data.admin, data.rights)
   );
 
+  function OperationToggleForm(props: {
+    bulkOperation: string;
+    selectedRows: UserType[];
+    cancel: () => void;
+  }) {
+    const { bulkOperation, selectedRows, cancel } = props;
+    switch (bulkOperation) {
+      case "Toggle Admin Role": {
+        const adminOptions = [
+          {
+            label: "Add Admin right",
+            value: "true",
+          },
+          {
+            label: "Remove Admin right",
+            value: "false",
+          },
+        ];
+
+        return (
+          <>
+            <Form
+              className={"d-flex align-items-center"}
+              schema={{
+                admin: {
+                  className: "form-margin",
+                  label: () => "",
+                  type: "string",
+                  format: "select",
+                  props: { styles: customStyles },
+                  placeholder: "Select Admin Role...",
+                  options: adminOptions,
+                },
+              }}
+              onSubmit={(ctx) => {
+                return askConfirmation(
+                  `Are you sure you want to change admin role for ${
+                    selectedRows.length
+                  } user${selectedRows.length > 1 ? "s" : ""}?`,
+                  () => {
+                    return Promise.all(
+                      selectedRows.map((row) => {
+                        return fetch(`/api/admin/users/${row.username}`)
+                          .then((response) => {
+                            return response.json();
+                          })
+                          .then((data) => {
+                            return userUpdateMutation.mutateAsync({
+                              username: row.username,
+                              admin: ctx.admin === "true",
+                              rights: data.rights,
+                            });
+                          });
+                      })
+                    ).then(cancel);
+                  }
+                );
+              }}
+              footer={({ valid }: { valid: () => void }) => {
+                return (
+                  <div className="d-flex justify-content-end">
+                    <button
+                      type="button"
+                      className="btn btn-danger-light m-2"
+                      onClick={cancel}
+                    >
+                      Cancel
+                    </button>
+                    <button className="btn btn-primary m-2" onClick={valid}>
+                      Update {selectedRows.length} User
+                      {selectedRows.length > 1 ? "s" : ""}
+                    </button>
+                  </div>
+                );
+              }}
+            />
+          </>
+        );
+      }
+      default:
+        return (
+          <button
+            className="ms-2 btn btn-primary"
+            type="button"
+            disabled={!hasSelectedRows || !bulkOperation}
+            onClick={() =>
+              askConfirmation(
+                `Are you sure you want to delete ${selectedRows.length} user${
+                  selectedRows.length > 1 ? "s" : ""
+                } ?`,
+                () => {
+                  return Promise.all(
+                    selectedRows.map((row) =>
+                      userDeleteMutation
+                        .mutateAsync(row.username)
+                        .then(() => setBulkOperation(undefined))
+                    )
+                  );
+                }
+              )
+            }
+          >
+            {bulkOperation} {selectedRows.length} user
+            {selectedRows.length > 1 ? "s" : ""}
+          </button>
+        );
+    }
+  }
+
   if (userQuery.isLoading) {
     return <Loader message="Loading users..." />;
   } else if (userQuery.isSuccess) {
@@ -254,36 +361,11 @@ export function Users() {
           />
           &nbsp;
           {bulkOperation && (
-            <>
-              <button
-                className="ms-2 btn btn-primary"
-                type="button"
-                disabled={!hasSelectedRows || !bulkOperation}
-                onClick={() => {
-                  switch (bulkOperation) {
-                    case "Delete":
-                      askConfirmation(
-                        `Are you sure you want to delete ${
-                          selectedRows.length
-                        } user${selectedRows.length > 1 ? "s" : ""} ?`,
-                        () => {
-                          return Promise.all(
-                            selectedRows.map((row) =>
-                              userDeleteMutation
-                                .mutateAsync(row.username)
-                                .then(() => setBulkOperation(undefined))
-                            )
-                          );
-                        }
-                      );
-                      break;
-                  }
-                }}
-              >
-                {bulkOperation} {selectedRows.length} user
-                {selectedRows.length > 1 ? "s" : ""}
-              </button>
-            </>
+            <OperationToggleForm
+              bulkOperation={bulkOperation}
+              selectedRows={selectedRows}
+              cancel={() => setBulkOperation(undefined)}
+            />
           )}
         </div>
         <GenericTable
diff --git a/izanami-frontend/src/utils/types.ts b/izanami-frontend/src/utils/types.ts
index b1b5c3ecc..1f1e3e2f1 100644
--- a/izanami-frontend/src/utils/types.ts
+++ b/izanami-frontend/src/utils/types.ts
@@ -36,6 +36,7 @@ export interface ProjectType extends TenantProjectType {
 }
 
 export interface UserType {
+  admin : boolean;
   username: string;
 }
 
diff --git a/test/fr/maif/izanami/api/BaseAPISpec.scala b/test/fr/maif/izanami/api/BaseAPISpec.scala
index 7403e7f7a..66197bd85 100644
--- a/test/fr/maif/izanami/api/BaseAPISpec.scala
+++ b/test/fr/maif/izanami/api/BaseAPISpec.scala
@@ -2334,7 +2334,6 @@ object BaseAPISpec extends DefaultAwaitTimeout {
 
       RequestResult(json = Try { response.json }, status = response.status)
     }
-
     def updateUserPassword(user: String, oldPassword: String, newPassword: String): RequestResult = {
       val response = await(
         ws.url(s"${ADMIN_BASE_URL}/users/${user}/password")
diff --git a/test/fr/maif/izanami/api/UsersAPISpec.scala b/test/fr/maif/izanami/api/UsersAPISpec.scala
index 14f213fc7..c67987820 100644
--- a/test/fr/maif/izanami/api/UsersAPISpec.scala
+++ b/test/fr/maif/izanami/api/UsersAPISpec.scala
@@ -793,7 +793,6 @@ class UsersAPISpec extends BaseAPISpec {
       (situation.fetchUser(user.username).json.get \ "admin").as[Boolean] mustBe true
       response.status mustBe NO_CONTENT
     }
-
     "Allow to add project right" in {
       val user      = TestUser(
         username = "foo",