From 0f8fe65226711f3b4379f984344a5a61f6a2864c Mon Sep 17 00:00:00 2001
From: OxSaitama <arnaud.daubernatali@smart-chain.fr>
Date: Mon, 18 Sep 2023 23:34:39 +0200
Subject: [PATCH] refacto header depending on rules

---
 src/front/Api/Entities/rule.ts                |   3 +
 .../Header/BurgerMenu/BurgerModal/index.tsx   | 133 ++++++++++++------
 .../DesignSystem/Header/Navigation/index.tsx  |  21 ++-
 .../Header/Profile/ProfileModal/index.tsx     | 114 ++++++++++-----
 4 files changed, 185 insertions(+), 86 deletions(-)

diff --git a/src/front/Api/Entities/rule.ts b/src/front/Api/Entities/rule.ts
index 72716a8e..06b21bde 100644
--- a/src/front/Api/Entities/rule.ts
+++ b/src/front/Api/Entities/rule.ts
@@ -13,4 +13,7 @@ export enum AppRuleActions {
 export enum AppRuleNames {
 	users = "users",
 	officeFolders = "folders",
+	officeRoles = "office-roles",
+	deedTypes = "deed-types",
+	offices = "offices"
 }
diff --git a/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx b/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx
index f9b5dcfa..25593986 100644
--- a/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx
+++ b/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx
@@ -4,6 +4,8 @@ import React from "react";
 
 import NavigationLink from "../../NavigationLink";
 import classes from "./classes.module.scss";
+import Rules, { RulesMode } from "@Front/Components/Elements/Rules";
+import { AppRuleActions, AppRuleNames } from "@Front/Api/Entities/rule";
 
 type IProps = {
 	isOpen: boolean;
@@ -32,49 +34,94 @@ export default class BurgerModal extends React.Component<IProps, IState> {
 						text="Dossiers archivés"
 						routesActive={[Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path]}
 					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.Collaborators.props.path}
-						text="Collaborateurs"
-						routesActive={[Module.getInstance().get().modules.pages.Collaborators.props.path]}
-					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.DeedTypes.props.path}
-						text="Paramétrage des listes de pièces"
-						routesActive={[
-							Module.getInstance().get().modules.pages.DeedTypes.props.path,
-							Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path,
-							Module.getInstance().get().modules.pages.DeedTypes.pages.DeedTypesInformations.props.path,
-							Module.getInstance().get().modules.pages.DeedTypes.pages.Edit.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.pages.Edit.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.pages.Create.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.pages.DocumentTypesInformations.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.props.path,
-						]}
-					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.Roles.props.path}
-						text="Gestion des rôles"
-						routesActive={[
-							Module.getInstance().get().modules.pages.Roles.props.path,
-							Module.getInstance().get().modules.pages.Roles.pages.RolesInformations.props.path,
-						]}
-					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.Users.props.path}
-						text="Gestion des utilisateurs"
-						routesActive={[
-							Module.getInstance().get().modules.pages.Users.props.path,
-							Module.getInstance().get().modules.pages.Users.pages.UsersInformations.props.path,
-						]}
-					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.Offices.props.path}
-						text="Gestion des offices"
-						routesActive={[
-							Module.getInstance().get().modules.pages.Offices.props.path,
-							Module.getInstance().get().modules.pages.Offices.pages.OfficesInformations.props.path,
-						]}
-					/>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.update,
+								name: AppRuleNames.officeRoles,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.Collaborators.props.path}
+							text="Collaborateurs"
+							routesActive={[Module.getInstance().get().modules.pages.Collaborators.props.path]}
+						/>
+					</Rules>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.update,
+								name: AppRuleNames.deedTypes,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.DeedTypes.props.path}
+							text="Paramétrage des listes de pièces"
+							routesActive={[
+								Module.getInstance().get().modules.pages.DeedTypes.props.path,
+								Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path,
+								Module.getInstance().get().modules.pages.DeedTypes.pages.DeedTypesInformations.props.path,
+								Module.getInstance().get().modules.pages.DeedTypes.pages.Edit.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.pages.Edit.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.pages.Create.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.pages.DocumentTypesInformations.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.props.path,
+							]}
+						/>
+					</Rules>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.update,
+								name: AppRuleNames.officeRoles,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.Roles.props.path}
+							text="Gestion des rôles"
+							routesActive={[
+								Module.getInstance().get().modules.pages.Roles.props.path,
+								Module.getInstance().get().modules.pages.Roles.pages.RolesInformations.props.path,
+							]}
+						/>
+					</Rules>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.create,
+								name: AppRuleNames.officeRoles,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.Users.props.path}
+							text="Gestion des utilisateurs"
+							routesActive={[
+								Module.getInstance().get().modules.pages.Users.props.path,
+								Module.getInstance().get().modules.pages.Users.pages.UsersInformations.props.path,
+							]}
+						/>
+					</Rules>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.update,
+								name: AppRuleNames.offices,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.Offices.props.path}
+							text="Gestion des offices"
+							routesActive={[
+								Module.getInstance().get().modules.pages.Offices.props.path,
+								Module.getInstance().get().modules.pages.Offices.pages.OfficesInformations.props.path,
+							]}
+						/>
+					</Rules>
 					<NavigationLink path={Module.getInstance().get().modules.pages.MyAccount.props.path} text="Mon compte" />
 					<NavigationLink text="CGU" />
 					<div className={classes["separator"]} />
diff --git a/src/front/Components/DesignSystem/Header/Navigation/index.tsx b/src/front/Components/DesignSystem/Header/Navigation/index.tsx
index 3145fec9..6a494bea 100644
--- a/src/front/Components/DesignSystem/Header/Navigation/index.tsx
+++ b/src/front/Components/DesignSystem/Header/Navigation/index.tsx
@@ -3,6 +3,8 @@ import React from "react";
 
 import HeaderLink from "../HeaderLink";
 import classes from "./classes.module.scss";
+import Rules, { RulesMode } from "@Front/Components/Elements/Rules";
+import { AppRuleActions, AppRuleNames } from "@Front/Api/Entities/rule";
 
 type IProps = {};
 type IState = {};
@@ -24,11 +26,20 @@ export default class Navigation extends React.Component<IProps, IState> {
 					path={Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path}
 					routesActive={[Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path]}
 				/>
-				<HeaderLink
-					text={"Collaborateurs"}
-					path={Module.getInstance().get().modules.pages.Collaborators.props.path}
-					routesActive={[Module.getInstance().get().modules.pages.Collaborators.props.path]}
-				/>
+				<Rules
+					mode={RulesMode.NECESSARY}
+					rules={[
+						{
+							action: AppRuleActions.update,
+							name: AppRuleNames.officeRoles,
+						},
+					]}>
+					<HeaderLink
+						text={"Collaborateurs"}
+						path={Module.getInstance().get().modules.pages.Collaborators.props.path}
+						routesActive={[Module.getInstance().get().modules.pages.Collaborators.props.path]}
+					/>
+				</Rules>
 			</div>
 		);
 	}
diff --git a/src/front/Components/DesignSystem/Header/Profile/ProfileModal/index.tsx b/src/front/Components/DesignSystem/Header/Profile/ProfileModal/index.tsx
index 72500903..3314c522 100644
--- a/src/front/Components/DesignSystem/Header/Profile/ProfileModal/index.tsx
+++ b/src/front/Components/DesignSystem/Header/Profile/ProfileModal/index.tsx
@@ -4,6 +4,8 @@ import React from "react";
 
 import NavigationLink from "../../NavigationLink";
 import classes from "./classes.module.scss";
+import Rules, { RulesMode } from "@Front/Components/Elements/Rules";
+import { AppRuleActions, AppRuleNames } from "@Front/Api/Entities/rule";
 
 type IProps = {
 	isOpen: boolean;
@@ -20,44 +22,80 @@ export default class ProfileModal extends React.Component<IProps, IState> {
 				<div className={classes["background"]} onClick={this.props.closeModal} />
 				<div className={classes["root"]}>
 					<NavigationLink path={Module.getInstance().get().modules.pages.MyAccount.props.path} text="Mon compte" />
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.Roles.props.path}
-						text="Gestion des rôles"
-						routesActive={[
-							Module.getInstance().get().modules.pages.Roles.props.path,
-							Module.getInstance().get().modules.pages.Roles.pages.RolesInformations.props.path,
-						]}
-					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.DeedTypes.props.path}
-						text="Paramétrage des listes de pièces"
-						routesActive={[
-							Module.getInstance().get().modules.pages.DeedTypes.props.path,
-							Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path,
-							Module.getInstance().get().modules.pages.DeedTypes.pages.DeedTypesInformations.props.path,
-							Module.getInstance().get().modules.pages.DeedTypes.pages.Edit.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.pages.Edit.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.pages.Create.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.pages.DocumentTypesInformations.props.path,
-							Module.getInstance().get().modules.pages.DocumentTypes.props.path,
-						]}
-					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.Users.props.path}
-						text="Gestion des utilisateurs"
-						routesActive={[
-							Module.getInstance().get().modules.pages.Users.props.path,
-							Module.getInstance().get().modules.pages.Users.pages.UsersInformations.props.path,
-						]}
-					/>
-					<NavigationLink
-						path={Module.getInstance().get().modules.pages.Offices.props.path}
-						text="Gestion des offices"
-						routesActive={[
-							Module.getInstance().get().modules.pages.Offices.props.path,
-							Module.getInstance().get().modules.pages.Offices.pages.OfficesInformations.props.path,
-						]}
-					/>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.update,
+								name: AppRuleNames.officeRoles,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.Roles.props.path}
+							text="Gestion des rôles"
+							routesActive={[
+								Module.getInstance().get().modules.pages.Roles.props.path,
+								Module.getInstance().get().modules.pages.Roles.pages.RolesInformations.props.path,
+							]}
+						/>
+					</Rules>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.update,
+								name: AppRuleNames.deedTypes,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.DeedTypes.props.path}
+							text="Paramétrage des listes de pièces"
+							routesActive={[
+								Module.getInstance().get().modules.pages.DeedTypes.props.path,
+								Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path,
+								Module.getInstance().get().modules.pages.DeedTypes.pages.DeedTypesInformations.props.path,
+								Module.getInstance().get().modules.pages.DeedTypes.pages.Edit.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.pages.Edit.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.pages.Create.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.pages.DocumentTypesInformations.props.path,
+								Module.getInstance().get().modules.pages.DocumentTypes.props.path,
+							]}
+						/>
+					</Rules>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.create,
+								name: AppRuleNames.officeRoles,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.Users.props.path}
+							text="Gestion des utilisateurs"
+							routesActive={[
+								Module.getInstance().get().modules.pages.Users.props.path,
+								Module.getInstance().get().modules.pages.Users.pages.UsersInformations.props.path,
+							]}
+						/>
+					</Rules>
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.update,
+								name: AppRuleNames.offices,
+							},
+						]}>
+						<NavigationLink
+							path={Module.getInstance().get().modules.pages.Offices.props.path}
+							text="Gestion des offices"
+							routesActive={[
+								Module.getInstance().get().modules.pages.Offices.props.path,
+								Module.getInstance().get().modules.pages.Offices.pages.OfficesInformations.props.path,
+							]}
+						/>
+					</Rules>
 					<NavigationLink text="CGU" />
 					<div className={classes["separator"]} />
 					<LogOutButton />