From c6c9678b370d9d32740694842e085050430497ae Mon Sep 17 00:00:00 2001 From: Maxime Lalo Date: Thu, 4 Apr 2024 15:12:30 +0200 Subject: [PATCH] :sparkles: Manage collaborators mocked --- .../LayoutTemplates/DefaultTemplate/index.tsx | 12 ++- .../Subscribe/SubscribeIllimity/index.tsx | 2 +- .../Subscribe/SubscribeStandard/index.tsx | 2 +- .../classes.module.scss | 7 ++ .../SubscriptionFacturation/index.tsx | 20 +++- .../Subscription/SubscriptionInvite/index.tsx | 2 +- .../classes.module.scss | 30 ++++++ .../SubscriptionManageCollaborators/index.tsx | 95 +++++++++++++++++++ .../Subscription/SubscriptionNew/index.tsx | 2 +- src/front/Config/Module/development.json | 7 ++ src/front/Config/Module/preprod.json | 7 ++ src/front/Config/Module/production.json | 7 ++ src/front/Config/Module/staging.json | 7 ++ .../manage-collaborators/index.tsx | 5 + 14 files changed, 195 insertions(+), 10 deletions(-) create mode 100644 src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/classes.module.scss create mode 100644 src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/index.tsx create mode 100644 src/pages/subscription/manage-collaborators/index.tsx diff --git a/src/front/Components/LayoutTemplates/DefaultTemplate/index.tsx b/src/front/Components/LayoutTemplates/DefaultTemplate/index.tsx index 938ebea7..487ec305 100644 --- a/src/front/Components/LayoutTemplates/DefaultTemplate/index.tsx +++ b/src/front/Components/LayoutTemplates/DefaultTemplate/index.tsx @@ -4,6 +4,7 @@ import classNames from "classnames"; import React, { ReactNode } from "react"; import classes from "./classes.module.scss"; +import BackArrow from "@Front/Components/Elements/BackArrow"; type IProps = { title: string; @@ -14,6 +15,8 @@ type IProps = { scrollTop: number | null; isPadding?: boolean; hasHeaderLinks: boolean; + hasBackArrow?: boolean; + backArrowUrl?: string; }; type IState = {}; @@ -28,7 +31,14 @@ export default class DefaultTemplate extends React.Component { return ( <>
-
{this.props.children}
+
+ {this.props.hasBackArrow && ( +
+ +
+ )} + {this.props.children} +
); diff --git a/src/front/Components/Layouts/Subscription/Subscribe/SubscribeIllimity/index.tsx b/src/front/Components/Layouts/Subscription/Subscribe/SubscribeIllimity/index.tsx index f2c88eda..7d3a0ac1 100644 --- a/src/front/Components/Layouts/Subscription/Subscribe/SubscribeIllimity/index.tsx +++ b/src/front/Components/Layouts/Subscription/Subscribe/SubscribeIllimity/index.tsx @@ -31,7 +31,7 @@ export default function SubscribeIllimity() { return ( <> - +
- +
{ - console.log("handleSubmitPayment"); - try { const jwt = JwtService.getInstance().decodeJwt(); const subscription = await Subscriptions.getInstance().get({ officeId: jwt?.office_Id }); @@ -97,9 +95,21 @@ export default function SubscriptionFacturation() { )} {forfeitType === EForfeitType.standard && ( - + <> + + + + + + + )}
diff --git a/src/front/Components/Layouts/Subscription/SubscriptionInvite/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionInvite/index.tsx index a655d6ab..82dbcccb 100644 --- a/src/front/Components/Layouts/Subscription/SubscriptionInvite/index.tsx +++ b/src/front/Components/Layouts/Subscription/SubscriptionInvite/index.tsx @@ -77,7 +77,7 @@ export default function SubscriptionInvite() { }; return ( - +
diff --git a/src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/classes.module.scss b/src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/classes.module.scss new file mode 100644 index 00000000..2bbbf9df --- /dev/null +++ b/src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/classes.module.scss @@ -0,0 +1,30 @@ +@import "@Themes/constants.scss"; + +.root { + margin-top: 32px; + display: flex; + flex-direction: column; + gap: 16px; + + form { + display: flex; + flex-direction: column; + gap: 16px; + .collaborators-container { + display: flex; + flex-direction: column; + gap: 32px; + margin-top: 24px; + } + + .buttons-container { + display: flex; + gap: 32px; + max-width: 400px; + @media (max-width: $screen-s) { + flex-direction: column; + gap: 16px; + } + } + } +} diff --git a/src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/index.tsx new file mode 100644 index 00000000..a08cfe7a --- /dev/null +++ b/src/front/Components/Layouts/Subscription/SubscriptionManageCollaborators/index.tsx @@ -0,0 +1,95 @@ +import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography"; +import classes from "./classes.module.scss"; +import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; +import Form from "@Front/Components/DesignSystem/Form"; +import CheckBox from "@Front/Components/DesignSystem/CheckBox"; +import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; + +export default function SubscriptionManageCollaborators() { + return ( + +
+ + Choisissez les collaborateurs pour votre abonnement + + + 7 sièges disponibles + +
+
+ + + + + + + + +
+ + 7 collaborateurs sélectionnés + +
+ + +
+
+
+ + ); +} diff --git a/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx index 5a98f987..accd6b67 100644 --- a/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx +++ b/src/front/Components/Layouts/Subscription/SubscriptionNew/index.tsx @@ -8,7 +8,7 @@ import Link from "next/link"; export default function SubscriptionNew() { return ( - +
diff --git a/src/front/Config/Module/development.json b/src/front/Config/Module/development.json index 01977fca..a7b23134 100644 --- a/src/front/Config/Module/development.json +++ b/src/front/Config/Module/development.json @@ -285,6 +285,13 @@ "labelKey": "invite" } }, + "ManageCollaborators": { + "enabled": true, + "props": { + "path": "/subscription/manage-collaborators", + "labelKey": "manage_collaborators" + } + }, "Manage": { "enabled": true, "props": { diff --git a/src/front/Config/Module/preprod.json b/src/front/Config/Module/preprod.json index 01977fca..a7b23134 100644 --- a/src/front/Config/Module/preprod.json +++ b/src/front/Config/Module/preprod.json @@ -285,6 +285,13 @@ "labelKey": "invite" } }, + "ManageCollaborators": { + "enabled": true, + "props": { + "path": "/subscription/manage-collaborators", + "labelKey": "manage_collaborators" + } + }, "Manage": { "enabled": true, "props": { diff --git a/src/front/Config/Module/production.json b/src/front/Config/Module/production.json index 01977fca..a7b23134 100644 --- a/src/front/Config/Module/production.json +++ b/src/front/Config/Module/production.json @@ -285,6 +285,13 @@ "labelKey": "invite" } }, + "ManageCollaborators": { + "enabled": true, + "props": { + "path": "/subscription/manage-collaborators", + "labelKey": "manage_collaborators" + } + }, "Manage": { "enabled": true, "props": { diff --git a/src/front/Config/Module/staging.json b/src/front/Config/Module/staging.json index 01977fca..a7b23134 100644 --- a/src/front/Config/Module/staging.json +++ b/src/front/Config/Module/staging.json @@ -285,6 +285,13 @@ "labelKey": "invite" } }, + "ManageCollaborators": { + "enabled": true, + "props": { + "path": "/subscription/manage-collaborators", + "labelKey": "manage_collaborators" + } + }, "Manage": { "enabled": true, "props": { diff --git a/src/pages/subscription/manage-collaborators/index.tsx b/src/pages/subscription/manage-collaborators/index.tsx new file mode 100644 index 00000000..d5d03817 --- /dev/null +++ b/src/pages/subscription/manage-collaborators/index.tsx @@ -0,0 +1,5 @@ +import SubscriptionManageCollaborators from "@Front/Components/Layouts/Subscription/SubscriptionManageCollaborators"; + +export default function Route() { + return ; +}