130 lines
4.3 KiB
TypeScript
130 lines
4.3 KiB
TypeScript
|
|
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 DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
|
|
import Module from "@Front/Config/Module";
|
|
import Link from "next/link";
|
|
import { NextRouter, useRouter } from "next/router";
|
|
|
|
import BasePage from "../../Base";
|
|
import classes from "./classes.module.scss";
|
|
|
|
|
|
type IProps = {};
|
|
|
|
type IPropsClass = IProps & {
|
|
folderUid: string;
|
|
router: NextRouter;
|
|
};
|
|
|
|
type IState = {
|
|
selectedFolder: IDashBoardFolder | null;
|
|
};
|
|
class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
|
|
constructor(props: IPropsClass) {
|
|
super(props);
|
|
this.state = {
|
|
selectedFolder: null,
|
|
};
|
|
this.onSelectedFolder = this.onSelectedFolder.bind(this);
|
|
this.getFolder = this.getFolder.bind(this);
|
|
this.onFormSubmit = this.onFormSubmit.bind(this);
|
|
}
|
|
public override render(): JSX.Element {
|
|
const backwardPath = Module.getInstance()
|
|
.get()
|
|
.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.state.selectedFolder?.uid!);
|
|
const deedOption = {
|
|
label: this.state.selectedFolder?.deed?.deed_type?.name,
|
|
value: this.state.selectedFolder?.deed?.deed_type?.uid,
|
|
} as IOption;
|
|
const openingDate = new Date(this.state.selectedFolder?.created_at ?? "");
|
|
return (
|
|
<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
|
|
<div className={classes["root"]}>
|
|
<div className={classes["back-arrow"]}>
|
|
<BackArrow url={backwardPath} />
|
|
</div>
|
|
<Typography typo={ITypo.H1Bis}>Modifier les informations du dossier</Typography>
|
|
|
|
<Form className={classes["form"]} onSubmit={this.onFormSubmit}>
|
|
<div className={classes["content"]}>
|
|
<InputField name="name" fakeplaceholder="Intitulé du dossier" defaultValue={this.state.selectedFolder?.name} />
|
|
<InputField
|
|
name="folder_number"
|
|
fakeplaceholder="Numéro de dossier"
|
|
defaultValue={this.state.selectedFolder?.folder_number}
|
|
/>
|
|
<Select options={[]} placeholder={"Type d'acte"} selectedOption={deedOption} disabled />
|
|
<InputField
|
|
fakeplaceholder="Ouverture du dossier"
|
|
defaultValue={openingDate.toLocaleDateString("fr-FR")}
|
|
disabled
|
|
/>
|
|
</div>
|
|
|
|
<div className={classes["button-container"]}>
|
|
<Link href={backwardPath} className={classes["cancel-button"]}>
|
|
<Button variant={EButtonVariant.GHOST}>Annuler</Button>
|
|
</Link>
|
|
<Button type="submit">Enregistrer</Button>
|
|
</div>
|
|
</Form>
|
|
</div>
|
|
</DefaultNotaryDashboard>
|
|
);
|
|
}
|
|
|
|
public override async componentDidMount() {
|
|
const folder = await this.getFolder();
|
|
this.setState({
|
|
selectedFolder: folder,
|
|
});
|
|
}
|
|
|
|
private async onFormSubmit(
|
|
e: React.FormEvent<HTMLFormElement> | null,
|
|
values: {
|
|
[key: string]: string;
|
|
},
|
|
) {
|
|
try {
|
|
await Folders.getInstance().put(this.props.folderUid, values);
|
|
const url = Module.getInstance()
|
|
.get()
|
|
.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.folderUid);
|
|
this.props.router.push(url);
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
}
|
|
|
|
private async getFolder(): Promise<IDashBoardFolder> {
|
|
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 onSelectedFolder(folder: IDashBoardFolder): void {
|
|
this.setState({ selectedFolder: folder });
|
|
}
|
|
}
|
|
|
|
export default function UpdateFolderMetadata(props: IProps) {
|
|
const router = useRouter();
|
|
let { folderUid } = router.query;
|
|
folderUid = folderUid as string;
|
|
return <UpdateFolderMetadataClass folderUid={folderUid} router={router} />;
|
|
}
|