From ad6eeb2ed85aab3b0d4c87109b497032b29f1c94 Mon Sep 17 00:00:00 2001
From: MaxOuvrard <118462372+MaxOuvrard@users.noreply.github.com>
Date: Wed, 18 Dec 2024 11:48:49 +0100
Subject: [PATCH 1/4] Add signup page

---
 front-js/src/app/auth/login/page.tsx  |  2 +-
 front-js/src/app/auth/signup/page.tsx | 77 +++++++++++++++++++++++++++
 front-js/src/app/page.tsx             |  2 +-
 package-lock.json                     |  6 +++
 4 files changed, 85 insertions(+), 2 deletions(-)
 create mode 100644 front-js/src/app/auth/signup/page.tsx
 create mode 100644 package-lock.json

diff --git a/front-js/src/app/auth/login/page.tsx b/front-js/src/app/auth/login/page.tsx
index 926d8cd..a01e339 100644
--- a/front-js/src/app/auth/login/page.tsx
+++ b/front-js/src/app/auth/login/page.tsx
@@ -51,7 +51,7 @@ export default function Home() {
           <Box align="right">
             <Text align="right" margin={{ top: "20px" }} size="15px">
               Pas encore de compte ?{" "}
-              <Link href="/auth/register">S’inscrire</Link>
+              <Link href="/auth/signup">S’inscrire</Link>
             </Text>
           </Box>
         </Modal>
diff --git a/front-js/src/app/auth/signup/page.tsx b/front-js/src/app/auth/signup/page.tsx
new file mode 100644
index 0000000..81d0472
--- /dev/null
+++ b/front-js/src/app/auth/signup/page.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import Box from "@/components/Box";
+import Button from "@/components/Button";
+import Input from "@/components/Input";
+import Layout from "@/components/Layout";
+import Modal from "@/components/Modal";
+import Title from "@/components/Title";
+import Text from "@/components/Text";
+import { use, useState } from "react";
+import Link from "@/components/Link";
+import Space from "@/components/Space";
+
+export default function Home() {
+    const [username, setUsername] = useState("");
+
+    const [password, setPassword] = useState("");
+
+    const [confirmPassword, setConfirmPassword] = useState("")
+
+    return (
+        <Layout type="home">
+          <Box align="center" margin={{ top: "100px", bottom: "50px" }}>
+            <Title level={1}>Networkers</Title>
+          </Box>
+          <Box align="center">
+            <Modal>
+              <Title level={3}>Inscription</Title>
+              <Input
+                type="text"
+                placeholder="Nom d'utilisateur"
+                value={username}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setUsername(e.target.value)}
+                required
+                label="Nom d'utilisateur"
+              />
+              <Input
+                type="password"
+                placeholder="Password123&"
+                value={password}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                label="Mot de passe"
+              />
+              <Input
+                type="password"
+                placeholder="Password123&"
+                value={confirmPassword}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setConfirmPassword(e.target.value)}
+                required
+                label="Confimer mot de passe"
+              />
+              <Text>Le mot de passe doit contenir au moins une majuscule</Text>
+              <Space/>
+              <Text>Le mot de passe doit contenir au moins un chiffre</Text> 
+              <Button
+                text="Connexion"
+                primary
+                type="input"
+                margin={{ top: "20px" }}
+                disabled={!username || !password || !confirmPassword}
+              />
+              <Box align="right">
+                <Text align="right" margin={{ top: "20px" }} size="15px">
+                  Déjà un compte ?{" "}
+                  <Link href="/auth/login">Se connecter</Link>
+                </Text>
+              </Box>
+            </Modal>
+          </Box>
+        </Layout>
+      );
+    }
+    
\ No newline at end of file
diff --git a/front-js/src/app/page.tsx b/front-js/src/app/page.tsx
index 81acd42..f755074 100644
--- a/front-js/src/app/page.tsx
+++ b/front-js/src/app/page.tsx
@@ -28,7 +28,7 @@ export default function Home() {
         <Box>
           <Button
             text="Inscription"
-            onClick={() => console.log("test")}
+            onClick={() => router.push("/auth/signup")}
             secondary
           />
           <Spacer x={4} />
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..f7b8d17
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "SAE-5",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}

From f0d6d692f4cfe8c7dc8da96835af75fea80c9d1b Mon Sep 17 00:00:00 2001
From: MaxOuvrard <118462372+MaxOuvrard@users.noreply.github.com>
Date: Wed, 18 Dec 2024 11:48:49 +0100
Subject: [PATCH 2/4] Add signup page

---
 front-js/src/app/auth/login/page.tsx  |  2 +-
 front-js/src/app/auth/signup/page.tsx | 77 +++++++++++++++++++++++++++
 front-js/src/app/page.tsx             |  2 +-
 package-lock.json                     |  6 +++
 4 files changed, 85 insertions(+), 2 deletions(-)
 create mode 100644 front-js/src/app/auth/signup/page.tsx
 create mode 100644 package-lock.json

diff --git a/front-js/src/app/auth/login/page.tsx b/front-js/src/app/auth/login/page.tsx
index ea81b31..ebfeb67 100644
--- a/front-js/src/app/auth/login/page.tsx
+++ b/front-js/src/app/auth/login/page.tsx
@@ -85,7 +85,7 @@ export default function Home() {
           <Box align="right">
             <Text align="right" margin={{ top: "20px" }} size="15px">
               Pas encore de compte ?{" "}
-              <Link href="/auth/register">S’inscrire</Link>
+              <Link href="/auth/signup">S’inscrire</Link>
             </Text>
           </Box>
         </Modal>
diff --git a/front-js/src/app/auth/signup/page.tsx b/front-js/src/app/auth/signup/page.tsx
new file mode 100644
index 0000000..81d0472
--- /dev/null
+++ b/front-js/src/app/auth/signup/page.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import Box from "@/components/Box";
+import Button from "@/components/Button";
+import Input from "@/components/Input";
+import Layout from "@/components/Layout";
+import Modal from "@/components/Modal";
+import Title from "@/components/Title";
+import Text from "@/components/Text";
+import { use, useState } from "react";
+import Link from "@/components/Link";
+import Space from "@/components/Space";
+
+export default function Home() {
+    const [username, setUsername] = useState("");
+
+    const [password, setPassword] = useState("");
+
+    const [confirmPassword, setConfirmPassword] = useState("")
+
+    return (
+        <Layout type="home">
+          <Box align="center" margin={{ top: "100px", bottom: "50px" }}>
+            <Title level={1}>Networkers</Title>
+          </Box>
+          <Box align="center">
+            <Modal>
+              <Title level={3}>Inscription</Title>
+              <Input
+                type="text"
+                placeholder="Nom d'utilisateur"
+                value={username}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setUsername(e.target.value)}
+                required
+                label="Nom d'utilisateur"
+              />
+              <Input
+                type="password"
+                placeholder="Password123&"
+                value={password}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                label="Mot de passe"
+              />
+              <Input
+                type="password"
+                placeholder="Password123&"
+                value={confirmPassword}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setConfirmPassword(e.target.value)}
+                required
+                label="Confimer mot de passe"
+              />
+              <Text>Le mot de passe doit contenir au moins une majuscule</Text>
+              <Space/>
+              <Text>Le mot de passe doit contenir au moins un chiffre</Text> 
+              <Button
+                text="Connexion"
+                primary
+                type="input"
+                margin={{ top: "20px" }}
+                disabled={!username || !password || !confirmPassword}
+              />
+              <Box align="right">
+                <Text align="right" margin={{ top: "20px" }} size="15px">
+                  Déjà un compte ?{" "}
+                  <Link href="/auth/login">Se connecter</Link>
+                </Text>
+              </Box>
+            </Modal>
+          </Box>
+        </Layout>
+      );
+    }
+    
\ No newline at end of file
diff --git a/front-js/src/app/page.tsx b/front-js/src/app/page.tsx
index 54d2cf1..47b7b56 100644
--- a/front-js/src/app/page.tsx
+++ b/front-js/src/app/page.tsx
@@ -66,7 +66,7 @@ export default function Home() {
           <Box>
             <Button
               text="Inscription"
-              onClick={() => console.log("test")}
+              onClick={() => router.push("/auth/signup")}
               secondary
             />
             <Spacer x={4} />
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..f7b8d17
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "SAE-5",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}

From b67c0e235ad579f27262c26bcb0b9a0a254db621 Mon Sep 17 00:00:00 2001
From: MaxOuvrard <118462372+MaxOuvrard@users.noreply.github.com>
Date: Wed, 18 Dec 2024 11:48:49 +0100
Subject: [PATCH 3/4] Add signup page

---
 front-js/src/app/auth/login/page.tsx  |  2 +-
 front-js/src/app/auth/signup/page.tsx | 77 +++++++++++++++++++++++++++
 front-js/src/app/page.tsx             |  2 +-
 package-lock.json                     |  6 +++
 4 files changed, 85 insertions(+), 2 deletions(-)
 create mode 100644 front-js/src/app/auth/signup/page.tsx
 create mode 100644 package-lock.json

diff --git a/front-js/src/app/auth/login/page.tsx b/front-js/src/app/auth/login/page.tsx
index ea81b31..ebfeb67 100644
--- a/front-js/src/app/auth/login/page.tsx
+++ b/front-js/src/app/auth/login/page.tsx
@@ -85,7 +85,7 @@ export default function Home() {
           <Box align="right">
             <Text align="right" margin={{ top: "20px" }} size="15px">
               Pas encore de compte ?{" "}
-              <Link href="/auth/register">S’inscrire</Link>
+              <Link href="/auth/signup">S’inscrire</Link>
             </Text>
           </Box>
         </Modal>
diff --git a/front-js/src/app/auth/signup/page.tsx b/front-js/src/app/auth/signup/page.tsx
new file mode 100644
index 0000000..81d0472
--- /dev/null
+++ b/front-js/src/app/auth/signup/page.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import Box from "@/components/Box";
+import Button from "@/components/Button";
+import Input from "@/components/Input";
+import Layout from "@/components/Layout";
+import Modal from "@/components/Modal";
+import Title from "@/components/Title";
+import Text from "@/components/Text";
+import { use, useState } from "react";
+import Link from "@/components/Link";
+import Space from "@/components/Space";
+
+export default function Home() {
+    const [username, setUsername] = useState("");
+
+    const [password, setPassword] = useState("");
+
+    const [confirmPassword, setConfirmPassword] = useState("")
+
+    return (
+        <Layout type="home">
+          <Box align="center" margin={{ top: "100px", bottom: "50px" }}>
+            <Title level={1}>Networkers</Title>
+          </Box>
+          <Box align="center">
+            <Modal>
+              <Title level={3}>Inscription</Title>
+              <Input
+                type="text"
+                placeholder="Nom d'utilisateur"
+                value={username}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setUsername(e.target.value)}
+                required
+                label="Nom d'utilisateur"
+              />
+              <Input
+                type="password"
+                placeholder="Password123&"
+                value={password}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                label="Mot de passe"
+              />
+              <Input
+                type="password"
+                placeholder="Password123&"
+                value={confirmPassword}
+                margin={{ bottom: "20px" }}
+                onChange={(e) => setConfirmPassword(e.target.value)}
+                required
+                label="Confimer mot de passe"
+              />
+              <Text>Le mot de passe doit contenir au moins une majuscule</Text>
+              <Space/>
+              <Text>Le mot de passe doit contenir au moins un chiffre</Text> 
+              <Button
+                text="Connexion"
+                primary
+                type="input"
+                margin={{ top: "20px" }}
+                disabled={!username || !password || !confirmPassword}
+              />
+              <Box align="right">
+                <Text align="right" margin={{ top: "20px" }} size="15px">
+                  Déjà un compte ?{" "}
+                  <Link href="/auth/login">Se connecter</Link>
+                </Text>
+              </Box>
+            </Modal>
+          </Box>
+        </Layout>
+      );
+    }
+    
\ No newline at end of file
diff --git a/front-js/src/app/page.tsx b/front-js/src/app/page.tsx
index 54d2cf1..47b7b56 100644
--- a/front-js/src/app/page.tsx
+++ b/front-js/src/app/page.tsx
@@ -66,7 +66,7 @@ export default function Home() {
           <Box>
             <Button
               text="Inscription"
-              onClick={() => console.log("test")}
+              onClick={() => router.push("/auth/signup")}
               secondary
             />
             <Spacer x={4} />
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..f7b8d17
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "SAE-5",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}

From ab9ce2ad74af6581e9ae74c1450f142b9fadbbcd Mon Sep 17 00:00:00 2001
From: MaxOuvrard <118462372+MaxOuvrard@users.noreply.github.com>
Date: Wed, 18 Dec 2024 15:31:00 +0100
Subject: [PATCH 4/4] Add password validation

---
 front-js/src/app/auth/signup/page.tsx         | 12 ++++++----
 .../src/app/auth/signup/validatePasswd.js     | 23 +++++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 front-js/src/app/auth/signup/validatePasswd.js

diff --git a/front-js/src/app/auth/signup/page.tsx b/front-js/src/app/auth/signup/page.tsx
index 81d0472..468a477 100644
--- a/front-js/src/app/auth/signup/page.tsx
+++ b/front-js/src/app/auth/signup/page.tsx
@@ -10,6 +10,8 @@ import Text from "@/components/Text";
 import { use, useState } from "react";
 import Link from "@/components/Link";
 import Space from "@/components/Space";
+import ValidatePsw from "@/components/ValidatePsw";
+import {validate_passwd} from "./validatePasswd";
 
 export default function Home() {
     const [username, setUsername] = useState("");
@@ -18,6 +20,8 @@ export default function Home() {
 
     const [confirmPassword, setConfirmPassword] = useState("")
 
+    const isValid = false;
+
     return (
         <Layout type="home">
           <Box align="center" margin={{ top: "100px", bottom: "50px" }}>
@@ -53,15 +57,15 @@ export default function Home() {
                 required
                 label="Confimer mot de passe"
               />
-              <Text>Le mot de passe doit contenir au moins une majuscule</Text>
-              <Space/>
-              <Text>Le mot de passe doit contenir au moins un chiffre</Text> 
+              <ValidatePsw
+              password={password}
+              />
               <Button
                 text="Connexion"
                 primary
                 type="input"
                 margin={{ top: "20px" }}
-                disabled={!username || !password || !confirmPassword}
+                disabled={!username || !password || !confirmPassword || password !== confirmPassword || !validate_passwd(password)}
               />
               <Box align="right">
                 <Text align="right" margin={{ top: "20px" }} size="15px">
diff --git a/front-js/src/app/auth/signup/validatePasswd.js b/front-js/src/app/auth/signup/validatePasswd.js
new file mode 100644
index 0000000..dc45a73
--- /dev/null
+++ b/front-js/src/app/auth/signup/validatePasswd.js
@@ -0,0 +1,23 @@
+export function validate_passwd(passwd){
+    if (passwd.length < 8) {
+        return false;
+    }
+
+    if (!/[0-9]/.test(passwd)) {
+        return false;
+    }
+
+    if (!/[a-z]/.test(passwd)){
+        return false;
+    }
+
+    if (!/[A-Z]/.test(passwd)){
+        return false;
+    }
+
+    if (!/[!@#$%^&*(),.?":{}|<>]/.test(passwd)) {
+        return false;
+    }
+
+    return true;
+}
\ No newline at end of file