feat(toaster) : #MAG-264 add button to notify other users of board

OPEN-ENT-NG · Dec 11, 2024 · b4dc76d · b4dc76d
1 parent 935274d
commit b4dc76d
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 2 deletions.
diff --git a/backend/src/main/java/fr/cgi/magneto/controller/BoardController.java b/backend/src/main/java/fr/cgi/magneto/controller/BoardController.java
@@ -305,7 +305,7 @@ public void getBoardResourceIds(HttpServerRequest request) {
         });
     }
 
-    @Get("/board/:boardId/notify")
+    @Post("/board/:boardId/notify")
     @ApiDoc("Notify board shared users")
     @ResourceFilter(ManageBoardRight.class)
     @SecuredAction(value = "", type = ActionType.RESOURCE)

diff --git a/backend/src/main/resources/i18n/fr.json b/backend/src/main/resources/i18n/fr.json
@@ -52,6 +52,9 @@
   "magneto.rename": "Renommer",
   "magneto.board.properties": "Propriétés du tableau",
   "magneto.board.move": "Déplacer le tableau",
+  "magneto.board.notify": "Notifier les utilisateurs",
+  "magneto.board.notify.text.1" : "Voulez-vous envoyer une notification aux utilisateurs à qui vous avez partagé le tableau ?",
+  "magneto.board.notify.text.2" : "Une notification leur sera envoyée dans leur fil d'actualité leur indiquant que des modifications ont été faites sur ce tableau.",
   "magneto.board.move.title": "Déplacer l'aimant sélectionné",
   "magneto.board.move.text": "Vers quel tableau souhaitez-vous déplacer cet aimant ?",
   "magneto.board.duplicate.move.title": "Dupliquer l'aimant sélectionné",
@@ -218,6 +221,7 @@
   "magneto.folder.share.drag.in.warning": "Cet élément sera visible par toutes les personnes ayant accès au dossier {{0}}.",
   "magneto.folder.share.drag.out.warning": "Toutes les personnes ayant accès au dossier {{0}} ne pourront plus accéder à cet élément, sauf s'il est partagé directement avec elles.",
   "magneto.confirm": "Confirmer",
+  "magneto.send": "Envoyer",
   "magneto.folder.share.predelete.warning": "Les utilisateurs à qui vous avez partagé les éléments n'y auront plus accès.",
   "magneto.folder.drag.drop.right.error": "Vous n'avez pas le droit nécessaire pour déplacer cet élément ici",
   "magneto.explorer.search.adml.hint": "Saisissez 3 lettres pour démarrer la recherche",

diff --git a/frontend/src/components/toaster-container/ToasterContainer.tsx b/frontend/src/components/toaster-container/ToasterContainer.tsx
@@ -16,6 +16,7 @@ import { useNavigate } from "react-router-dom";
 import { BoardPublicShareModal } from "../board-public-share-modal/BoardPublicShareModal";
 import { CreateFolder } from "../create-folder/CreateFolder";
 import { DeleteModal } from "../delete-modal/DeleteModal";
+import { MessageModal } from "../message-modal/MessageModal";
 import { MoveBoard } from "../move-board/MoveBoard";
 import { ShareModalMagneto } from "../share-modal/ShareModalMagneto";
 import { CreateBoard } from "~/components/create-board/CreateBoard";
@@ -27,7 +28,7 @@ import { Board } from "~/models/board.model";
 import { Folder } from "~/models/folder.model";
 import { useBoardsNavigation } from "~/providers/BoardsNavigationProvider";
 import { useFoldersNavigation } from "~/providers/FoldersNavigationProvider";
-import { useDuplicateBoardMutation } from "~/services/api/boards.service";
+import { useDuplicateBoardMutation, useNotifyBoardUsersMutation } from "~/services/api/boards.service";
 import { useActions } from "~/services/queries";
 import { useUserRightsStore } from "~/stores";
 
@@ -49,6 +50,7 @@ export const ToasterContainer = ({
   const canPublish = isActionAvailable("publish", actions);
 
   const [isCreateOpen, toggleCreate] = useToggle(false);
+  const [isNotifyOpen, toggleNotify] = useToggle(false);
   const [isMoveOpen, toggleMove] = useToggle(false);
   const [isMoveDelete, toggleDelete] = useToggle(false);
   const [isCreateFolder, toggleCreateFolder] = useToggle(false);
@@ -68,6 +70,7 @@ export const ToasterContainer = ({
     useBoardsNavigation();
   const { setUserRights } = useUserRightsStore.getState();
   const [duplicateBoard] = useDuplicateBoardMutation();
+  const [notifyBoardUsers] = useNotifyBoardUsersMutation();
 
   const restoreBoardsAndFolders = useRestoreBoardsAndFolders({
     selectedBoardsIds,
@@ -322,6 +325,19 @@ export const ToasterContainer = ({
                         {t("magneto.restore")}
                       </Button>
                     )}
+                    {selectedBoardsIds.length == 1 &&
+                      selectedFoldersIds.length == 0 &&
+                      selectedBoardRights != null &&
+                      selectedBoardRights.manager && (
+                        <Button
+                          type="button"
+                          color="primary"
+                          variant="filled"
+                          onClick={toggleNotify}
+                        >
+                          {t("magneto.board.notify")}
+                        </Button>
+                      )}
                     {!isPublic && allBoardsMine() && areFoldersMine() && (
                       <Button
                         type="button"
@@ -363,6 +379,19 @@ export const ToasterContainer = ({
             reset={reset}
             hasSharedElement={hasSharedElement}
           />
+          <MessageModal
+          isOpen={isNotifyOpen}
+          title={t("magneto.board.notify")}
+          onSubmit={() => { notifyBoardUsers(selectedBoardsIds[0]);
+            toggleNotify();
+           }}
+          submitButtonName={t("magneto.send")}
+          cancelButtonName={t("magneto.cancel")}
+          onClose={toggleNotify}
+        >
+          <span>{t("magneto.board.notify.text.1")}</span>
+          <span>{t("magneto.board.notify.text.2")}</span>
+        </MessageModal>
           {shareOptions && (
             <ShareModalMagneto
               isOpen={isShareBoard}

diff --git a/frontend/src/services/api/boards.service.ts b/frontend/src/services/api/boards.service.ts
@@ -41,6 +41,12 @@ export const boardsApi = emptySplitApi.injectEndpoints({
       }),
       providesTags: ["Boards"],
     }),
+    notifyBoardUsers: builder.mutation({
+      query: (idBoard: string) => ({
+        url: `board/${idBoard}/notify`,
+        method: "POST",
+      }),
+    }),
     getAllBoards: builder.query({
       query: (params: IBoardsParamsRequest) => {
         let urlParams: string =
@@ -142,4 +148,5 @@ export const {
   useRestorePreDeleteBoardsMutation,
   useGetUrlQuery,
   useGetAllBoardsEditableQuery,
+  useNotifyBoardUsersMutation,
 } = boardsApi;