✨ Getting documents available

src/front/Api/LeCoffreApi/SuperAdmin/DocumentTypes/DocumentTypes.ts

@@ -0,0 +1,81 @@
+import { DocumentType } from "le-coffre-resources/dist/SuperAdmin";
+import { Service } from "typedi";
+
+import BaseSuperAdmin from "../BaseSuperAdmin";
+
+// TODO Type get query params -> Where + inclue + orderby
+export interface IGetDocumentTypesparams {
+	where?: {};
+	include?: {};
+}
+
+// TODO Type getbyuid query params
+
+export type IPutDocumentTypesParams = {
+};
+
+export interface IPostDocumentTypesParams {}
+
+@Service()
+export default class DocumentTypes extends BaseSuperAdmin {
+	private static instance: DocumentTypes;
+	private readonly baseURl = this.namespaceUrl.concat("/document-types");
+
+	private constructor() {
+		super();
+	}
+
+	public static getInstance() {
+		if (!this.instance) {
+			return new this();
+		} else {
+			return this.instance;
+		}
+	}
+
+	public async get(q: IGetDocumentTypesparams): Promise<DocumentType[]> {
+		const url = new URL(this.baseURl);
+		Object.entries(q).forEach(([key, value]) => url.searchParams.set(key, JSON.stringify(value)));
+		try {
+			return await this.getRequest<DocumentType[]>(url);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+
+	/**
+	 * @description : Create a Document
+	 */
+	public async post(body: any): Promise<DocumentType> {
+		const url = new URL(this.baseURl);
+		try {
+			return await this.postRequest<DocumentType>(url, body);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+
+	public async getByUid(uid: string, q?: any): Promise<DocumentType> {
+		const url = new URL(this.baseURl.concat(`/${uid}`));
+		const query = { q };
+		if (q) Object.entries(query).forEach(([key, value]) => url.searchParams.set(key, JSON.stringify(value)));
+		try {
+			return await this.getRequest<DocumentType>(url);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+
+	public async put(uid: string, body: IPutDocumentTypesParams): Promise<DocumentType> {
+		const url = new URL(this.baseURl.concat(`/${uid}`));
+		try {
+			return await this.putRequest<DocumentType>(url, body);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+}

src/front/Components/Layouts/Folder/AskDocuments/index.tsx

@@ -1,4 +1,7 @@
+import "reflect-metadata";
+
 import PlusIcon from "@Assets/Icons/plus.svg";
+import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
 import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import CheckBox from "@Front/Components/DesignSystem/CheckBox";
 import Form from "@Front/Components/DesignSystem/Form";
@@ -8,19 +11,27 @@ import { IOption } from "@Front/Components/DesignSystem/Select";
 import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography";
 import BackArrow from "@Front/Components/Elements/BackArrow";
 import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
+import { NextRouter, useRouter } from "next/router";
 import React from "react";
 
 import BasePage from "../../Base";
 import classes from "./classes.module.scss";
+import DocumentTypes from "@Front/Api/LeCoffreApi/SuperAdmin/DocumentTypes/DocumentTypes";
+import DeedTypes from "@Front/Api/LeCoffreApi/SuperAdmin/DeedTypes/DeedTypes";
 
 type IProps = {};
+type IPropsClass = IProps & {
+	router: NextRouter;
+	folderUid: string;
+};
 type IState = {
 	isCreateDocumentModalVisible: boolean;
 	documentName: string;
 	visibleDescription: string;
+	documentTypes: IOption[];
 };
 
-export default class AskDocuments extends BasePage<IProps, IState> {
+class AskDocumentsClass extends BasePage<IPropsClass, IState> {
 	private documentsType: IOption[] = [
 		{ label: "Carte d'identité", value: "carte_identite" },
 		{ label: "Diagnostic État Risques et Pollution", value: "diagnostic_erep" },
@@ -35,13 +46,14 @@ export default class AskDocuments extends BasePage<IProps, IState> {
 		{ label: "Diagnostic État des nuisances sonores aériennes", value: "diagnostic_ednsa" },
 	];
 
-	public constructor(props: IProps) {
+	public constructor(props: IPropsClass) {
 		super(props);
 
 		this.state = {
 			isCreateDocumentModalVisible: false,
 			documentName: "",
 			visibleDescription: "",
+			documentTypes: [],
 		};
 
 		this.onFormSubmit = this.onFormSubmit.bind(this);
@@ -65,7 +77,7 @@ export default class AskDocuments extends BasePage<IProps, IState> {
 					<Form onSubmit={this.onFormSubmit}>
 						<div className={classes["form-container"]}>
 							<div className={classes["checkbox-container"]}>
-								{this.documentsType.map((documentType) => (
+								{this.state.documentTypes.map((documentType) => (
 									<CheckBox name="documents_type" toolTip="Checkbox with tooltip" option={documentType} key={documentType.value as string} />
 								))}
 							</div>
@@ -117,6 +129,45 @@ export default class AskDocuments extends BasePage<IProps, IState> {
 		);
 	}
 
+	public override async componentDidMount(): Promise<void> {
+		try{
+			const folder = await Folders.getInstance().getByUid(this.props.folderUid, {
+				q:{
+					deed: {
+						include: {
+							deed_type: true
+						}
+					}
+				}
+			});
+			if(!folder) return;
+	
+			const documentTypes = await DeedTypes.getInstance().getByUid(folder.deed!.deed_type!.uid!, {
+				q: {
+						deed_type_has_document_types: {
+							include: {
+								document_type: true
+							}
+						}
+					}
+			})
+	
+			if(!documentTypes) return;
+			
+			const documentTypesOptions: IOption[] = documentTypes.deed_type_has_document_types!.map((documentType) => {
+				return {
+					label: documentType.document_type!.name!,
+					value: documentType.document_type!.uid!,
+				};
+			});
+
+			this.setState({
+				documentTypes: documentTypesOptions,
+			});
+		}catch(e){
+			console.error(e);
+		}
+	}
 	private canAddDocument() {
 		if (this.state.documentName === "" || this.state.visibleDescription === "") {
 			return false;
@@ -175,3 +226,10 @@ export default class AskDocuments extends BasePage<IProps, IState> {
 	) {
 	}
 }
+
+export default function AskDocuments(props: IProps){
+	const router = useRouter();
+	let { folderUid } = router.query;
+	folderUid = folderUid as string;
+	return <AskDocumentsClass folderUid={folderUid} router={router} />;
+}