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={ className={
this.props.className ? [classes["textarea"], classes[this.props.className]].join(" ") : classes["textarea"] this.props.className ? [classes["textarea"], classes[this.props.className]].join(" ") : classes["textarea"]
} }
value={value}
/> />
<div className={classes["fake-placeholder"]}>{this.props.fakeplaceholder}</div> <div className={classes["fake-placeholder"]}>{this.props.fakeplaceholder}</div>
</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 InputField from "@Front/Components/DesignSystem/Form/Elements/InputField";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import BackArrow from "@Front/Components/Elements/BackArrow"; import BackArrow from "@Front/Components/Elements/BackArrow";
import { folders } from "@Front/Components/Layouts/DesignSystem/dummyData";
import DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard"; 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 { useRouter } from "next/router";
import BasePage from "../../Base"; import BasePage from "../../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Link from "next/link";
import Module from "@Front/Config/Module";
type IProps = { type IProps = {
selectedFolderUid: string; folder: IDashBoardFolder | null;
}; };
type IState = { type IState = {
selectedFolder: IDashBoardFolder | null; selectedFolder: IDashBoardFolder | null;
@ -28,7 +29,7 @@ class UpdateFolderDescriptionClass extends BasePage<IProps, IState> {
public override render(): JSX.Element { public override render(): JSX.Element {
const backwardPath = Module.getInstance() const backwardPath = Module.getInstance()
.get() .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 ( return (
<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}> <DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
<div className={classes["root"]}> <div className={classes["root"]}>
@ -39,7 +40,7 @@ class UpdateFolderDescriptionClass extends BasePage<IProps, IState> {
<Form className={classes["form"]}> <Form className={classes["form"]}>
<div className={classes["content"]}> <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>
<div className={classes["button-container"]}> <div className={classes["button-container"]}>
@ -63,5 +64,6 @@ export default function UpdateFolderDescription() {
const router = useRouter(); const router = useRouter();
let { folderUid } = router.query; let { folderUid } = router.query;
folderUid = folderUid as string; folderUid = folderUid as string;
return <UpdateFolderDescriptionClass selectedFolderUid={folderUid} />; const folder = folders.find((folder) => folder.uid === folderUid) ?? null;
return <UpdateFolderDescriptionClass folder={folder} />;
} }

24
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 Select, { IOption } from "@Front/Components/DesignSystem/Select";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import BackArrow from "@Front/Components/Elements/BackArrow"; 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 { 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 BasePage from "../../Base";
import classes from "./classes.module.scss"; 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 = { type IProps = {
folder: OfficeFolder | null; folder: IDashBoardFolder | null;
}; };
type IState = { type IState = {
selectedFolder: IDashBoardFolder | null; selectedFolder: IDashBoardFolder | null;
@ -49,14 +49,22 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
<Form className={classes["form"]}> <Form className={classes["form"]}>
<div className={classes["content"]}> <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.props.folder?.name} />
<InputField name="input field" fakeplaceholder="Numéro de dossier" defaultValue={this.props.folder?.folder_number}/> <InputField
name="input field"
fakeplaceholder="Numéro de dossier"
defaultValue={this.props.folder?.folder_number}
/>
<Select <Select
options={selectOptions} options={selectOptions}
onChange={this.onSelectedOption} onChange={this.onSelectedOption}
placeholder={"Type d’acte"} placeholder={"Type d’acte"}
selectedOption={this.state.selectedOption} 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>
<div className={classes["button-container"]}> <div className={classes["button-container"]}>