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

✨ Edit folder working

Browse Source
This commit is contained in:
Maxime Lalo 2023-05-03 12:35:59 +02:00
parent cd06158e83
commit f9cacdb2c1
2 changed files with 28 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/front/Api/LeCoffreApi/SuperAdmin/Folders/Folders.ts
View File

@ -2,6 +2,7 @@ import { Service } from "typedi";
import { OfficeFolder } from "le-coffre-resources/dist/Notary";
import BaseSuperAdmin from "../BaseSuperAdmin";
import { EFolderStatus } from "le-coffre-resources/dist/Customer/OfficeFolder";
import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
// TODO Type get query params -> Where + inclue + orderby
export interface IGetFoldersParams {
@ -68,11 +69,11 @@ export default class Folders extends BaseSuperAdmin {
/**
* @description : Get a folder by uid
*/
public async getByUid(uid: string, q?: any): Promise<OfficeFolder> {
public async getByUid(uid: string, q?: any): Promise<IDashBoardFolder> {
const url = new URL(this.baseURl.concat(`/${uid}`));
if (q) Object.entries(q).forEach(([key, value]) => url.searchParams.set(key, JSON.stringify(value)));
try {
return await this.getRequest<OfficeFolder>(url);
return await this.getRequest<IDashBoardFolder>(url);
} catch (err) {
this.onError(err);
return Promise.reject(err);

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

@ -1,30 +1,29 @@
import "reflect-metadata";
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 { OfficeFolder } from "le-coffre-resources/dist/Notary";
import Link from "next/link";
import { useRouter } from "next/router";
import { NextRouter, useRouter } from "next/router";
import BasePage from "../../Base";
import classes from "./classes.module.scss";
import "reflect-metadata";
type IProps = {};
type IPropsClass = IProps & {
folderUid: string;
router: NextRouter;
};
type IState = {
selectedFolder: IDashBoardFolder | null;
selectedOption?: IOption;
};
class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
constructor(props: IPropsClass) {
@ -33,15 +32,10 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
selectedFolder: null,
};
this.onSelectedFolder = this.onSelectedFolder.bind(this);
this.onSelectedOption = this.onSelectedOption.bind(this);
this.getFolder = this.getFolder.bind(this);
this.onFormSubmit = this.onFormSubmit.bind(this);
}
public override render(): JSX.Element {
const selectOptions = [
{ value: "adazzdsqaad", label: "Acte de mariage" },
{ value: "adazzqsdaad", label: "Vente immobilière" },
{ value: "adazzqsdaad", label: "Acte de divorce" },
];
const backwardPath = Module.getInstance()
.get()
.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.state.selectedFolder?.uid!);
@ -53,26 +47,14 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
</div>
<Typography typo={ITypo.H1Bis}>Modifier les informations du dossier</Typography>
<Form className={classes["form"]}>
<Form className={classes["form"]} onSubmit={this.onFormSubmit}>
<div className={classes["content"]}>
<InputField name="input field" fakeplaceholder="Intitulé du dossier" defaultValue={this.state.selectedFolder?.name} />
<InputField name="name" fakeplaceholder="Intitulé du dossier" defaultValue={this.state.selectedFolder?.name} />
<InputField
name="input field"
name="folder_number"
fakeplaceholder="Numéro de dossier"
defaultValue={this.state.selectedFolder?.folder_number}
/>
<Select
options={selectOptions}
onChange={this.onSelectedOption}
placeholder={"Type d'acte"}
selectedOption={this.state.selectedOption}
/>
{/* <InputField
name="input field"
type="date"
fakeplaceholder="Ouverture du dossier"
defaultValue={this.state.selectedFolder?.created_at?.toString() as string}
/> */}
</div>
<div className={classes["button-container"]}>
@ -91,14 +73,25 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
const folder = await this.getFolder();
this.setState({
selectedFolder: folder,
selectedOption: {
label: folder?.deed.deed_type?.name ?? "",
value: folder?.deed.deed_type?.uid ?? "",
},
})
}
private async getFolder(): Promise<OfficeFolder> {
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 } },
@ -110,12 +103,6 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
return folder;
}
private onSelectedOption(option: IOption) {
this.setState({
selectedOption: option,
});
}
private onSelectedFolder(folder: IDashBoardFolder): void {
this.setState({ selectedFolder: folder });
}
@ -125,5 +112,5 @@ export default function UpdateFolderMetadata(props: IProps) {
const router = useRouter();
let { folderUid } = router.query;
folderUid = folderUid as string;
return <UpdateFolderMetadataClass folderUid={folderUid} />;
return <UpdateFolderMetadataClass folderUid={folderUid} router={router}/>;
}