From b9af54962455e4152612b2d4e2b6672f4613a451 Mon Sep 17 00:00:00 2001
From: MathieuSevignyLavallee
 <89943988+MathieuSevignyLavallee@users.noreply.github.com>
Date: Mon, 30 Sep 2024 21:20:58 -0400
Subject: [PATCH] base of login

---
 .../src/pages/AuthSelection/AuthSelection.tsx | 33 +------
 .../src/pages/AuthSelection/SimpleLogin.tsx   | 94 +++++++++++++++++++
 .../src/pages/AuthSelection/simpleLogin.css   |  0
 docker-compose.yaml                           |  8 +-
 server/config/auth.js                         |  6 +-
 5 files changed, 103 insertions(+), 38 deletions(-)
 create mode 100644 client/src/pages/AuthSelection/SimpleLogin.tsx
 create mode 100644 client/src/pages/AuthSelection/simpleLogin.css

diff --git a/client/src/pages/AuthSelection/AuthSelection.tsx b/client/src/pages/AuthSelection/AuthSelection.tsx
index 5f25bdb..a29e118 100644
--- a/client/src/pages/AuthSelection/AuthSelection.tsx
+++ b/client/src/pages/AuthSelection/AuthSelection.tsx
@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import './authselection.css';
+import SimpleLogin from './SimpleLogin';
 
 const AuthSelection: React.FC = () => {
-    const [simpleLoginData, setSimpleLoginData] = useState({ username: '', password: '' });
     const [authData, setAuthData] = useState<any>(null); // Stocke les données d'auth
     const navigate = useNavigate();
 
@@ -22,17 +22,6 @@ const AuthSelection: React.FC = () => {
         fetchAuthData(); // Appel de la fonction pour récupérer les données
     }, []);
 
-    const handleSimpleLoginChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const { name, value } = e.target;
-        setSimpleLoginData((prev) => ({ ...prev, [name]: value }));
-    };
-
-    const handleSimpleLoginSubmit = (e: React.FormEvent) => {
-        e.preventDefault();
-        // Logique d'authentification pour Simple Login
-        console.log('Simple Login Data:', simpleLoginData);
-    };
-
     const handleAuthLogin = (provider: string) => {
         window.location.href = 'http://localhost:3000/api/auth/' + provider;
     };
@@ -44,25 +33,7 @@ const AuthSelection: React.FC = () => {
             {/* Formulaire de connexion Simple Login */}
             {authData && authData['simple-login'] && (
                 <div className="form-container">
-                    <form onSubmit={handleSimpleLoginSubmit}>
-                        <input
-                            type="text"
-                            name="username"
-                            placeholder="Nom d'utilisateur"
-                            value={simpleLoginData.username}
-                            onChange={handleSimpleLoginChange}
-                            required
-                        />
-                        <input
-                            type="password"
-                            name="password"
-                            placeholder="Mot de passe"
-                            value={simpleLoginData.password}
-                            onChange={handleSimpleLoginChange}
-                            required
-                        />
-                        <button type="submit">Se connecter</button>
-                    </form>
+                    <SimpleLogin/>
                 </div>
             )}
             
diff --git a/client/src/pages/AuthSelection/SimpleLogin.tsx b/client/src/pages/AuthSelection/SimpleLogin.tsx
new file mode 100644
index 0000000..be93f8c
--- /dev/null
+++ b/client/src/pages/AuthSelection/SimpleLogin.tsx
@@ -0,0 +1,94 @@
+import { useNavigate, Link } from 'react-router-dom';
+
+// JoinRoom.tsx
+import React, { useEffect, useState } from 'react';
+
+import './simpleLogin.css';
+import { TextField } from '@mui/material';
+import LoadingButton from '@mui/lab/LoadingButton';
+
+import LoginContainer from '../../components/LoginContainer/LoginContainer'
+import ApiService from '../../services/ApiService';
+
+const SimpleLogin: React.FC = () => {
+    const navigate = useNavigate();
+
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+
+    const [connectionError, setConnectionError] = useState<string>('');
+    const [isConnecting] = useState<boolean>(false);
+
+    useEffect(() => {
+        return () => {
+
+        };
+    }, []);
+
+    const login = async () => {
+        const result = await ApiService.login(email, password);
+
+        if (result != true) {
+            setConnectionError(result);
+            return;
+        }
+        else {
+            navigate("/teacher/Dashboard")
+        }
+
+    };
+
+
+    return (
+        <LoginContainer
+            title=''
+            error={connectionError}>
+
+            <TextField
+                label="Email"
+                variant="outlined"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="Nom d'utilisateur"
+                sx={{ marginBottom: '1rem' }}
+                fullWidth
+            />
+
+            <TextField
+                label="Mot de passe"
+                variant="outlined"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="Nom de la salle"
+                sx={{ marginBottom: '1rem' }}
+                fullWidth
+            />
+
+            <LoadingButton
+                loading={isConnecting}
+                onClick={login}
+                variant="contained"
+                sx={{ marginBottom: `${connectionError && '2rem'}` }}
+                disabled={!email || !password}
+            >
+                Login
+            </LoadingButton>
+
+            <div className="login-links">
+
+                <Link to="/teacher/resetPassword">
+                    Réinitialiser le mot de passe
+                </Link>
+
+                <Link to="/teacher/register">
+                    Créer un compte
+                </Link>
+
+            </div>
+
+        </LoginContainer>
+    );
+};
+
+export default SimpleLogin;
diff --git a/client/src/pages/AuthSelection/simpleLogin.css b/client/src/pages/AuthSelection/simpleLogin.css
new file mode 100644
index 0000000..e69de29
diff --git a/docker-compose.yaml b/docker-compose.yaml
index c5d30c1..b116e82 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -3,14 +3,18 @@ version: '3'
 services: 
 
   frontend:
-    image: fuhrmanator/evaluetonsavoir-frontend:latest
+    build:
+      context: ./server
+      dockerfile: Dockerfile
     container_name: frontend
     ports:
       - "5173:5173"
     restart: always
 
   backend:
-    image: fuhrmanator/evaluetonsavoir-backend:latest
+    build:
+      context: ./server
+      dockerfile: Dockerfile
     container_name: backend
     ports:
       - "3000:3000"
diff --git a/server/config/auth.js b/server/config/auth.js
index 40f8e10..cefdb1e 100644
--- a/server/config/auth.js
+++ b/server/config/auth.js
@@ -151,15 +151,11 @@ class AuthConfig {
 
           if (providerConfig.type === 'oauth') {
             passportConfig[providerName] = {
-              type: providerConfig.type,
-              authorizationUrl: providerConfig.OAUTH_AUTHORIZATION_URL,
-              callbackUrl: providerConfig.OAUTH_CALLBACK_URL,
+              type: providerConfig.type
             };
           } else if (providerConfig.type === 'oidc') {
             passportConfig[providerName] = {
               type: providerConfig.type,
-              issuerUrl: providerConfig.OIDC_ISSUER_URL,
-              callbackUrl: providerConfig.OIDC_CALLBACK_URL
             };
           }
         });