4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ Replacing ' char

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-27 15:12:06 +02:00
parent db2c09798d
commit 699b85bc41
9 changed files with 51 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx
View File

@ -43,7 +43,7 @@ export default class NotificationModal extends React.Component<IProps, IState> {
{Toasts.getInstance().toasts.length === 0 ? (
<div className={classes["missing-notification"]}>
<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
Vous n’avez pas de notifications.
Vous n'avez pas de notifications.
</Typography>
</div>
) : (

3
src/front/Components/Layouts/DesignSystem/index.tsx
View File

@ -24,7 +24,6 @@ import Toasts, { IToast } from "@Front/Stores/Toasts";
import classes from "./classes.module.scss";
import { customer2, document, documentDeposited, documentPending, folder, folders, folderWithPendingDocument } from "./dummyData";
type IState = {
isModalDisplayed: boolean;
selectedOption?: IOption;
@ -203,7 +202,7 @@ export default class DesignSystem extends BasePage<IProps, IState> {
<Select
options={selectOptions}
onChange={this.onSelectedOption}
placeholder={"Type d’acte"}
placeholder={"Type d'acte"}
selectedOption={this.state.selectedOption}
/>
</div>

2
src/front/Components/Layouts/Folder/CreateFolder/index.tsx
View File

@ -86,7 +86,7 @@ export default class CreateFolder extends BasePage<IProps, IState> {
onChange={this.onFolderNumberChange}
/>
<InputField name="entitled" fakeplaceholder="Intitulé" onChange={this.onEntitleChange} />
<Select options={this.actsOptions} placeholder={"Type d’acte"} onChange={this.onActTypeChange} />
<Select options={this.actsOptions} placeholder={"Type d'acte"} onChange={this.onActTypeChange} />
<InputField
name="personal_note"
fakeplaceholder="Note du dossier"

2
src/front/Components/Layouts/Folder/FolderInformation/ClientSection/index.tsx
View File

@ -33,7 +33,7 @@ export default class ClientSection extends React.Component<IProps, IState> {
<div className={classes["no-client"]}>
<div className={classes["title"]}>
<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
Aucun client n’est associé au dossier.
Aucun client n'est associé au dossier.
</Typography>
</div>
<Link href={navigatePath}>

2
src/front/Components/Layouts/Folder/UpdateFolderCollaborators/index.tsx
View File

@ -54,7 +54,7 @@ class UpdateFolderCollaboratorsClass extends BasePage<IPropsClass, IState> {
<Form className={classes["form"]}>
<div className={classes["content"]}>
<RadioBox name="office" value={ERadioBoxValue.ALL} defaultChecked onChange={this.onSelectedOptionAllOffice}>
Tout l’office
Tout l'office
</RadioBox>
<RadioBox name="office" value={ERadioBoxValue.SELECTION} onChange={this.onSelectedOptionSpecific}>
Sélectionner des collaborateurs

68
src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
View File

@ -1,33 +1,40 @@
import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form";
import InputField from "@Front/Components/DesignSystem/Form/Elements/InputField";
import Select, { IOption } from "@Front/Components/DesignSystem/Select";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import BackArrow from "@Front/Components/Elements/BackArrow";
import { folders } from "@Front/Components/Layouts/DesignSystem/dummyData";
import DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import Module from "@Front/Config/Module";
import { OfficeFolder } from "le-coffre-resources/dist/Notary";
import Link from "next/link";
import { useRouter } from "next/router";
import BasePage from "../../Base";
import classes from "./classes.module.scss";
type IProps = {
folder: IDashBoardFolder | null;
import "reflect-metadata";
type IProps = {};
type IPropsClass = IProps & {
folderUid: string;
};
type IState = {
selectedFolder: IDashBoardFolder | null;
selectedOption?: IOption;
};
class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
constructor(props: IProps) {
class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
constructor(props: IPropsClass) {
super(props);
this.state = {
selectedFolder: null,
};
this.onSelectedFolder = this.onSelectedFolder.bind(this);
this.onSelectedOption = this.onSelectedOption.bind(this);
this.getFolder = this.getFolder.bind(this);
}
public override render(): JSX.Element {
const selectOptions = [
@ -37,7 +44,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
];
const backwardPath = Module.getInstance()
.get()
.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.folder?.uid!);
.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.state.selectedFolder?.uid!);
return (
<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
<div className={classes["root"]}>
@ -48,23 +55,24 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
<Form className={classes["form"]}>
<div className={classes["content"]}>
<InputField name="input field" fakeplaceholder="Intitulé du dossier" defaultValue={this.props.folder?.name} />
<InputField name="input field" fakeplaceholder="Intitulé du dossier" defaultValue={this.state.selectedFolder?.name} />
<InputField
name="input field"
fakeplaceholder="Numéro de dossier"
defaultValue={this.props.folder?.folder_number}
defaultValue={this.state.selectedFolder?.folder_number}
/>
<Select
options={selectOptions}
onChange={this.onSelectedOption}
placeholder={"Type d’acte"}
placeholder={"Type d'acte"}
selectedOption={this.state.selectedOption}
/>
<InputField
{/* <InputField
name="input field"
type="date"
fakeplaceholder="Ouverture du dossier"
defaultValue={formatDate(this.props.folder?.created_at!)}
/>
defaultValue={this.state.selectedFolder?.created_at?.toString() as string}
/> */}
</div>
<div className={classes["button-container"]}>
@ -79,13 +87,27 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
);
}
public override componentDidMount(): void {
public override async componentDidMount() {
const folder = await this.getFolder();
this.setState({
selectedFolder: folder,
selectedOption: {
label: this.props.folder?.deed.deed_type?.name ?? "",
value: this.props.folder?.deed.deed_type?.uid ?? "",
label: folder?.deed.deed_type?.name ?? "",
value: folder?.deed.deed_type?.uid ?? "",
},
});
})
}
private async getFolder(): Promise<OfficeFolder> {
const query = {
q: {
deed: { include: { deed_type: true } },
office: true,
office_folder_has_customers: { include: { customer: { include: { contact: true } } } },
},
};
const folder = await Folders.getInstance().getByUid(this.props.folderUid, query);
return folder;
}
private onSelectedOption(option: IOption) {
@ -99,19 +121,9 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
}
}
export default function UpdateFolderMetadata() {
export default function UpdateFolderMetadata(props: IProps) {
const router = useRouter();
let { folderUid } = router.query;
folderUid = folderUid as string;
const folder = folders.find((folder) => folder.uid === folderUid) ?? null;
return <UpdateFolderMetadataClass folder={folder} />;
}
function formatDate(date: Date | null): string {
if (!date) return "...";
return date.toLocaleDateString("fr-FR", {
year: "numeric",
month: "long",
day: "numeric",
});
return <UpdateFolderMetadataClass folderUid={folderUid} />;
}

2
src/front/Components/Layouts/FolderArchived/UpdateFolderMetadata/index.tsx
View File

@ -52,7 +52,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
<Select
options={selectOptions}
onChange={this.onSelectedOption}
placeholder={"Type d’acte"}
placeholder={"Type d'acte"}
selectedOption={this.state.selectedOption}
/>
<InputField name="input field" fakeplaceholder="Ouverture du dossier" />

6
src/front/Components/Layouts/Login/index.tsx
View File

@ -17,11 +17,11 @@ export default class LoginClass extends BasePage {
<Typography typo={ITypo.H1}>
<div className={classes["title"]}>Connexion espace professionnel</div>
</Typography>
<Button onClick={this.redirectUserOnConnection}>S’identifier avec ID.not</Button>
<Button onClick={this.redirectUserOnConnection}>S'identifier avec ID.not</Button>
<Typography typo={ITypo.P_18}>
<div className={classes["forget-password"]}>Vous n’arrivez pas à vous connecter ?</div>
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography>
<Button variant={EButtonVariant.LINE}>Contacter l’administrateur</Button>
<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
</div>
</DefaultDoubleSidePage>
);

4
src/front/Components/Layouts/LoginCallback/index.tsx
View File

@ -32,11 +32,11 @@ type IPropsClass = {};
// <Loader />
// <Typography typo={ITypo.P_18}>
// <div className={classes["forget-password"]}>
// Vous n’arrivez pas à vous connecter ?
// Vous n'arrivez pas à vous connecter ?
// </div>
// </Typography>
// <Button variant={EButtonVariant.LINE}>
// Contacter l’administrateur
// Contacter l'administrateur
// </Button>
// </div>
// </DefaultDoubleSidePage>