From 888256e9f6222abe1d6e97c1d4e54e961b59b89d Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Sun, 17 Mar 2024 19:38:51 +0100
Subject: [PATCH 01/21] Changed logincheck type and error clarification

---
 frontend/src/Components/LoginCheck.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Components/LoginCheck.tsx b/frontend/src/Components/LoginCheck.tsx
index 3658cbf..6a8a028 100644
--- a/frontend/src/Components/LoginCheck.tsx
+++ b/frontend/src/Components/LoginCheck.tsx
@@ -10,7 +10,7 @@ function LoginCheck(props: {
   username: string;
   password: string;
   setAuthority: Dispatch<SetStateAction<number>>;
-}): number {
+}): void {
   const user: NewUser = {
     username: props.username,
     password: props.password,
@@ -42,14 +42,12 @@ function LoginCheck(props: {
           console.error("Token was undefined");
         }
       } else {
-        console.error("Token could not be fetched");
+        console.error("Token could not be fetched/No such user");
       }
     })
     .catch((error) => {
       console.error("An error occurred during login:", error);
     });
-
-  return 0;
 }
 
 export default LoginCheck;

From 7339a69bceae1501e1cf2ea5c361cd10b498227c Mon Sep 17 00:00:00 2001
From: al8763be <al8763be-s@student.lu.se>
Date: Sun, 17 Mar 2024 22:20:34 +0100
Subject: [PATCH 02/21] getWeeklyReport

---
 frontend/src/API/API.ts | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/API/API.ts b/frontend/src/API/API.ts
index cfd5b61..95a7e02 100644
--- a/frontend/src/API/API.ts
+++ b/frontend/src/API/API.ts
@@ -20,6 +20,10 @@ interface API {
   registerUser(user: NewUser): Promise<APIResponse<User>>;
   /** Remove a user */
   removeUser(username: string, token: string): Promise<APIResponse<User>>;
+  /** Login */
+  login(NewUser: NewUser): Promise<APIResponse<string>>;
+  /** Renew the token */
+  renewToken(token: string): Promise<APIResponse<string>>;
   /** Create a project */
   createProject(
     project: NewProject,
@@ -30,15 +34,16 @@ interface API {
     project: NewWeeklyReport,
     token: string,
   ): Promise<APIResponse<Project>>;
-  /** Renew the token */
-  renewToken(token: string): Promise<APIResponse<string>>;
+  /**Gets a weekly report*/
+  getWeeklyReport(
+    projectName: string,
+    token: string,
+  ): Promise<APIResponse<Project>>;
   /** Gets all the projects of a user*/
   getUserProjects(
     username: string,
     token: string,
   ): Promise<APIResponse<Project[]>>;
-  /** Login */
-  login(NewUser: NewUser): Promise<APIResponse<string>>;
 }
 
 // Export an instance of the API

From 6823102b4421c4af3029aef161b92a5f3a89f46d Mon Sep 17 00:00:00 2001
From: al8763be <al8763be-s@student.lu.se>
Date: Sun, 17 Mar 2024 22:27:21 +0100
Subject: [PATCH 03/21] Deleted API test

---
 frontend/src/API/API.test.ts | 87 ------------------------------------
 frontend/src/API/API.ts      |  3 +-
 2 files changed, 2 insertions(+), 88 deletions(-)
 delete mode 100644 frontend/src/API/API.test.ts

diff --git a/frontend/src/API/API.test.ts b/frontend/src/API/API.test.ts
deleted file mode 100644
index dbae706..0000000
--- a/frontend/src/API/API.test.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { describe, expect, test } from "@jest/globals";
-import { api } from "../API/API";
-import { NewUser, NewWeeklyReport } from "../Types/goTypes";
-
-describe("API", () => {
-  test("registerUser", async () => {
-    const user: NewUser = {
-      username: "lol", // Add the username property
-      password: "lol",
-    };
-    const response = await api.registerUser(user);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("userId");
-  });
-
-  test("createProject", async () => {
-    const project = {
-      name: "Project X",
-      description: "This is a test project",
-    };
-    const token =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-
-    const response = await api.createProject(project, token);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("projectId");
-  });
-
-  test("renewToken", async () => {
-    const refreshToken =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-
-    const response = await api.renewToken(refreshToken);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("accessToken");
-    expect(response.data).toHaveProperty("refreshToken");
-  });
-
-  test("getUserProjects", async () => {
-    const token =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-    const username = "rrgumdzpmc";
-    const response = await api.getUserProjects(username, token);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("projects");
-  });
-
-  test("submitWeeklyReport", async () => {
-    const report: NewWeeklyReport = {
-      projectName: "vtmosxssst",
-      week: 2,
-      developmentTime: 40,
-      meetingTime: 5,
-      adminTime: 2,
-      ownWorkTime: 10,
-      studyTime: 12,
-      testingTime: 41,
-    };
-    const token =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-
-    const response = await api.submitWeeklyReport(report, token);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty(
-      "message",
-      "Report submitted successfully",
-    );
-  });
-
-  test("login", async () => {
-    const user: NewUser = {
-      username: "rrgumdzpmc", // Add an empty string value for the username property
-      password: "always_same",
-    };
-
-    const response = await api.login(user);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("accessToken");
-    expect(response.data).toHaveProperty("refreshToken");
-  });
-});
diff --git a/frontend/src/API/API.ts b/frontend/src/API/API.ts
index 95a7e02..f6e5979 100644
--- a/frontend/src/API/API.ts
+++ b/frontend/src/API/API.ts
@@ -36,8 +36,9 @@ interface API {
   ): Promise<APIResponse<Project>>;
   /**Gets a weekly report*/
   getWeeklyReport(
+    username: string,
     projectName: string,
-    token: string,
+    week: string,
   ): Promise<APIResponse<Project>>;
   /** Gets all the projects of a user*/
   getUserProjects(

From c3ce25236fa15083362b1eb5297a82516c4b9145 Mon Sep 17 00:00:00 2001
From: al8763be <al8763be-s@student.lu.se>
Date: Sun, 17 Mar 2024 22:35:51 +0100
Subject: [PATCH 04/21] Full implementation of getWeeklyProject

---
 frontend/src/API/API.ts | 40 ++++++++++++++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/frontend/src/API/API.ts b/frontend/src/API/API.ts
index f6e5979..32c5eb2 100644
--- a/frontend/src/API/API.ts
+++ b/frontend/src/API/API.ts
@@ -33,13 +33,14 @@ interface API {
   submitWeeklyReport(
     project: NewWeeklyReport,
     token: string,
-  ): Promise<APIResponse<Project>>;
+  ): Promise<APIResponse<NewWeeklyReport>>;
   /**Gets a weekly report*/
   getWeeklyReport(
     username: string,
     projectName: string,
     week: string,
-  ): Promise<APIResponse<Project>>;
+    token: string,
+  ): Promise<APIResponse<NewWeeklyReport>>;
   /** Gets all the projects of a user*/
   getUserProjects(
     username: string,
@@ -169,9 +170,9 @@ export const api: API = {
   },
 
   async submitWeeklyReport(
-    project: NewWeeklyReport,
+    weeklyReport: NewWeeklyReport,
     token: string,
-  ): Promise<APIResponse<Project>> {
+  ): Promise<APIResponse<NewWeeklyReport>> {
     try {
       const response = await fetch("/api/submitWeeklyReport", {
         method: "POST",
@@ -179,7 +180,7 @@ export const api: API = {
           "Content-Type": "application/json",
           Authorization: "Bearer " + token,
         },
-        body: JSON.stringify(project),
+        body: JSON.stringify(weeklyReport),
       });
 
       if (!response.ok) {
@@ -189,7 +190,7 @@ export const api: API = {
         };
       }
 
-      const data = (await response.json()) as Project;
+      const data = (await response.json()) as NewWeeklyReport;
       return { success: true, data };
     } catch (e) {
       return {
@@ -199,6 +200,33 @@ export const api: API = {
     }
   },
 
+  async getWeeklyReport(
+    username: string,
+    projectName: string,
+    week: string,
+    token: string,
+  ): Promise<APIResponse<NewWeeklyReport>> {
+    try {
+      const response = await fetch("/api/getWeeklyReport", {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: "Bearer " + token,
+        },
+        body: JSON.stringify({ username, projectName, week }),
+      });
+
+      if (!response.ok) {
+        return { success: false, message: "Failed to get weekly report" };
+      } else {
+        const data = (await response.json()) as NewWeeklyReport;
+        return { success: true, data };
+      }
+    } catch (e) {
+      return { success: false, message: "Failed to get weekly report" };
+    }
+  },
+
   async login(NewUser: NewUser): Promise<APIResponse<string>> {
     try {
       const response = await fetch("/api/login", {

From e012b6ff1207b311948d45bf5e1589627f9830db Mon Sep 17 00:00:00 2001
From: Imbus <>
Date: Sun, 17 Mar 2024 22:48:38 +0100
Subject: [PATCH 05/21] Error checking in register component, redirect to login
 if success

---
 frontend/src/API/API.ts              | 14 ++++++++++----
 frontend/src/Components/Register.tsx | 21 +++++++++++++++++----
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/frontend/src/API/API.ts b/frontend/src/API/API.ts
index 248ad37..9b11dba 100644
--- a/frontend/src/API/API.ts
+++ b/frontend/src/API/API.ts
@@ -37,13 +37,19 @@ export const api: API = {
       });
 
       if (!response.ok) {
-        return { success: false, message: "Failed to register user" };
+        return {
+          success: false,
+          message: "Failed to register user: " + response.status,
+        };
       } else {
-        const data = (await response.json()) as User;
-        return { success: true, data };
+        // const data = (await response.json()) as User; // The API does not currently return the user
+        return { success: true };
       }
     } catch (e) {
-      return { success: false, message: "Failed to register user" };
+      return {
+        success: false,
+        message: "Unknown error while registering user",
+      };
     }
   },
 
diff --git a/frontend/src/Components/Register.tsx b/frontend/src/Components/Register.tsx
index e4a3ba0..9e767ca 100644
--- a/frontend/src/Components/Register.tsx
+++ b/frontend/src/Components/Register.tsx
@@ -3,14 +3,26 @@ import { NewUser } from "../Types/Users";
 import { api } from "../API/API";
 import Logo from "../assets/Logo.svg";
 import Button from "./Button";
+import { useNavigate } from "react-router-dom";
 
 export default function Register(): JSX.Element {
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
+  const [username, setUsername] = useState<string>();
+  const [password, setPassword] = useState<string>();
+  const [errMessage, setErrMessage] = useState<string>();
+
+  const nav = useNavigate();
 
   const handleRegister = async (): Promise<void> => {
-    const newUser: NewUser = { userName: username, password };
-    await api.registerUser(newUser); // TODO: Handle errors
+    const newUser: NewUser = {
+      userName: username ?? "",
+      password: password ?? "",
+    };
+    const response = await api.registerUser(newUser);
+    if (response.success) {
+      nav("/"); // Instantly navigate to the login page
+    } else {
+      setErrMessage(response.message ?? "Unknown error");
+    }
   };
 
   return (
@@ -67,6 +79,7 @@ export default function Register(): JSX.Element {
               }}
             />
           </div>
+          {errMessage && <p className="text-red-500 text-xs">{errMessage}</p>}
           <div className="flex items-center justify-between">
             <Button
               text="Register"

From 9f20d46fa6f756ff9a3dc5a2000a9a1a761f6140 Mon Sep 17 00:00:00 2001
From: al8763be <al8763be-s@student.lu.se>
Date: Sun, 17 Mar 2024 22:57:19 +0100
Subject: [PATCH 06/21] Test for getWeeklyReport

---
 backend/internal/handlers/handlers_report_related.go |  6 ++++++
 testing.py                                           | 10 ++++++++++
 2 files changed, 16 insertions(+)

diff --git a/backend/internal/handlers/handlers_report_related.go b/backend/internal/handlers/handlers_report_related.go
index 8754afd..79da61a 100644
--- a/backend/internal/handlers/handlers_report_related.go
+++ b/backend/internal/handlers/handlers_report_related.go
@@ -37,13 +37,19 @@ func (gs *GState) SubmitWeeklyReport(c *fiber.Ctx) error {
 // Handler for retrieving weekly report
 func (gs *GState) GetWeeklyReport(c *fiber.Ctx) error {
 	// Extract the necessary parameters from the request
+	println("GetWeeklyReport")
 	user := c.Locals("user").(*jwt.Token)
+	println(user)
 	claims := user.Claims.(jwt.MapClaims)
+	println(claims)
 	username := claims["name"].(string)
+	println(username)
 
 	// Extract project name and week from query parameters
 	projectName := c.Query("projectName")
+	println(projectName)
 	week := c.Query("week")
+	println(week)
 
 	// Convert week to integer
 	weekInt, err := strconv.Atoi(week)
diff --git a/testing.py b/testing.py
index d2c64fe..d75d0f2 100644
--- a/testing.py
+++ b/testing.py
@@ -21,6 +21,7 @@ registerPath = base_url + "/api/register"
 loginPath = base_url + "/api/login"
 addProjectPath = base_url + "/api/project"
 submitReportPath = base_url + "/api/submitReport"
+getWeeklyReportPath = base_url + "/api/getWeeklyReport"
 
 
 # Posts the username and password to the register endpoint
@@ -89,9 +90,18 @@ def test_submit_report():
     assert response.status_code == 200, "Submit report failed"
     print("Submit report successful")
 
+def test_get_weekly_report():
+    token = login(username, "always_same").json()["token"]
+    response = requests.get(
+        getWeeklyReportPath,
+        headers={"Authorization": "Bearer " + token},
+        params={"username": username, "projectName": "report1", "week": 1}
+    )
+    print(response.text)
 
 if __name__ == "__main__":
     test_create_user()
     test_login()
     test_add_project()
     test_submit_report()
+    test_get_weekly_report()
\ No newline at end of file

From 9070846b0bbf6bdc12a42f3ae1bb01a282ee0e91 Mon Sep 17 00:00:00 2001
From: Imbus <>
Date: Sun, 17 Mar 2024 23:17:06 +0100
Subject: [PATCH 07/21] Fixing getWeeklyReport tests

---
 backend/internal/handlers/handlers_report_related.go | 3 ---
 backend/main.go                                      | 1 +
 testing.py                                           | 4 ++--
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/backend/internal/handlers/handlers_report_related.go b/backend/internal/handlers/handlers_report_related.go
index 79da61a..506225b 100644
--- a/backend/internal/handlers/handlers_report_related.go
+++ b/backend/internal/handlers/handlers_report_related.go
@@ -39,11 +39,8 @@ func (gs *GState) GetWeeklyReport(c *fiber.Ctx) error {
 	// Extract the necessary parameters from the request
 	println("GetWeeklyReport")
 	user := c.Locals("user").(*jwt.Token)
-	println(user)
 	claims := user.Claims.(jwt.MapClaims)
-	println(claims)
 	username := claims["name"].(string)
-	println(username)
 
 	// Extract project name and week from query parameters
 	projectName := c.Query("projectName")
diff --git a/backend/main.go b/backend/main.go
index 7f0f81e..bc33942 100644
--- a/backend/main.go
+++ b/backend/main.go
@@ -78,6 +78,7 @@ func main() {
 	server.Post("/api/loginrenew", gs.LoginRenew)
 	server.Delete("/api/userdelete/:username", gs.UserDelete) // Perhaps just use POST to avoid headaches
 	server.Post("/api/project", gs.CreateProject)
+	server.Get("/api/getWeeklyReport", gs.GetWeeklyReport)
 
 	// Announce the port we are listening on and start the server
 	err = server.Listen(fmt.Sprintf(":%d", conf.Port))
diff --git a/testing.py b/testing.py
index d75d0f2..38d09cc 100644
--- a/testing.py
+++ b/testing.py
@@ -75,7 +75,7 @@ def test_submit_report():
     response = requests.post(
         submitReportPath,
         json={
-            "projectName": "report1",
+            "projectName": projectName,
             "week": 1,
             "developmentTime": 10,
             "meetingTime": 5,
@@ -95,7 +95,7 @@ def test_get_weekly_report():
     response = requests.get(
         getWeeklyReportPath,
         headers={"Authorization": "Bearer " + token},
-        params={"username": username, "projectName": "report1", "week": 1}
+        params={"username": username, "projectName": projectName , "week": 1}
     )
     print(response.text)
 

From f6e4603603a4973fb951f48bfad652783437231c Mon Sep 17 00:00:00 2001
From: dDogge <douglasfjallrud@gmail.com>
Date: Sun, 17 Mar 2024 23:31:52 +0100
Subject: [PATCH 08/21] Added handler for SignWeeklyReport named SignReport in
 handlers_report_related

---
 backend/internal/handlers/global_state.go     |  1 +
 .../handlers/handlers_report_related.go       | 28 +++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/backend/internal/handlers/global_state.go b/backend/internal/handlers/global_state.go
index 57a1969..c8beb1c 100644
--- a/backend/internal/handlers/global_state.go
+++ b/backend/internal/handlers/global_state.go
@@ -16,6 +16,7 @@ type GlobalState interface {
 	GetUserProjects(c *fiber.Ctx) error // To get all projects
 	SubmitWeeklyReport(c *fiber.Ctx) error
 	GetWeeklyReport(c *fiber.Ctx) error
+	SignReport(c *fiber.Ctx) error
 	// GetProject(c *fiber.Ctx) error           // To get a specific project
 	// UpdateProject(c *fiber.Ctx) error        // To update a project
 	// DeleteProject(c *fiber.Ctx) error        // To delete a project
diff --git a/backend/internal/handlers/handlers_report_related.go b/backend/internal/handlers/handlers_report_related.go
index 8754afd..8168dbd 100644
--- a/backend/internal/handlers/handlers_report_related.go
+++ b/backend/internal/handlers/handlers_report_related.go
@@ -60,3 +60,31 @@ func (gs *GState) GetWeeklyReport(c *fiber.Ctx) error {
 	// Return the retrieved weekly report
 	return c.JSON(report)
 }
+
+func (gs *GState) SignReport(c *fiber.Ctx) error {
+	// Extract the necessary parameters from the token
+	user := c.Locals("user").(*jwt.Token)
+	claims := user.Claims.(jwt.MapClaims)
+	managerUsername := claims["name"].(string)
+
+	// Extract the report ID and project manager ID from request parameters
+	reportID, err := strconv.Atoi(c.Params("reportId"))
+	if err != nil {
+		return c.Status(400).SendString("Invalid report ID")
+	}
+
+	// Call the database function to get the project manager ID
+	managerID, err := gs.Db.GetUserId(managerUsername)
+	if err != nil {
+		return c.Status(500).SendString("Failed to get project manager ID")
+	}
+
+	// Call the database function to sign the weekly report
+	err = gs.Db.SignWeeklyReport(reportID, managerID)
+	if err != nil {
+		return c.Status(500).SendString("Failed to sign the weekly report: " + err.Error())
+	}
+
+	// Return success response
+	return c.Status(200).SendString("Weekly report signed successfully")
+}

From 953c06212dee75ff2874ff3d4cb7500f4d920390 Mon Sep 17 00:00:00 2001
From: al8763be <al8763be-s@student.lu.se>
Date: Mon, 18 Mar 2024 00:22:32 +0100
Subject: [PATCH 09/21] API Changes

---
 frontend/src/API/API.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/API/API.ts b/frontend/src/API/API.ts
index ac0f531..7a1ccd0 100644
--- a/frontend/src/API/API.ts
+++ b/frontend/src/API/API.ts
@@ -29,6 +29,11 @@ interface API {
     project: NewProject,
     token: string,
   ): Promise<APIResponse<Project>>;
+  /** Gets all the projects of a user*/
+  getUserProjects(
+    username: string,
+    token: string,
+  ): Promise<APIResponse<Project[]>>;
   /** Submit a weekly report */
   submitWeeklyReport(
     project: NewWeeklyReport,
@@ -41,11 +46,6 @@ interface API {
     week: string,
     token: string,
   ): Promise<APIResponse<NewWeeklyReport>>;
-  /** Gets all the projects of a user*/
-  getUserProjects(
-    username: string,
-    token: string,
-  ): Promise<APIResponse<Project[]>>;
 }
 
 // Export an instance of the API

From d97516e0cda38638762cbee0067320888a955088 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:40:42 +0100
Subject: [PATCH 10/21] Added some paths again

---
 frontend/src/main.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index c63ef22..7fa0780 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -5,6 +5,10 @@ import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import App from "./Pages/App";
 import AdminMenuPage from "./Pages/AdminPages/AdminMenuPage";
 import YourProjectsPage from "./Pages/YourProjectsPage";
+import AdminAddProject from "./Pages/AdminPages/AdminAddProject";
+import AdminManageProjects from "./Pages/AdminPages/AdminManageProjects";
+import AdminManageUsers from "./Pages/AdminPages/AdminManageUsers";
+import AdminAddUser from "./Pages/AdminPages/AdminAddUser";
 
 // This is where the routes are mounted
 const router = createBrowserRouter([
@@ -20,6 +24,26 @@ const router = createBrowserRouter([
     path: "/pm",
     element: <YourProjectsPage />,
   },
+  {
+    path: "/user",
+    element: <YourProjectsPage />,
+  },
+  {
+    path: "/addProject",
+    element: <AdminAddProject />,
+  },
+  {
+    path: "/adminAddUser",
+    element: <AdminAddUser />,
+  },
+  {
+    path: "/adminManageProject",
+    element: <AdminManageProjects />,
+  },
+  {
+    path: "/adminManageUser",
+    element: <AdminManageUsers />,
+  },
 ]);
 
 // Semi-hacky way to get the root element

From 200da516337b652360f30a6aada5958d4bce3636 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:41:18 +0100
Subject: [PATCH 11/21] AddProject component

---
 frontend/src/Components/AddProject.tsx | 97 ++++++++++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 frontend/src/Components/AddProject.tsx

diff --git a/frontend/src/Components/AddProject.tsx b/frontend/src/Components/AddProject.tsx
new file mode 100644
index 0000000..9fdf8e9
--- /dev/null
+++ b/frontend/src/Components/AddProject.tsx
@@ -0,0 +1,97 @@
+import { useState } from "react";
+import { APIResponse, api } from "../API/API";
+import { NewProject, Project } from "../Types/goTypes";
+import InputField from "./InputField";
+import Logo from "../assets/Logo.svg";
+import Button from "./Button";
+
+/**
+ * Tries to add a project to the system
+ * @param props - Project name and description
+ * @returns {boolean} True if created, false if not
+ */
+function CreateProject(props: { name: string; description: string }): boolean {
+  const project: NewProject = {
+    name: props.name,
+    description: props.name,
+  };
+
+  let created = false;
+
+  api
+    .createProject(project, localStorage.getItem("accessToken") ?? "")
+    .then((response: APIResponse<Project>) => {
+      //vv_FOR DEBGUGGING_vv
+      console.log(localStorage.getItem("accessToken"));
+
+      if (response.success) {
+        created = true;
+      } else {
+        console.error("Could not add project");
+      }
+    })
+    .catch((error) => {
+      console.error("An error occurred during creation:", error);
+    });
+  return created;
+}
+
+/**
+ * Tries to add a project to the system
+ * @returns {JSX.Element} UI for project adding
+ */
+function AddProject(): JSX.Element {
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+
+  return (
+    <div className="flex flex-col h-fit w-screen items-center justify-center">
+      <div className="border-4 border-black bg-white flex flex-col items-center justify-center h-fit w-fit rounded-3xl content-center pl-20 pr-20">
+        <form
+          className="bg-white rounded px-8 pt-6 pb-8 mb-4 items-center justify-center flex flex-col w-fit h-fit"
+          onSubmit={(e) => {
+            e.preventDefault();
+            CreateProject({ name: name, description: description });
+          }}
+        >
+          <img
+            src={Logo}
+            className="logo w-[7vw] mb-10 mt-10"
+            alt="TTIME Logo"
+          />
+          <h3 className="pb-4 mb-2 text-center font-bold text-[18px]">
+            Create a new project
+          </h3>
+          <InputField
+            label="Name"
+            type="text"
+            value={name}
+            onChange={(e) => {
+              setName(e.target.value);
+            }}
+          />
+          <InputField
+            label="Description"
+            type="text"
+            value={description}
+            onChange={(e) => {
+              setDescription(e.target.value);
+            }}
+          />
+          <div className="flex items-center justify-between">
+            <Button
+              text="Create"
+              onClick={(): void => {
+                return;
+              }}
+              type="submit"
+            />
+          </div>
+        </form>
+        <p className="text-center text-gray-500 text-xs"></p>
+      </div>
+    </div>
+  );
+}
+
+export default AddProject;

From 24e7e68ea01549e51f9aa9d175ca136340b9c5da Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:41:46 +0100
Subject: [PATCH 12/21] Logout functionality

---
 frontend/src/Components/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Components/Header.tsx b/frontend/src/Components/Header.tsx
index ba0a939..7a1e8ba 100644
--- a/frontend/src/Components/Header.tsx
+++ b/frontend/src/Components/Header.tsx
@@ -5,7 +5,7 @@ function Header({ username }: { username: string }): JSX.Element {
   const [isOpen, setIsOpen] = useState(false);
 
   const handleLogout = (): void => {
-    // Add any logout logic here
+    localStorage.clear();
   };
 
   return (

From 8249678488403cebc2fec756df5327af0a620a94 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:42:05 +0100
Subject: [PATCH 13/21] Using local storage for token

---
 frontend/src/Components/LoginCheck.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/Components/LoginCheck.tsx b/frontend/src/Components/LoginCheck.tsx
index 6a8a028..786a96c 100644
--- a/frontend/src/Components/LoginCheck.tsx
+++ b/frontend/src/Components/LoginCheck.tsx
@@ -15,12 +15,16 @@ function LoginCheck(props: {
     username: props.username,
     password: props.password,
   };
+
+  localStorage.clear();
+
   api
     .login(user)
     .then((response: APIResponse<string>) => {
       if (response.success) {
         if (response.data !== undefined) {
           const token = response.data;
+          localStorage.setItem("accessToken", token);
           //TODO: change so that it checks for user type (admin, user, pm) instead
           if (token !== "" && props.username === "admin") {
             props.setAuthority((prevAuth) => {

From 3b49faec2d6f52561cbeec2f86cbd8ca0f6c00c9 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:42:22 +0100
Subject: [PATCH 14/21] Import fix

---
 frontend/src/Components/ProjectListUser.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Components/ProjectListUser.tsx b/frontend/src/Components/ProjectListUser.tsx
index 0502159..96eeaff 100644
--- a/frontend/src/Components/ProjectListUser.tsx
+++ b/frontend/src/Components/ProjectListUser.tsx
@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import { Project } from "../Types/Project";
+import { Project } from "../Types/goTypes";
 
 /**
  * The props for the ProjectsProps component

From 0044b61ac8233c1309a446542d46e71a2358000d Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:44:11 +0100
Subject: [PATCH 15/21] Uses input field component instead now

---
 frontend/src/Components/Register.tsx | 31 +++-------------------------
 1 file changed, 3 insertions(+), 28 deletions(-)

diff --git a/frontend/src/Components/Register.tsx b/frontend/src/Components/Register.tsx
index 0c0fcd0..3b17890 100644
--- a/frontend/src/Components/Register.tsx
+++ b/frontend/src/Components/Register.tsx
@@ -1,41 +1,16 @@
 import { useState } from "react";
-import { NewUser } from "../Types/Users";
+import { NewUser } from "../Types/goTypes";
 import { api } from "../API/API";
 import Logo from "../assets/Logo.svg";
 import Button from "./Button";
-
-function InputField(props: {
-  label: string;
-  type: string;
-  value: string;
-  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}): JSX.Element {
-  return (
-    <div className="mb-4">
-      <label
-        className="block text-gray-700 text-sm font-sans font-bold mb-2"
-        htmlFor={props.label}
-      >
-        {props.label}
-      </label>
-      <input
-        className="appearance-none border-2 border-black rounded-2xl w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-        id={props.label}
-        type={props.type}
-        placeholder={props.label}
-        value={props.value}
-        onChange={props.onChange}
-      />
-    </div>
-  );
-}
+import InputField from "./InputField";
 
 export default function Register(): JSX.Element {
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
 
   const handleRegister = async (): Promise<void> => {
-    const newUser: NewUser = { userName: username, password };
+    const newUser: NewUser = { username: username, password };
     await api.registerUser(newUser); // TODO: Handle errors
   };
 

From 844e94ed2624ad932fba166f9517068852d49cca Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:44:56 +0100
Subject: [PATCH 16/21] Small fixes to layout and added

---
 .../src/Pages/AdminPages/AdminAddProject.tsx  | 20 ++++---------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/frontend/src/Pages/AdminPages/AdminAddProject.tsx b/frontend/src/Pages/AdminPages/AdminAddProject.tsx
index 2922400..6df8851 100644
--- a/frontend/src/Pages/AdminPages/AdminAddProject.tsx
+++ b/frontend/src/Pages/AdminPages/AdminAddProject.tsx
@@ -1,25 +1,13 @@
+import AddProject from "../../Components/AddProject";
+import BackButton from "../../Components/BackButton";
 import BasicWindow from "../../Components/BasicWindow";
-import Button from "../../Components/Button";
 
 function AdminAddProject(): JSX.Element {
-  const content = <></>;
+  const content = <AddProject />;
 
   const buttons = (
     <>
-      <Button
-        text="Finish"
-        onClick={(): void => {
-          return;
-        }}
-        type="button"
-      />
-      <Button
-        text="Back"
-        onClick={(): void => {
-          return;
-        }}
-        type="button"
-      />
+      <BackButton />
     </>
   );
 

From 070e9cc1e5073f913cba6e8da03a3288b911e22d Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:45:22 +0100
Subject: [PATCH 17/21] Link to button

---
 .../Pages/AdminPages/AdminManageProjects.tsx  | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/frontend/src/Pages/AdminPages/AdminManageProjects.tsx b/frontend/src/Pages/AdminPages/AdminManageProjects.tsx
index 261dd4c..c5cba2e 100644
--- a/frontend/src/Pages/AdminPages/AdminManageProjects.tsx
+++ b/frontend/src/Pages/AdminPages/AdminManageProjects.tsx
@@ -1,3 +1,5 @@
+import { Link } from "react-router-dom";
+import BackButton from "../../Components/BackButton";
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
 
@@ -6,20 +8,16 @@ function AdminManageProjects(): JSX.Element {
 
   const buttons = (
     <>
-      <Button
-        text="Add Project"
-        onClick={(): void => {
-          return;
-        }}
-        type="button"
-      />
-      <Button
-        text="Back"
-        onClick={(): void => {
-          return;
-        }}
-        type="button"
-      />
+      <Link to="/addProject">
+        <Button
+          text="Add Project"
+          onClick={(): void => {
+            return;
+          }}
+          type="button"
+        />
+      </Link>
+      <BackButton />
     </>
   );
 

From bd588048ddddb362eb93b63f59aaf9f32532666c Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:45:49 +0100
Subject: [PATCH 18/21] Import fix

---
 frontend/src/Pages/AdminPages/AdminManageUsers.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Pages/AdminPages/AdminManageUsers.tsx b/frontend/src/Pages/AdminPages/AdminManageUsers.tsx
index ac84194..e62a54c 100644
--- a/frontend/src/Pages/AdminPages/AdminManageUsers.tsx
+++ b/frontend/src/Pages/AdminPages/AdminManageUsers.tsx
@@ -2,14 +2,14 @@ import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
 import BackButton from "../../Components/BackButton";
 import { UserListAdmin } from "../../Components/UserListAdmin";
-import { User } from "../../Types/Users";
+import { PublicUser } from "../../Types/goTypes";
 import { useNavigate } from "react-router-dom";
 
 function AdminManageUsers(): JSX.Element {
   //TODO: Change so that it reads users from database
-  const users: User[] = [];
+  const users: PublicUser[] = [];
   for (let i = 1; i <= 20; i++) {
-    users.push({ id: i, userName: "Example User " + i });
+    users.push({ userId: "id" + i, username: "Example User " + i });
   }
 
   const navigate = useNavigate();
@@ -28,7 +28,7 @@ function AdminManageUsers(): JSX.Element {
       <Button
         text="Add User"
         onClick={(): void => {
-          navigate("/admin-add-user");
+          navigate("/adminAddUser");
         }}
         type="button"
       />

From f7b8ea7d9741c1788863c4c6ed9d4bddfd644810 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 00:46:04 +0100
Subject: [PATCH 19/21] Path fix

---
 frontend/src/Pages/AdminPages/AdminMenuPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Pages/AdminPages/AdminMenuPage.tsx b/frontend/src/Pages/AdminPages/AdminMenuPage.tsx
index 4f060c7..a8da80e 100644
--- a/frontend/src/Pages/AdminPages/AdminMenuPage.tsx
+++ b/frontend/src/Pages/AdminPages/AdminMenuPage.tsx
@@ -6,12 +6,12 @@ function AdminMenuPage(): JSX.Element {
     <>
       <h1 className="font-bold text-[30px] mb-[20px]">Administrator Menu</h1>
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
-        <Link to="/admin-manage-users">
+        <Link to="/adminManageUser">
           <h1 className="font-bold underline text-[30px] cursor-pointer">
             Manage Users
           </h1>
         </Link>
-        <Link to="/admin-manage-projects">
+        <Link to="/adminManageProject">
           <h1 className="font-bold underline text-[30px] cursor-pointer">
             Manage Projects
           </h1>

From 8a2152395fa0a4315d475c446bd3c1551ca3a1a9 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 01:31:58 +0100
Subject: [PATCH 20/21] Small fixes

---
 frontend/src/Components/AddProject.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/Components/AddProject.tsx b/frontend/src/Components/AddProject.tsx
index 9fdf8e9..45814e3 100644
--- a/frontend/src/Components/AddProject.tsx
+++ b/frontend/src/Components/AddProject.tsx
@@ -13,7 +13,7 @@ import Button from "./Button";
 function CreateProject(props: { name: string; description: string }): boolean {
   const project: NewProject = {
     name: props.name,
-    description: props.name,
+    description: props.description,
   };
 
   let created = false;
@@ -21,13 +21,10 @@ function CreateProject(props: { name: string; description: string }): boolean {
   api
     .createProject(project, localStorage.getItem("accessToken") ?? "")
     .then((response: APIResponse<Project>) => {
-      //vv_FOR DEBGUGGING_vv
-      console.log(localStorage.getItem("accessToken"));
-
       if (response.success) {
         created = true;
       } else {
-        console.error("Could not add project");
+        console.error(response.message);
       }
     })
     .catch((error) => {

From 92119dd49e70810449c61192efdf5d412f76d6a4 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 18 Mar 2024 01:56:04 +0100
Subject: [PATCH 21/21] Added path + fixed import

---
 frontend/src/Components/Register.tsx      | 1 +
 frontend/src/Components/UserListAdmin.tsx | 6 +++---
 frontend/src/main.tsx                     | 5 +++++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Components/Register.tsx b/frontend/src/Components/Register.tsx
index 7ac9493..d8b2a47 100644
--- a/frontend/src/Components/Register.tsx
+++ b/frontend/src/Components/Register.tsx
@@ -4,6 +4,7 @@ import { api } from "../API/API";
 import Logo from "../assets/Logo.svg";
 import Button from "./Button";
 import InputField from "./InputField";
+import { useNavigate } from "react-router-dom";
 
 export default function Register(): JSX.Element {
   const [username, setUsername] = useState<string>();
diff --git a/frontend/src/Components/UserListAdmin.tsx b/frontend/src/Components/UserListAdmin.tsx
index e25ad5f..b86076a 100644
--- a/frontend/src/Components/UserListAdmin.tsx
+++ b/frontend/src/Components/UserListAdmin.tsx
@@ -1,11 +1,11 @@
 import { Link } from "react-router-dom";
-import { User } from "../Types/goTypes";
+import { PublicUser } from "../Types/goTypes";
 
 /**
  * The props for the UserProps component
  */
 interface UserProps {
-  users: User[];
+  users: PublicUser[];
 }
 
 /**
@@ -23,7 +23,7 @@ export function UserListAdmin(props: UserProps): JSX.Element {
     <div>
       <ul className="font-bold underline text-[30px] cursor-pointer padding">
         {props.users.map((user) => (
-          <Link to="/admin-view-user" key={user.userId} state={user.username}>
+          <Link to="/adminUserInfo" key={user.userId} state={user.username}>
             <li className="pt-5" key={user.userId}>
               {user.username}
             </li>
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 7fa0780..f6bb13b 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -9,6 +9,7 @@ import AdminAddProject from "./Pages/AdminPages/AdminAddProject";
 import AdminManageProjects from "./Pages/AdminPages/AdminManageProjects";
 import AdminManageUsers from "./Pages/AdminPages/AdminManageUsers";
 import AdminAddUser from "./Pages/AdminPages/AdminAddUser";
+import AdminViewUserInfo from "./Pages/AdminPages/AdminViewUserInfo";
 
 // This is where the routes are mounted
 const router = createBrowserRouter([
@@ -36,6 +37,10 @@ const router = createBrowserRouter([
     path: "/adminAddUser",
     element: <AdminAddUser />,
   },
+  {
+    path: "/adminUserInfo",
+    element: <AdminViewUserInfo />,
+  },
   {
     path: "/adminManageProject",
     element: <AdminManageProjects />,