chore: Initial Commit

feat: Gestion des inscriptions [#1] feat(frontend): Création des vues pour le paramétrage de l'école [#2] feat: Gestion du login [#6] fix: Correction lors de la migration des modèle [#8] feat: Révision du menu principal [#9] feat: Ajout d'un footer [#10] feat: Création des dockers compose pour les environnements de développement et de production [#12] doc(ci): Mise en place de Husky et d'un suivi de version automatique [#14]
2026-01-28 23:43:22 +00:00 · 2024-11-18 10:02:58 +01:00
commit af0cd1c840
228 changed files with 22694 additions and 0 deletions
--- a/Front-End/src/app/[locale]/users/password/new/page.js
+++ b/Front-End/src/app/[locale]/users/password/new/page.js
@ -0,0 +1,107 @@
+'use client'
+
+import React, { useState, useEffect } from 'react';
+import DjangoCSRFToken from '@/components/DjangoCSRFToken'
+import Logo from '@/components/Logo';
+import { useSearchParams, useRouter } from 'next/navigation';
+import InputTextIcon from '@/components/InputTextIcon';
+import Loader from '@/components/Loader'; // Importez le composant Loader
+import Button from '@/components/Button'; // Importez le composant Button
+import Popup from '@/components/Popup'; // Importez le composant Popup
+import { User } from 'lucide-react'; // Importez directement les icônes nécessaires
+import { BK_NEW_PASSWORD_URL,FR_USERS_LOGIN_URL } from '@/utils/Url';
+import useCsrfToken from '@/hooks/useCsrfToken';
+
+const useFakeData = process.env.NEXT_PUBLIC_USE_FAKE_DATA === 'true';
+
+export default function Page() {
+    const searchParams = useSearchParams();
+    const [errorMessage, setErrorMessage] = useState("");
+    const [userFieldError, setUserFieldError] = useState("");
+    const [isLoading, setIsLoading] = useState(false);
+    const [popupVisible, setPopupVisible] = useState(false);
+    const [popupMessage, setPopupMessage] = useState("");
+    const [popupConfirmAction, setPopupConfirmAction] = useState(null);
+    const csrfToken = useCsrfToken();
+
+    function validate(formData) {
+        if (useFakeData) {
+            setTimeout(() => {
+                setUserFieldError("");
+                setErrorMessage("");
+                setPopupMessage("Mot de passe réinitialisé avec succès !");
+                setPopupConfirmAction(() => () => setPopupVisible(false));
+                setPopupVisible(true);
+            }, 1000); // Simule un délai de traitement
+        } else {
+            const request = new Request(
+                `${BK_NEW_PASSWORD_URL}`,
+                {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRFToken': csrfToken
+                    },
+                    credentials: 'include',
+                    body: JSON.stringify({
+                        email: formData.get('email')
+                    }),
+                }
+            );
+            fetch(request).then(response => response.json())
+            .then(data => {
+                console.log('Success:', data);
+                setUserFieldError("");
+                setErrorMessage("");
+                if (data.errorMessage === "") {
+                    setPopupMessage(data.message);
+                    setPopupConfirmAction(() => () => setPopupVisible(false));
+                    setPopupVisible(true);
+                } else {
+                    if (data.errorFields) {
+                        setUserFieldError(data.errorFields.email);
+                    }
+                    if (data.errorMessage) {
+                        setErrorMessage(data.errorMessage);
+                    }
+                }
+            })
+            .catch(error => {
+                console.error('Error fetching data:', error);
+                error = error.errorMessage;
+                console.log(error);
+            });
+        }
+    }
+
+    if (isLoading === true) {
+        return <Loader /> // Affichez le composant Loader
+    } else {
+        return <>
+            <div className="container max mx-auto p-4">
+                <div className="flex justify-center mb-4">
+                    <Logo className="h-150 w-150" />
+                </div>
+                <h1 className="text-2xl font-bold text-center mb-4">Nouveau Mot de passe</h1>
+                <form className="max-w-md mx-auto" onSubmit={(e) => { e.preventDefault(); validate(new FormData(e.target)); }}>
+                    <DjangoCSRFToken csrfToken={csrfToken} />
+                    <InputTextIcon name="email" type="text" IconItem={User} label="Identifiant" placeholder="Identifiant" errorMsg={userFieldError} className="w-full" />
+                    <p className="text-red-500">{errorMessage}</p>
+                    <div className="form-group-submit mt-4">
+                        <Button text="Réinitialiser" className="w-full" primary type="submit" name="validate" />
+                    </div>
+                </form>
+                <br />
+                <div className='flex justify-center mt-2 max-w-md mx-auto'>
+                    <Button text="Annuler" className="w-full" href={ `${FR_USERS_LOGIN_URL}`} />
+                </div>
+            </div>
+            <Popup
+                visible={popupVisible}
+                message={popupMessage}
+                onConfirm={popupConfirmAction}
+                onCancel={() => setPopupVisible(false)}
+            />
+        </>
+    }
+}