Vite + React
+
+
+
+ Edit src/App.tsx and save to test HMR
+
+ Click on the Vite and React logos to learn more +
+ + ); +} + +export default App; diff --git a/frontend/src/Components/AddMember.tsx b/frontend/src/Components/AddMember.tsx deleted file mode 100644 index d8036b7..0000000 --- a/frontend/src/Components/AddMember.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { api } from "../API/API"; - -export interface AddMemberInfo { - userName: string; - projectName: string; -} - -/** - * Tries to add a member to a project - * @param {AddMemberInfo} props.membertoAdd - Contains user's name and project's name - * @returns {Promise
-
- );
-}
-
-export default AddProject;
diff --git a/frontend/src/Components/AddUserToProject.tsx b/frontend/src/Components/AddUserToProject.tsx
deleted file mode 100644
index 43d9345..0000000
--- a/frontend/src/Components/AddUserToProject.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import { useEffect, useState } from "react";
-import Button from "./Button";
-import AddMember, { AddMemberInfo } from "./AddMember";
-import GetUsersInProject, { ProjectMember } from "./GetUsersInProject";
-import GetAllUsers from "./GetAllUsers";
-import InputField from "./InputField";
-
-/**
- * Provides UI for adding a member to a project.
- * @returns {JSX.Element} - Returns the component UI for adding a member
- */
-function AddUserToProject(props: { projectName: string }): JSX.Element {
- const [names, setNames] = useState
-
-
-
-
-
- );
-}
-
-export default AddUserToProject;
diff --git a/frontend/src/Components/AllTimeReportsInProject.tsx b/frontend/src/Components/AllTimeReportsInProject.tsx
deleted file mode 100644
index aef1df1..0000000
--- a/frontend/src/Components/AllTimeReportsInProject.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-//Info: This component is used to display all the time reports for a project. It will display the week number,
-//total time spent, and if the report has been signed or not. The user can click on a report to edit it.
-import { useEffect, useState } from "react";
-import { WeeklyReport } from "../Types/goTypes";
-import { Link, useParams } from "react-router-dom";
-import { api } from "../API/API";
-
-/**
- * Renders a component that displays all the time reports for a specific project.
- * @returns {JSX.Element} representing the component.
- */
-function AllTimeReportsInProject(): JSX.Element {
- const { projectName } = useParams();
- const [weeklyReports, setWeeklyReports] = useState- {props.projectName} -
-- Choose users to add: -
- -
- {
- setSearch(e.target.value);
- }}
- />
-
- -
-
- {users
- .filter((user) => {
- return search.toLowerCase() === ""
- ? user
- : user.toLowerCase().includes(search.toLowerCase());
- })
- .map((user) => (
-
- { - handleUserClick(user); - }} - > - {user} - - ))} -
- Number of users to be added: {names.length} -
-
-
-
- {weeklyReports.map((newWeeklyReport, index) => (
-
-
-
- );
-}
-
-export default AllTimeReportsInProject;
diff --git a/frontend/src/Components/AllTimeReportsInProjectOtherUser.tsx b/frontend/src/Components/AllTimeReportsInProjectOtherUser.tsx
deleted file mode 100644
index a96c55b..0000000
--- a/frontend/src/Components/AllTimeReportsInProjectOtherUser.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-//Info: This component is used to display all the time reports for a project. It will display the week number,
-//total time spent, and if the report has been signed or not. The user can click on a report to edit it.
-import { useEffect, useState } from "react";
-import { WeeklyReport } from "../Types/goTypes";
-import { Link, useParams } from "react-router-dom";
-import { api } from "../API/API";
-
-/**
- * Renders a component that displays all the time reports for a specific project.
- * @returns {JSX.Element} representing the component.
- */
-function AllTimeReportsInProject(): JSX.Element {
- const { username } = useParams();
- const { projectName } = useParams();
- const [weeklyReports, setWeeklyReports] = useState
-
-
- ))}
- - {"Week: "} - {newWeeklyReport.week} -
-- {"Total Time: "} - {newWeeklyReport.developmentTime + - newWeeklyReport.meetingTime + - newWeeklyReport.adminTime + - newWeeklyReport.ownWorkTime + - newWeeklyReport.studyTime + - newWeeklyReport.testingTime}{" "} - min -
-- {"Signed: "} - {newWeeklyReport.signedBy ? "YES" : "NO"} -
-{username}'s Time Reports
-
- {weeklyReports.map((newWeeklyReport, index) => (
-
-
-
- );
-}
-
-export default AllTimeReportsInProject;
diff --git a/frontend/src/Components/AuthorizedRoute.tsx b/frontend/src/Components/AuthorizedRoute.tsx
deleted file mode 100644
index d9c8c59..0000000
--- a/frontend/src/Components/AuthorizedRoute.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Navigate } from "react-router-dom";
-import React from "react";
-
-interface AuthorizedRouteProps {
- children: React.ReactNode;
- isAuthorized: boolean;
-}
-
-export function AuthorizedRoute({
- children,
- isAuthorized,
-}: AuthorizedRouteProps): JSX.Element {
- if (!isAuthorized) {
- return
-
-
- ))}
- - {"Week: "} - {newWeeklyReport.week} -
-- {"Total Time: "} - {newWeeklyReport.developmentTime + - newWeeklyReport.meetingTime + - newWeeklyReport.adminTime + - newWeeklyReport.ownWorkTime + - newWeeklyReport.studyTime + - newWeeklyReport.testingTime}{" "} - min -
-- {"Signed: "} - {newWeeklyReport.signedBy ? "YES" : "NO"} -
-
-
- );
-}
-
-export default BasicWindow;
diff --git a/frontend/src/Components/Button.tsx b/frontend/src/Components/Button.tsx
deleted file mode 100644
index 13ae807..0000000
--- a/frontend/src/Components/Button.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Button component to display a button with text and onClick function.
- *
- * @param {Object} props - The component props.
- * @param {string} props.text - The text to display on the button.
- * @param {Function} props.onClick - The function to run when the button is clicked.
- * @param {"submit" | "button" | "reset"} props.type - The type of button.
- * @returns {JSX.Element} The rendered Button component.
- */
-function Button({
- text,
- onClick,
- type,
-}: {
- text: string;
- onClick: () => void;
- type: "submit" | "button" | "reset";
-}): JSX.Element {
- return (
-
- );
-}
-
-export default Button;
diff --git a/frontend/src/Components/ChangeProjectName.tsx b/frontend/src/Components/ChangeProjectName.tsx
deleted file mode 100644
index 8348217..0000000
--- a/frontend/src/Components/ChangeProjectName.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { APIResponse, api } from "../API/API";
-
-/**
- * Changes the name of a project
- * @param {string} props.projectName - Current project name
- * @param {string} props.newProjectName - New project name
- * @returns {void} - Nothing
- */
-export default function ChangeProjectName(props: {
- projectName: string;
- newProjectName: string;
-}): void {
- if (props.projectName === "" || props.projectName === props.newProjectName) {
- alert("You have to give a new name\n\nName not changed");
- return;
- }
- api
- .changeProjectName(
- props.projectName,
- props.newProjectName,
- localStorage.getItem("accessToken") ?? "",
- )
- .then((response: APIResponse{content}
-
-
-
- );
-}
diff --git a/frontend/src/Components/ChangeRoles.tsx b/frontend/src/Components/ChangeRoles.tsx
deleted file mode 100644
index e11d623..0000000
--- a/frontend/src/Components/ChangeRoles.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { useState } from "react";
-import { useParams } from "react-router-dom";
-import Button from "./Button";
-
-export default function ChangeRoles(): JSX.Element {
- const [selectedRole, setSelectedRole] = useState("");
- const { username } = useParams();
-
- const handleRoleChange = (
- event: React.ChangeEventSelect role:
- -- Change roll for: {username} -
- - - ); -} diff --git a/frontend/src/Components/ChangeUserPassword.tsx b/frontend/src/Components/ChangeUserPassword.tsx deleted file mode 100644 index 0bc5222..0000000 --- a/frontend/src/Components/ChangeUserPassword.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import { APIResponse, api } from "../API/API"; - -/** - * Changes the password of a user - * @param {string} props.username - The username of the user - * @param {string} props.newPassword - The new password - * @returns {void} - Nothing - */ -export default function ChangeUserPassword(props: { - username: string; - newPassword: string; -}): void { - if (props.username === localStorage.getItem("username")) { - alert("You cannot change admin password"); - return; - } - api - .changeUserPassword( - props.username, - props.newPassword, - localStorage.getItem("accessToken") ?? "", - ) - .then((response: APIResponse- All Unsigned Reports In: {projectName}{" "} -
-
- {unsignedReports.map((unsignedReport: WeeklyReport, index: number) => (
-
-
- ))}
-
-
- );
-}
-
-export default DisplayUserProject;
diff --git a/frontend/src/Components/DisplayUserProjects.tsx b/frontend/src/Components/DisplayUserProjects.tsx
deleted file mode 100644
index 551e809..0000000
--- a/frontend/src/Components/DisplayUserProjects.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useState } from "react";
-import { Project } from "../Types/goTypes";
-import { useNavigate } from "react-router-dom";
-import GetProjects from "./GetProjects";
-import { api } from "../API/API";
-
-/**
- * Renders a component that displays the projects a user is a part of and links to the projects start-page.
- * @returns The JSX element representing the component.
- */
-function DisplayUserProject(): JSX.Element {
- const [projects, setProjects] = useState
-
-
- Username:
- {usernames[index]}
{" "}
- Week:
- {unsignedReport.week}
- Total Time:
-
- {unsignedReport.developmentTime +
- unsignedReport.meetingTime +
- unsignedReport.adminTime +
- unsignedReport.ownWorkTime +
- unsignedReport.studyTime +
- unsignedReport.testingTime}
-
- Signed:
- NO
-
-
-
-
-
- View Report
-
-
-
-
-
-
- ))}
-
- Username:
-
- {usernames[index]}
{" "} - Week: -{unsignedReport.week}
- Total Time: -- {unsignedReport.developmentTime + - unsignedReport.meetingTime + - unsignedReport.adminTime + - unsignedReport.ownWorkTime + - unsignedReport.studyTime + - unsignedReport.testingTime} -
- Signed: -NO
-
-
-
-
-
- - View Report -
- -Your Projects
-
- {projects.map((project) => (
-
-
- );
-}
-
-export default DisplayUserProject;
diff --git a/frontend/src/Components/EditWeeklyReport.tsx b/frontend/src/Components/EditWeeklyReport.tsx
deleted file mode 100644
index 5037a76..0000000
--- a/frontend/src/Components/EditWeeklyReport.tsx
+++ /dev/null
@@ -1,343 +0,0 @@
-import { useState, useEffect } from "react";
-import { WeeklyReport, UpdateWeeklyReport } from "../Types/goTypes";
-import { api } from "../API/API";
-import { useNavigate, useParams } from "react-router-dom";
-import Button from "./Button";
-
-/**
- * Renders the component for editing a weekly report.
- * @returns JSX.Element
- */
-export default function GetWeeklyReport(): JSX.Element {
- const [week, setWeek] = useState(0);
- const [developmentTime, setDevelopmentTime] = useState(0);
- const [meetingTime, setMeetingTime] = useState(0);
- const [adminTime, setAdminTime] = useState(0);
- const [ownWorkTime, setOwnWorkTime] = useState(0);
- const [studyTime, setStudyTime] = useState(0);
- const [testingTime, setTestingTime] = useState(0);
-
- const token = localStorage.getItem("accessToken") ?? "";
- const { projectName, fetchedWeek, signedOrUnsigned } = useParams<{
- projectName: string;
- fetchedWeek: string;
- signedOrUnsigned: string;
- }>();
- const username = localStorage.getItem("userName") ?? "";
- console.log(projectName, fetchedWeek, signedOrUnsigned);
-
- useEffect(() => {
- const fetchWeeklyReport = async (): Promise void handleProjectClick(project.name)}
- key={project.id}
- >
-
- ))}
- - {project.name} -
-Edit Time Report
-
-
-
-
- );
-}
diff --git a/frontend/src/Components/Footer.tsx b/frontend/src/Components/Footer.tsx
deleted file mode 100644
index 192926f..0000000
--- a/frontend/src/Components/Footer.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-//info: Footer component to display the footer of a page where the buttons are placed
-import React from "react";
-
-/**
- * Footer component.
- *
- * @param {Object} props - The component props.
- * @param {React.ReactNode} props.children - The children elements to render inside the footer (buttons).
- * @returns {JSX.Element} The rendered footer component.
- */
-function Footer({ children }: { children: React.ReactNode }): JSX.Element {
- return (
-
- );
-}
-
-export default Footer;
diff --git a/frontend/src/Components/GetAllUsers.tsx b/frontend/src/Components/GetAllUsers.tsx
deleted file mode 100644
index 73ad244..0000000
--- a/frontend/src/Components/GetAllUsers.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Dispatch, useEffect } from "react";
-import { api } from "../API/API";
-
-/**
- * Gets all usernames in the system and puts them in an array
- * @param props - A setStateAction for the array you want to put users in
- * @returns {void} Nothing
- * @example
- * const [users, setUsers] = useState
- 
-
-
-
- {
- setIsOpen(true);
- }}
- onMouseLeave={() => {
- setIsOpen(false);
- }}
- >
-
-
- {isOpen && (
-
-
-
-
-
-
- )}
-
-
-
-
- );
-}
-
-export default InputField;
diff --git a/frontend/src/Components/Inputs/DescriptionInput.tsx b/frontend/src/Components/Inputs/DescriptionInput.tsx
deleted file mode 100644
index 43e046c..0000000
--- a/frontend/src/Components/Inputs/DescriptionInput.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { projDescHighLimit, projDescLowLimit } from "../../Data/constants";
-
-export default function DescriptionInput(props: {
- desc: string;
- placeholder: string;
- onChange: (e: React.ChangeEvent
- {props.desc.length > projDescHighLimit && (
-
-
- );
-}
diff --git a/frontend/src/Components/Inputs/PasswordInput.tsx b/frontend/src/Components/Inputs/PasswordInput.tsx
deleted file mode 100644
index 9f67e98..0000000
--- a/frontend/src/Components/Inputs/PasswordInput.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { passwordLength } from "../../Data/constants";
-import { lowercase } from "../../Data/regex";
-
-export default function PasswordInput(props: {
- password: string;
- onChange: (e: React.ChangeEvent- Description must be under 100 characters -
- )} - {props.desc.length <= projDescHighLimit && - props.desc.length > projDescLowLimit && ( -- Valid project description! -
- )} -
- {password.length === passwordLength &&
- lowercase.test(props.password) && (
-
-
- );
-}
diff --git a/frontend/src/Components/Inputs/ProjectNameInput.tsx b/frontend/src/Components/Inputs/ProjectNameInput.tsx
deleted file mode 100644
index de28c12..0000000
--- a/frontend/src/Components/Inputs/ProjectNameInput.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { projNameHighLimit, projNameLowLimit } from "../../Data/constants";
-import { alphanumeric } from "../../Data/regex";
-
-export default function ProjectNameInput(props: {
- name: string;
- onChange: (e: React.ChangeEvent- Valid password! -
- )} - {password.length !== passwordLength && ( -- Password must be 6 characters -
- )} - {!lowercase.test(password) && password !== "" && ( -
- No number, uppercase or special
characters allowed
-
- {!alphanumeric.test(name) && name !== "" && (
-
-
- );
-}
diff --git a/frontend/src/Components/Inputs/UsernameInput.tsx b/frontend/src/Components/Inputs/UsernameInput.tsx
deleted file mode 100644
index 8f653ba..0000000
--- a/frontend/src/Components/Inputs/UsernameInput.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { usernameLowLimit, usernameUpLimit } from "../../Data/constants";
-import { alphanumeric } from "../../Data/regex";
-
-export default function UsernameInput(props: {
- username: string;
- onChange: (e: React.ChangeEvent- No special characters allowed -
- )} - {(name.length < projNameLowLimit || - name.length > projNameHighLimit) && ( -- Project name must be 10-99 characters -
- )} - {alphanumeric.test(props.name) && - name.length >= projNameLowLimit && - name.length <= projNameHighLimit && ( -- Valid project name! -
- )} -
- {alphanumeric.test(username) &&
- username.length >= usernameLowLimit &&
- username.length <= usernameUpLimit && (
-
-
- );
-}
diff --git a/frontend/src/Components/LoginCheck.tsx b/frontend/src/Components/LoginCheck.tsx
deleted file mode 100644
index 50ffb98..0000000
--- a/frontend/src/Components/LoginCheck.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { NewUser } from "../Types/goTypes";
-import { api, APIResponse } from "../API/API";
-import { Dispatch, SetStateAction } from "react";
-
-/*
- * Checks if user is in database with api.login and then sets proper authority level
- * TODO: change so that it checks for user type (admin, user, pm) somehow instead
- **/
-function LoginCheck(props: {
- username: string;
- password: string;
- setAuthority: Dispatch- Valid username! -
- )} - {!alphanumeric.test(username) && username !== "" && ( -- No special characters allowed -
- )} - {!( - username.length >= usernameLowLimit && - username.length <= usernameUpLimit - ) && ( -- Username must be 5-10 characters -
- )} -
-
- );
-}
-
-export default MemberInfoModal;
diff --git a/frontend/src/Components/NavButton.tsx b/frontend/src/Components/NavButton.tsx
deleted file mode 100644
index 05b3e97..0000000
--- a/frontend/src/Components/NavButton.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useNavigate } from "react-router-dom";
-
-/**
- * Renders a navigation button component for navigating to
- * different page
- * @returns The JSX element representing the navigation button.
- */
-export default function NavButton(props: {
- navTo: string;
- label: string;
-}): JSX.Element {
- const navigate = useNavigate();
- const goBack = (): void => {
- navigate(props.navTo);
- };
- return (
-
- );
-}
diff --git a/frontend/src/Components/NewWeeklyReport.tsx b/frontend/src/Components/NewWeeklyReport.tsx
deleted file mode 100644
index ffc8b21..0000000
--- a/frontend/src/Components/NewWeeklyReport.tsx
+++ /dev/null
@@ -1,312 +0,0 @@
-//info: New weekly report form component to create a new weekly report to
-//sumbit development time, meeting time, admin time, own work time, study time and testing time
-import { useState } from "react";
-import type { NewWeeklyReport } from "../Types/goTypes";
-import { api } from "../API/API";
-import { useNavigate, useParams } from "react-router-dom";
-import Button from "./Button";
-
-/**
- * Renders a form for creating a new weekly report.
- * @returns The JSX element representing the new weekly report form.
- */
-export default function NewWeeklyReport(): JSX.Element {
- const [week, setWeek] = useState
-
-
-
- {props.username}
-{props.role}
-- (Change Role) -
- {showRoles && ( -Member of these projects:
-
-
-
-
-
-
-
-
- );
-}
diff --git a/frontend/src/Components/OtherUsersTR.tsx b/frontend/src/Components/OtherUsersTR.tsx
deleted file mode 100644
index 40e0b94..0000000
--- a/frontend/src/Components/OtherUsersTR.tsx
+++ /dev/null
@@ -1,228 +0,0 @@
-import { useState, useEffect } from "react";
-import { WeeklyReport } from "../Types/goTypes";
-import { api } from "../API/API";
-import { useParams, useNavigate } from "react-router-dom";
-import Button from "./Button";
-
-/**
- * Renders the component for editing a weekly report.
- * @returns JSX.Element
- */
-
-//This component does not yet work as intended. It is supposed to display the weekly report of a user in a project.
-export default function OtherUsersTR(): JSX.Element {
- const [week, setWeek] = useState(0);
- const [developmentTime, setDevelopmentTime] = useState(0);
- const [meetingTime, setMeetingTime] = useState(0);
- const [adminTime, setAdminTime] = useState(0);
- const [ownWorkTime, setOwnWorkTime] = useState(0);
- const [studyTime, setStudyTime] = useState(0);
- const [testingTime, setTestingTime] = useState(0);
- const [reportId, setReportId] = useState(0);
-
- const token = localStorage.getItem("accessToken") ?? "";
- const { projectName } = useParams();
- const { username } = useParams();
- const { fetchedWeek } = useParams();
- const { signedOrUnsigned } = useParams();
- console.log(projectName, username, fetchedWeek, signedOrUnsigned);
-
- useEffect(() => {
- const fetchUsersWeeklyReport = async (): Promise{username}'s Report
-
-
-
- );
-}
diff --git a/frontend/src/Components/PMProjectMenu.tsx b/frontend/src/Components/PMProjectMenu.tsx
deleted file mode 100644
index f0cb492..0000000
--- a/frontend/src/Components/PMProjectMenu.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Link, useParams } from "react-router-dom";
-import { JSX } from "react/jsx-runtime";
-
-function PMProjectMenu(): JSX.Element {
- const { projectName } = useParams();
- return (
- <>
-
-
-
-
-
-
-
-
- Week: {week}
-| Activity | -- Total Time (min) - | -
|---|---|
| Development | -- - | -
| Meeting | -- - | -
| Administration | -- - | -
| Own Work | -- - | -
| Studies | -- - | -
| Testing | -- - | -
- {signedOrUnsigned === "signed" && (
-
- {projectName}
-
-
-
-
- );
-}
-export default PMProjectMenu;
diff --git a/frontend/src/Components/ProjectInfoModal.tsx b/frontend/src/Components/ProjectInfoModal.tsx
deleted file mode 100644
index 4be3397..0000000
--- a/frontend/src/Components/ProjectInfoModal.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import Button from "./Button";
-import GetUsersInProject, { ProjectMember } from "./GetUsersInProject";
-import { Link } from "react-router-dom";
-import GetProjectTimes, { projectTimes } from "./GetProjectTimes";
-import DeleteProject from "./DeleteProject";
-import InputField from "./InputField";
-import ProjectNameInput from "./Inputs/ProjectNameInput";
-import { alphanumeric } from "../Data/regex";
-import { projNameHighLimit, projNameLowLimit } from "../Data/constants";
-import ChangeProjectName from "./ChangeProjectName";
-
-function ProjectInfoModal(props: {
- projectname: string;
- onClose: () => void;
- onClick: (username: string, userRole: string) => void;
-}): JSX.Element {
- const [showInput, setShowInput] = useState(false);
- const [users, setUsers] = useState- Your Time Reports -
- - -- New Time Report -
- - -- Statistics -
- - -- Unsigned Time Reports -
- -
-
- );
-}
-
-export default ProjectInfoModal;
diff --git a/frontend/src/Components/ProjectListAdmin.tsx b/frontend/src/Components/ProjectListAdmin.tsx
deleted file mode 100644
index 6461dae..0000000
--- a/frontend/src/Components/ProjectListAdmin.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { useState } from "react";
-import { NewProject } from "../Types/goTypes";
-import ProjectInfoModal from "./ProjectInfoModal";
-import MemberInfoModal from "./MemberInfoModal";
-import InputField from "./InputField";
-
-/**
- * A list of projects for admin manage projects page, that sets an onClick
- * function for eact project
-
-
-
- {props.projectname}
-- (Change project name) -
- {showInput && ( - <> -Change name:
-
-
-
- )}
-
-
-
-
- Statistics:
-
-
- Number of members: {users.length}
-- Total time reported:{" "} - {Math.floor(totalTime.current / 60 / 24) + " d "} - {Math.floor((totalTime.current / 60) % 24) + " h "} - {(totalTime.current % 60) + " m "} -
-Project members:
-
- {
- setSearch(e.target.value);
- }}
- />
-
- -
- {users
- .filter((user) => {
- return search.toLowerCase() === ""
- ? user.Username
- : user.Username.toLowerCase().includes(
- search.toLowerCase(),
- );
- })
- .map((user) => (
-
- { - props.onClick(user.Username, user.UserRole); - }} - > - - Name: {user.Username} - - Role: {user.UserRole} - - - ))} -
-
-
-
-
-
-
- Manage Projects
- {projectModalVisible && ( -
- {
- setSearch(e.target.value);
- }}
- />
-
-
- );
-}
diff --git a/frontend/src/Components/ProjectListUser.tsx b/frontend/src/Components/ProjectListUser.tsx
deleted file mode 100644
index 96eeaff..0000000
--- a/frontend/src/Components/ProjectListUser.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Link } from "react-router-dom";
-import { Project } from "../Types/goTypes";
-
-/**
- * The props for the ProjectsProps component
- */
-interface ProjectProps {
- projects: Project[];
-}
-
-/**
- * A list of projects for users, that links the user to the right project page
- * thanks to the state property
- * @param props - The projects to display
- * @returns {JSX.Element} The project list
- * @example
- * const projects = [{ id: 1, name: "Random name" }];
- * return -
- {props.projects
- .filter((project) => {
- return search.toLowerCase() === ""
- ? project.name
- : project.name.toLowerCase().includes(search.toLowerCase());
- })
- .map((project) => (
-
- { - handleClickProject(project.name); - }} - > - {project.name} - - ))} -
-
- );
-}
diff --git a/frontend/src/Components/ProjectMembers.tsx b/frontend/src/Components/ProjectMembers.tsx
deleted file mode 100644
index e06ed75..0000000
--- a/frontend/src/Components/ProjectMembers.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { useState } from "react";
-import { Link, useParams } from "react-router-dom";
-import GetUsersInProject, { ProjectMember } from "./GetUsersInProject";
-import { api } from "../API/API";
-
-function ProjectMembers(): JSX.Element {
- const { projectName } = useParams();
- const [projectMembers, setProjectMembers] = useState-
- {props.projects.map((project) => (
-
-
- - {project.name} - - - ))} -
- All Members In: {projectName}{" "} -
-
- {projectMembers.map((projectMember: ProjectMember, index: number) => {
- if (projectMember.Username === "admin") {
- return null; // Skip rendering for admin user
- }
- return (
-
-
- );
- })}
-
-
- );
-}
-
-export default ProjectMembers;
diff --git a/frontend/src/Components/Register.tsx b/frontend/src/Components/Register.tsx
deleted file mode 100644
index 7310e4f..0000000
--- a/frontend/src/Components/Register.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { useState } from "react";
-import { NewUser } from "../Types/goTypes";
-import { api } from "../API/API";
-import Logo from "../assets/Logo.svg";
-import Button from "./Button";
-import UsernameInput from "./Inputs/UsernameInput";
-import PasswordInput from "./Inputs/PasswordInput";
-import { alphanumeric, lowercase } from "../Data/regex";
-import {
- passwordLength,
- usernameLowLimit,
- usernameUpLimit,
-} from "../Data/constants";
-
-/**
- * Renders a registration form for the admin to add new users in.
- * @returns The JSX element representing the registration form.
- */
-export default function Register(): JSX.Element {
- const [username, setUsername] = useState
-
-
- {projectMember.Username}
- Role:
- {projectMember.UserRole}
-
-
-
- {projectMember.Username !==
- localStorage.getItem("username") && (
- {
- confirm(
- "Are you sure you want to delete this user? This action cannot be undone.",
- ) &&
- void handleUserDeleteClick(projectMember.Username);
- }}
- >
- Delete User
-
- )}
-
-
- View Reports
-
-
-
-
-
-
- );
- })}
-
-
- {projectMember.Username}
- Role: -{projectMember.UserRole}
-
-
-
- {projectMember.Username !==
- localStorage.getItem("username") && (
-
- { - confirm( - "Are you sure you want to delete this user? This action cannot be undone.", - ) && - void handleUserDeleteClick(projectMember.Username); - }} - > - Delete User -
- )} - -- View Reports -
- -
-
- );
-}
diff --git a/frontend/src/Components/RemoveUserFromProj.tsx b/frontend/src/Components/RemoveUserFromProj.tsx
deleted file mode 100644
index eab79d9..0000000
--- a/frontend/src/Components/RemoveUserFromProj.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { api, APIResponse } from "../API/API";
-
-/**
- * Removes a user from a project
- * @param {string} props.usernameToDelete - The username of user to remove
- * @param {string} props.projectName - Project to remove user from
- * @returns {void}
- * @example
- * const exampleUsername = "user";
- * const exampleProjectName "project";
- * RemoveUserFromProj({ userToRemove: exampleUsername, projectName: exampleProjectName });
- */
-
-export default function RemoveUserFromProj(props: {
- userToRemove: string;
- projectName: string;
-}): void {
- if (props.userToRemove === localStorage.getItem("username")) {
- alert("Cannot remove yourself");
- return;
- }
- api
- .removeUserFromProject(
- props.userToRemove,
- props.projectName,
- localStorage.getItem("accessToken") ?? "",
- )
- .then((response: APIResponse
-
-
-
-
-
- );
-}
diff --git a/frontend/src/Components/TimePerActivity.tsx b/frontend/src/Components/TimePerActivity.tsx
deleted file mode 100644
index 0963e88..0000000
--- a/frontend/src/Components/TimePerActivity.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import { useState, useEffect } from "react";
-import { useParams } from "react-router-dom";
-import { api } from "../API/API";
-import { projectTimes } from "./GetProjectTimes";
-
-/**
- * Renders the component for showing total time per role in a project.
- * @returns JSX.Element
- */
-export default function TimePerRole(): JSX.Element {
- const [development, setDevelopment] = useStateTask List
-Tasks go here
--
- {props.tasks.map((task) => (
-
- {task.name} - ))} -
- Total Time Per Activity For All Members In: {projectName}{" "} -
-
-
-
- );
-}
diff --git a/frontend/src/Components/TimePerRole.tsx b/frontend/src/Components/TimePerRole.tsx
deleted file mode 100644
index f62d83a..0000000
--- a/frontend/src/Components/TimePerRole.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import { useState, useEffect } from "react";
-import { useParams } from "react-router-dom";
-
-/**
- * Renders the component for showing total time per role in a project.
- * @returns JSX.Element
- */
-export default function TimePerRole(): JSX.Element {
- const [PManagerTime, setPManagerTime] = useState(0);
- const [SManagerTime, setSManagerTime] = useState(0);
- const [DeveloperTime, setDeveloperTime] = useState(0);
- const [TesterTime, setTesterTime] = useState(0);
-
- // const token = localStorage.getItem("accessToken") ?? "";
- // const username = localStorage.getItem("username") ?? "";
- const { projectName } = useParams();
-
- // const fetchTimePerRole = async (): Promise
-
-
-
-
- | Activity | -- Total Time (min) - | -
|---|---|
| Development | -- - | -
| Meeting | -- - | -
| Administration | -- - | -
| Own Work | -- - | -
| Studies | -- - | -
| Testing | -- - | -
| In Total: | -
- {total}- |
-
- Total Time Per Role In: {projectName}{" "} -
-
-
-
- );
-}
diff --git a/frontend/src/Components/UserInfoModal.tsx b/frontend/src/Components/UserInfoModal.tsx
deleted file mode 100644
index 460ef85..0000000
--- a/frontend/src/Components/UserInfoModal.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import Button from "./Button";
-import DeleteUser from "./DeleteUser";
-import UserProjectListAdmin from "./UserProjectListAdmin";
-import { useState } from "react";
-import ChangeUsername from "./ChangeUsername";
-import { StrNameChange } from "../Types/goTypes";
-import UsernameInput from "./Inputs/UsernameInput";
-import PasswordInput from "./Inputs/PasswordInput";
-import { alphanumeric, lowercase } from "../Data/regex";
-import {
- passwordLength,
- usernameLowLimit,
- usernameUpLimit,
-} from "../Data/constants";
-import ChangeUserPassword from "./ChangeUserPassword";
-
-function UserInfoModal(props: {
- isVisible: boolean;
- username: string;
- onClose: () => void;
-}): JSX.Element {
- const [showNameInput, setShowNameInput] = useState(false);
- const [showPwordInput, setShowPwordInput] = useState(false);
- const [newUsername, setNewUsername] = useState("");
- const [newPassword, setNewPassword] = useState("");
- if (!props.isVisible) {
- return <>;
- }
-
- /*
- * Switches name input between visible/invisible
- * and makes password input invisible
- */
- const handleShowNameInput = (): void => {
- if (showPwordInput) setShowPwordInput(false);
- if (showNameInput) {
- setShowNameInput(false);
- setNewUsername("");
- } else {
- setShowNameInput(true);
- setNewPassword("");
- }
- };
-
- /*
- * Switches password input between visible/invisible
- * and makes username input invisible
- */
- const handleShowPwordInput = (): void => {
- if (showNameInput) setShowNameInput(false);
- if (showPwordInput) {
- setShowPwordInput(false);
- setNewPassword("");
- } else {
- setShowPwordInput(true);
- setNewUsername("");
- }
- };
-
- // Handles name change and checks if new name meets requirements
- const handleClickChangeName = (): void => {
- if (
- !alphanumeric.test(newUsername) ||
- newUsername.length > usernameUpLimit ||
- newUsername.length < usernameLowLimit
- ) {
- alert(
- "Please provide valid username: \n-Between 5-10 characters \n-No special characters (.-!?/*)",
- );
- return;
- }
- if (
- confirm(
- `Do you really want to change username of ${props.username} to ${newUsername}?`,
- )
- ) {
- const nameChange: StrNameChange = {
- prevName: props.username,
- newName: newUsername.replace(/ /g, ""),
- };
- ChangeUsername({ nameChange: nameChange });
- } else {
- alert("Name was not changed!");
- }
- };
-
- // Handles password change and checks if new password meets requirements
- const handleClickChangePassword = (): void => {
- if (newPassword.length !== passwordLength || !lowercase.test(newPassword)) {
- alert(
- "Please provide valid password: \n-Exactly 6 characters \n-No uppercase letters \n-No numbers \n-No special characters (.-!?/*)",
- );
- return;
- }
- if (
- confirm(`Are you sure you want to change password of ${props.username}?`)
- ) {
- ChangeUserPassword({
- username: props.username,
- newPassword: newPassword,
- });
- } else {
- alert("Password was not changed!");
- }
- };
-
- return (
-
-
-
-
-
- | Role | -- Total Time (min) - | -
|---|---|
| Project Manager | -- { - event.preventDefault(); - }} - /> - | -
| System Manager | -- { - event.preventDefault(); - }} - /> - | -
| Administration | -- { - event.preventDefault(); - }} - /> - | -
| Own Work | -- { - event.preventDefault(); - }} - /> - | -
-
- );
-}
-
-export default UserInfoModal;
diff --git a/frontend/src/Components/UserListAdmin.tsx b/frontend/src/Components/UserListAdmin.tsx
deleted file mode 100644
index 23e49db..0000000
--- a/frontend/src/Components/UserListAdmin.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { useState } from "react";
-import UserInfoModal from "./UserInfoModal";
-import InputField from "./InputField";
-
-/**
- * A list of users for admin manage users page, that sets an onClick
- * function for eact user
-
-
-
- {props.username}
-Change:
-- - Username - {" "} - - Password - -
- {showNameInput && ( -
- {
- setNewUsername(e.target.value);
- }}
- />
-
-
- )}
- {showPwordInput && (
-
- {
- setNewPassword(e.target.value);
- }}
- />
-
-
- )}
- Member of these projects:
-
-
-
-
- Manage Users
-
- {
- setSearch(e.target.value);
- }}
- />
-
-
- );
-}
diff --git a/frontend/src/Components/UserProjectListAdmin.tsx b/frontend/src/Components/UserProjectListAdmin.tsx
deleted file mode 100644
index 8f28ce9..0000000
--- a/frontend/src/Components/UserProjectListAdmin.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { useState } from "react";
-import { Project } from "../Types/goTypes";
-import GetProjects from "./GetProjects";
-
-function UserProjectListAdmin(props: { username: string }): JSX.Element {
- const [projects, setProjects] = useState-
- {props.users
- .filter((user) => {
- return search.toLowerCase() === ""
- ? user
- : user.toLowerCase().includes(search.toLowerCase());
- })
- .map((user) => (
-
- { - handleClick(user); - }} - > - {user} - - ))} -
-
- );
-}
-
-export default UserProjectListAdmin;
diff --git a/frontend/src/Components/UserProjectMenu.tsx b/frontend/src/Components/UserProjectMenu.tsx
deleted file mode 100644
index 4be4dee..0000000
--- a/frontend/src/Components/UserProjectMenu.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-//info: User project menu component to display the user project menu where the user can navigate to
-//existing time reports in a project and create a new time report
-import { useParams, Link } from "react-router-dom";
-import { JSX } from "react/jsx-runtime";
-
-/**
- * Renders the user project menu component.
- *
- * @returns JSX.Element representing the user project menu.
- */
-function UserProjectMenu(): JSX.Element {
- const { projectName } = useParams();
-
- return (
- <>
- -
- {projects.map((project) => (
-
- - {project.name} - - ))} -
{projectName}
-
-
-
-
- );
-}
-export default UserProjectMenu;
diff --git a/frontend/src/Components/UserStatistics.tsx b/frontend/src/Components/UserStatistics.tsx
deleted file mode 100644
index c84f1a0..0000000
--- a/frontend/src/Components/UserStatistics.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { useState, useEffect } from "react";
-import { useParams } from "react-router-dom";
-import { api } from "../API/API";
-import { Statistics } from "../Types/goTypes";
-
-/**
- * Renders the component for showing total time per role in a project.
- * @returns JSX.Element
- */
-export default function UserStatistics(): JSX.Element {
- const [development, setDevelopment] = useState- Your Time Reports -
- - -- New Time Report -
- -- Total Time In: {projectName}{" "} -
-
-
-
- );
-}
diff --git a/frontend/src/Components/ViewOtherTimeReport.tsx b/frontend/src/Components/ViewOtherTimeReport.tsx
deleted file mode 100644
index 3689854..0000000
--- a/frontend/src/Components/ViewOtherTimeReport.tsx
+++ /dev/null
@@ -1,200 +0,0 @@
-import { useState, useEffect } from "react";
-import { WeeklyReport } from "../Types/goTypes";
-import { api } from "../API/API";
-import { useNavigate, useParams } from "react-router-dom";
-import Button from "./Button";
-
-/**
- * Renders the component for editing a weekly report.
- * @returns JSX.Element
- */
-
-//This component does not yet work as intended. It is supposed to display the weekly report of a user in a project.
-export default function GetOtherUsersReport(): JSX.Element {
- const [week, setWeek] = useState(0);
- const [developmentTime, setDevelopmentTime] = useState(0);
- const [meetingTime, setMeetingTime] = useState(0);
- const [adminTime, setAdminTime] = useState(0);
- const [ownWorkTime, setOwnWorkTime] = useState(0);
- const [studyTime, setStudyTime] = useState(0);
- const [testingTime, setTestingTime] = useState(0);
- const [reportId, setReportId] = useState(0);
-
- const token = localStorage.getItem("accessToken") ?? "";
- const { projectName } = useParams();
- const { username } = useParams();
- const { fetchedWeek } = useParams();
-
- useEffect(() => {
- const fetchUsersWeeklyReport = async (): Promise
-
-
-
-
- | Activity | -- Total Time (min) - | -
|---|---|
| Development | -- - | -
| Meeting | -- - | -
| Administration | -- - | -
| Own Work | -- - | -
| Studies | -- - | -
| Testing | -- - | -
| In Total: | -
- {total}- |
-
{username}'s Report
-
-
-
-
- );
-}
diff --git a/frontend/src/Components/__tests__/CountButton.test.ts b/frontend/src/Components/__tests__/CountButton.test.ts
deleted file mode 100644
index ecd577b..0000000
--- a/frontend/src/Components/__tests__/CountButton.test.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { describe, expect, test } from "@jest/globals";
-
-function sum(a: number, b: number): number {
- return a + b;
-}
-
-// This is obviously not testing the proper component
-describe("sum module", () => {
- test("adds 1 + 2 to equal 3", () => {
- expect(sum(1, 1)).toBe(2);
- });
-});
diff --git a/frontend/src/Containers/ContainerDemo.tsx b/frontend/src/Containers/ContainerDemo.tsx
deleted file mode 100644
index ac1cfc6..0000000
--- a/frontend/src/Containers/ContainerDemo.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ReactNode } from "react";
-
-/** The props for the container */
-interface ContainerProps {
- children: ReactNode;
-}
-
-/**
- * Contains children
- * @param props - The children to contain
- * @returns {JSX.Element} The container
- */
-export function Container(props: ContainerProps): JSX.Element {
- return {props.children}
;
-}
-
-/**
- * Contains even more children
- * @param props
- * @returns {JSX.Element}
- */
-export function Container2(props: ContainerProps): JSX.Element {
- return