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

🐛 Autofill folder description update

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-27 12:31:03 +02:00
parent dbc1ba00dd
commit d81edc3525
3 changed files with 26 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/front/Components/DesignSystem/Form/Elements/InputField/index.tsx
View File

@ -46,6 +46,7 @@ export default class InputField extends BaseField<IProps> {
className={
this.props.className ? [classes["textarea"], classes[this.props.className]].join(" ") : classes["textarea"]
}
value={value}
/>
<div className={classes["fake-placeholder"]}>{this.props.fakeplaceholder}</div>
</div>

14
src/front/Components/Layouts/Folder/UpdateFolderDescription/index.tsx
View File

@ -3,16 +3,17 @@ import Form from "@Front/Components/DesignSystem/Form";
import InputField from "@Front/Components/DesignSystem/Form/Elements/InputField";
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 Link from "next/link";
import { useRouter } from "next/router";
import BasePage from "../../Base";
import classes from "./classes.module.scss";
import Link from "next/link";
import Module from "@Front/Config/Module";
type IProps = {
selectedFolderUid: string;
folder: IDashBoardFolder | null;
};
type IState = {
selectedFolder: IDashBoardFolder | null;
@ -28,7 +29,7 @@ class UpdateFolderDescriptionClass extends BasePage<IProps, IState> {
public override render(): JSX.Element {
const backwardPath = Module.getInstance()
.get()
.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.selectedFolderUid);
.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.folder?.uid ?? "");
return (
<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
<div className={classes["root"]}>
@ -39,7 +40,7 @@ class UpdateFolderDescriptionClass extends BasePage<IProps, IState> {
<Form className={classes["form"]}>
<div className={classes["content"]}>
<InputField name="input field" fakeplaceholder="Note du dossier" textarea />
<InputField name="input field" fakeplaceholder="Note du dossier" textarea defaultValue={this.props.folder?.description ?? ""} />
</div>
<div className={classes["button-container"]}>
@ -63,5 +64,6 @@ export default function UpdateFolderDescription() {
const router = useRouter();
let { folderUid } = router.query;
folderUid = folderUid as string;
return <UpdateFolderDescriptionClass selectedFolderUid={folderUid} />;
const folder = folders.find((folder) => folder.uid === folderUid) ?? null;
return <UpdateFolderDescriptionClass folder={folder} />;
}

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

@ -4,17 +4,17 @@ 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 DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import { useRouter } from "next/router";
import { folders } from "@Front/Components/Layouts/DesignSystem/dummyData";
import DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import Module from "@Front/Config/Module";
import Link from "next/link";
import { useRouter } from "next/router";
import BasePage from "../../Base";
import classes from "./classes.module.scss";
import Link from "next/link";
import Module from "@Front/Config/Module";
import { OfficeFolder } from "le-coffre-resources/dist/Notary";
type IProps = {
folder: OfficeFolder | null;
folder: IDashBoardFolder | null;
};
type IState = {
selectedFolder: IDashBoardFolder | null;
@ -48,15 +48,23 @@ 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="Numéro de dossier" defaultValue={this.props.folder?.folder_number}/>
<InputField name="input field" fakeplaceholder="Intitulé du dossier" defaultValue={this.props.folder?.name} />
<InputField
name="input field"
fakeplaceholder="Numéro de dossier"
defaultValue={this.props.folder?.folder_number}
/>
<Select
options={selectOptions}
onChange={this.onSelectedOption}
placeholder={"Type d’acte"}
selectedOption={this.state.selectedOption}
/>
<InputField name="input field" fakeplaceholder="Ouverture du dossier" defaultValue={formatDate(this.props.folder?.created_at!)}/>
<InputField
name="input field"
fakeplaceholder="Ouverture du dossier"
defaultValue={formatDate(this.props.folder?.created_at!)}
/>
</div>
<div className={classes["button-container"]}>