Compare commits
No commits in common. "f437b25da5d15926e67346cbfe65b9d3dc732fba" and "fe6942aa8145d08304f28a920ac8f5b998001aef" have entirely different histories.
f437b25da5
...
fe6942aa81
41 changed files with 261 additions and 708 deletions
|
@ -34,17 +34,29 @@ type GlobalState interface {
|
||||||
// UpdateCollection(c *fiber.Ctx) error // To update a collection
|
// UpdateCollection(c *fiber.Ctx) error // To update a collection
|
||||||
// DeleteCollection(c *fiber.Ctx) error // To delete a collection
|
// DeleteCollection(c *fiber.Ctx) error // To delete a collection
|
||||||
// SignCollection(c *fiber.Ctx) error // To sign a collection
|
// SignCollection(c *fiber.Ctx) error // To sign a collection
|
||||||
ListAllUsers(c *fiber.Ctx) error // To get a list of all users in the application database
|
GetButtonCount(c *fiber.Ctx) error // For demonstration purposes
|
||||||
ListAllUsersProject(c *fiber.Ctx) error // To get a list of all users for a specific project
|
IncrementButtonCount(c *fiber.Ctx) error // For demonstration purposes
|
||||||
ProjectRoleChange(c *fiber.Ctx) error // To change a users role in a project
|
ListAllUsers(c *fiber.Ctx) error // To get a list of all users in the application database
|
||||||
|
ListAllUsersProject(c *fiber.Ctx) error // To get a list of all users for a specific project
|
||||||
|
ProjectRoleChange(c *fiber.Ctx) error // To change a users role in a project
|
||||||
}
|
}
|
||||||
|
|
||||||
// "Constructor"
|
// "Constructor"
|
||||||
func NewGlobalState(db database.Database) GlobalState {
|
func NewGlobalState(db database.Database) GlobalState {
|
||||||
return &GState{Db: db}
|
return &GState{Db: db, ButtonCount: 0}
|
||||||
}
|
}
|
||||||
|
|
||||||
// The global state, which implements all the handlers
|
// The global state, which implements all the handlers
|
||||||
type GState struct {
|
type GState struct {
|
||||||
Db database.Database
|
Db database.Database
|
||||||
|
ButtonCount int
|
||||||
|
}
|
||||||
|
|
||||||
|
func (gs *GState) GetButtonCount(c *fiber.Ctx) error {
|
||||||
|
return c.Status(200).JSON(fiber.Map{"pressCount": gs.ButtonCount})
|
||||||
|
}
|
||||||
|
|
||||||
|
func (gs *GState) IncrementButtonCount(c *fiber.Ctx) error {
|
||||||
|
gs.ButtonCount++
|
||||||
|
return c.Status(200).JSON(fiber.Map{"pressCount": gs.ButtonCount})
|
||||||
}
|
}
|
||||||
|
|
|
@ -61,6 +61,11 @@ func main() {
|
||||||
|
|
||||||
// Register our unprotected routes
|
// Register our unprotected routes
|
||||||
server.Post("/api/register", gs.Register)
|
server.Post("/api/register", gs.Register)
|
||||||
|
|
||||||
|
// Register handlers for example button count
|
||||||
|
server.Get("/api/button", gs.GetButtonCount)
|
||||||
|
server.Post("/api/button", gs.IncrementButtonCount)
|
||||||
|
|
||||||
server.Post("/api/login", gs.Login)
|
server.Post("/api/login", gs.Login)
|
||||||
|
|
||||||
// Every route from here on will require a valid JWT
|
// Every route from here on will require a valid JWT
|
||||||
|
@ -68,7 +73,6 @@ func main() {
|
||||||
SigningKey: jwtware.SigningKey{Key: []byte("secret")},
|
SigningKey: jwtware.SigningKey{Key: []byte("secret")},
|
||||||
}))
|
}))
|
||||||
|
|
||||||
// Protected routes (require a valid JWT bearer token authentication header)
|
|
||||||
server.Post("/api/submitReport", gs.SubmitWeeklyReport)
|
server.Post("/api/submitReport", gs.SubmitWeeklyReport)
|
||||||
server.Get("/api/getUserProjects", gs.GetUserProjects)
|
server.Get("/api/getUserProjects", gs.GetUserProjects)
|
||||||
server.Post("/api/loginrenew", gs.LoginRenew)
|
server.Post("/api/loginrenew", gs.LoginRenew)
|
||||||
|
|
|
@ -46,7 +46,6 @@ interface API {
|
||||||
username: string,
|
username: string,
|
||||||
token: string,
|
token: string,
|
||||||
): Promise<APIResponse<Project[]>>;
|
): Promise<APIResponse<Project[]>>;
|
||||||
/** Gets a project from id*/
|
|
||||||
getProject(id: number): Promise<APIResponse<Project>>;
|
getProject(id: number): Promise<APIResponse<Project>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -150,10 +149,7 @@ export const api: API = {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
async getUserProjects(
|
async getUserProjects(token: string): Promise<APIResponse<Project[]>> {
|
||||||
username: string,
|
|
||||||
token: string,
|
|
||||||
): Promise<APIResponse<Project[]>> {
|
|
||||||
try {
|
try {
|
||||||
const response = await fetch("/api/getUserProjects", {
|
const response = await fetch("/api/getUserProjects", {
|
||||||
method: "GET",
|
method: "GET",
|
||||||
|
@ -161,7 +157,6 @@ export const api: API = {
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
Authorization: "Bearer " + token,
|
Authorization: "Bearer " + token,
|
||||||
},
|
},
|
||||||
body: JSON.stringify({ username }),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
|
|
|
@ -1,94 +0,0 @@
|
||||||
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.description,
|
|
||||||
};
|
|
||||||
|
|
||||||
let created = false;
|
|
||||||
|
|
||||||
api
|
|
||||||
.createProject(project, localStorage.getItem("accessToken") ?? "")
|
|
||||||
.then((response: APIResponse<Project>) => {
|
|
||||||
if (response.success) {
|
|
||||||
created = true;
|
|
||||||
} else {
|
|
||||||
console.error(response.message);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.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;
|
|
|
@ -2,15 +2,17 @@ import Header from "./Header";
|
||||||
import Footer from "./Footer";
|
import Footer from "./Footer";
|
||||||
|
|
||||||
function BasicWindow({
|
function BasicWindow({
|
||||||
|
username,
|
||||||
content,
|
content,
|
||||||
buttons,
|
buttons,
|
||||||
}: {
|
}: {
|
||||||
|
username: string;
|
||||||
content: React.ReactNode;
|
content: React.ReactNode;
|
||||||
buttons: React.ReactNode;
|
buttons: React.ReactNode;
|
||||||
}): JSX.Element {
|
}): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<div className="font-sans flex flex-col h-screen bg-white border-2 border-black overflow-auto pt-[110px]">
|
<div className="font-sans flex flex-col h-screen bg-white border-2 border-black overflow-auto pt-[110px]">
|
||||||
<Header />
|
<Header username={username} />
|
||||||
<div className="flex flex-col items-center flex-grow">{content}</div>
|
<div className="flex flex-col items-center flex-grow">{content}</div>
|
||||||
<Footer>{buttons}</Footer>
|
<Footer>{buttons}</Footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,247 +0,0 @@
|
||||||
import { useState, useEffect } from "react";
|
|
||||||
import { NewWeeklyReport } from "../Types/goTypes";
|
|
||||||
import { api } from "../API/API";
|
|
||||||
import { useNavigate } from "react-router-dom";
|
|
||||||
import Button from "./Button";
|
|
||||||
|
|
||||||
export default function GetWeeklyReport(): JSX.Element {
|
|
||||||
const [projectName, setProjectName] = useState("");
|
|
||||||
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 username = localStorage.getItem("username") ?? "";
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const fetchWeeklyReport = async (): Promise<void> => {
|
|
||||||
const response = await api.getWeeklyReport(
|
|
||||||
username,
|
|
||||||
projectName,
|
|
||||||
week.toString(),
|
|
||||||
token,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (response.success) {
|
|
||||||
const report: NewWeeklyReport = response.data ?? {
|
|
||||||
projectName: "",
|
|
||||||
week: 0,
|
|
||||||
developmentTime: 0,
|
|
||||||
meetingTime: 0,
|
|
||||||
adminTime: 0,
|
|
||||||
ownWorkTime: 0,
|
|
||||||
studyTime: 0,
|
|
||||||
testingTime: 0,
|
|
||||||
};
|
|
||||||
setProjectName(report.projectName);
|
|
||||||
setWeek(report.week);
|
|
||||||
setDevelopmentTime(report.developmentTime);
|
|
||||||
setMeetingTime(report.meetingTime);
|
|
||||||
setAdminTime(report.adminTime);
|
|
||||||
setOwnWorkTime(report.ownWorkTime);
|
|
||||||
setStudyTime(report.studyTime);
|
|
||||||
setTestingTime(report.testingTime);
|
|
||||||
} else {
|
|
||||||
console.error("Failed to fetch weekly report:", response.message);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
void fetchWeeklyReport();
|
|
||||||
}, [projectName, token, username, week]);
|
|
||||||
|
|
||||||
const handleNewWeeklyReport = async (): Promise<void> => {
|
|
||||||
const newWeeklyReport: NewWeeklyReport = {
|
|
||||||
projectName,
|
|
||||||
week,
|
|
||||||
developmentTime,
|
|
||||||
meetingTime,
|
|
||||||
adminTime,
|
|
||||||
ownWorkTime,
|
|
||||||
studyTime,
|
|
||||||
testingTime,
|
|
||||||
};
|
|
||||||
|
|
||||||
await api.submitWeeklyReport(newWeeklyReport, token);
|
|
||||||
};
|
|
||||||
|
|
||||||
const navigate = useNavigate();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className="border-4 border-black bg-white flex flex-col justify-start min-h-[65vh] h-fit w-[50vw] rounded-3xl overflow-scroll space-y-[2vh] p-[30px] items-center">
|
|
||||||
<form
|
|
||||||
onSubmit={(e) => {
|
|
||||||
if (week === 0) {
|
|
||||||
alert("Please enter a week number");
|
|
||||||
e.preventDefault();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
e.preventDefault();
|
|
||||||
void handleNewWeeklyReport();
|
|
||||||
navigate("/project");
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div className="flex flex-col items-center">
|
|
||||||
<input
|
|
||||||
className="w-fill h-[5vh] font-sans text-[3vh] pl-[1vw] rounded-full text-center pt-[1vh] pb-[1vh] border-2 border-black"
|
|
||||||
type="week"
|
|
||||||
placeholder="Week"
|
|
||||||
value={
|
|
||||||
week === 0 ? "" : `2024-W${week.toString().padStart(2, "0")}`
|
|
||||||
}
|
|
||||||
onChange={(e) => {
|
|
||||||
const weekNumber = parseInt(e.target.value.split("-W")[1]);
|
|
||||||
setWeek(weekNumber);
|
|
||||||
}}
|
|
||||||
onKeyDown={(event) => {
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
onPaste={(event) => {
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<table className="w-full text-center divide-y divide-x divide-white text-[30px]">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th className="w-1/2 py-2 border-b-2 border-black">
|
|
||||||
Activity
|
|
||||||
</th>
|
|
||||||
<th className="w-1/2 py-2 border-b-2 border-black">
|
|
||||||
Total Time (min)
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody className="divide-y divide-black">
|
|
||||||
<tr className="h-[10vh]">
|
|
||||||
<td>Development</td>
|
|
||||||
<td>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
min="0"
|
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
|
||||||
value={developmentTime}
|
|
||||||
onChange={(e) => {
|
|
||||||
setDevelopmentTime(parseInt(e.target.value));
|
|
||||||
}}
|
|
||||||
onKeyDown={(event) => {
|
|
||||||
const keyValue = event.key;
|
|
||||||
if (!/\d/.test(keyValue) && keyValue !== "Backspace")
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr className="h-[10vh]">
|
|
||||||
<td>Meeting</td>
|
|
||||||
<td>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
min="0"
|
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
|
||||||
value={meetingTime}
|
|
||||||
onChange={(e) => {
|
|
||||||
setMeetingTime(parseInt(e.target.value));
|
|
||||||
}}
|
|
||||||
onKeyDown={(event) => {
|
|
||||||
const keyValue = event.key;
|
|
||||||
if (!/\d/.test(keyValue) && keyValue !== "Backspace")
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr className="h-[10vh]">
|
|
||||||
<td>Administration</td>
|
|
||||||
<td>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
min="0"
|
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
|
||||||
value={adminTime}
|
|
||||||
onChange={(e) => {
|
|
||||||
setAdminTime(parseInt(e.target.value));
|
|
||||||
}}
|
|
||||||
onKeyDown={(event) => {
|
|
||||||
const keyValue = event.key;
|
|
||||||
if (!/\d/.test(keyValue) && keyValue !== "Backspace")
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr className="h-[10vh]">
|
|
||||||
<td>Own Work</td>
|
|
||||||
<td>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
min="0"
|
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
|
||||||
value={ownWorkTime}
|
|
||||||
onChange={(e) => {
|
|
||||||
setOwnWorkTime(parseInt(e.target.value));
|
|
||||||
}}
|
|
||||||
onKeyDown={(event) => {
|
|
||||||
const keyValue = event.key;
|
|
||||||
if (!/\d/.test(keyValue) && keyValue !== "Backspace")
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr className="h-[10vh]">
|
|
||||||
<td>Studies</td>
|
|
||||||
<td>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
min="0"
|
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
|
||||||
value={studyTime}
|
|
||||||
onChange={(e) => {
|
|
||||||
setStudyTime(parseInt(e.target.value));
|
|
||||||
}}
|
|
||||||
onKeyDown={(event) => {
|
|
||||||
const keyValue = event.key;
|
|
||||||
if (!/\d/.test(keyValue) && keyValue !== "Backspace")
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr className="h-[10vh]">
|
|
||||||
<td>Testing</td>
|
|
||||||
<td>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
min="0"
|
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
|
||||||
value={testingTime}
|
|
||||||
onChange={(e) => {
|
|
||||||
setTestingTime(parseInt(e.target.value));
|
|
||||||
}}
|
|
||||||
onKeyDown={(event) => {
|
|
||||||
const keyValue = event.key;
|
|
||||||
if (!/\d/.test(keyValue) && keyValue !== "Backspace")
|
|
||||||
event.preventDefault();
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<Button
|
|
||||||
text="Submit"
|
|
||||||
onClick={(): void => {
|
|
||||||
return;
|
|
||||||
}}
|
|
||||||
type="submit"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
|
@ -1,11 +1,11 @@
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import { Link } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
|
|
||||||
function Header(): JSX.Element {
|
function Header({ username }: { username: string }): JSX.Element {
|
||||||
const [isOpen, setIsOpen] = useState(false);
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
|
|
||||||
const handleLogout = (): void => {
|
const handleLogout = (): void => {
|
||||||
localStorage.clear();
|
// Add any logout logic here
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -31,7 +31,7 @@ function Header(): JSX.Element {
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<button className="mr-4 underline font-bold text-white">
|
<button className="mr-4 underline font-bold text-white">
|
||||||
{localStorage.getItem("username")}
|
{username}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
{isOpen && (
|
{isOpen && (
|
||||||
|
|
|
@ -10,22 +10,17 @@ function LoginCheck(props: {
|
||||||
username: string;
|
username: string;
|
||||||
password: string;
|
password: string;
|
||||||
setAuthority: Dispatch<SetStateAction<number>>;
|
setAuthority: Dispatch<SetStateAction<number>>;
|
||||||
}): void {
|
}): number {
|
||||||
const user: NewUser = {
|
const user: NewUser = {
|
||||||
username: props.username,
|
username: props.username,
|
||||||
password: props.password,
|
password: props.password,
|
||||||
};
|
};
|
||||||
|
|
||||||
localStorage.clear();
|
|
||||||
|
|
||||||
api
|
api
|
||||||
.login(user)
|
.login(user)
|
||||||
.then((response: APIResponse<string>) => {
|
.then((response: APIResponse<string>) => {
|
||||||
if (response.success) {
|
if (response.success) {
|
||||||
if (response.data !== undefined) {
|
if (response.data !== undefined) {
|
||||||
const token = response.data;
|
const token = response.data;
|
||||||
localStorage.setItem("accessToken", token);
|
|
||||||
localStorage.setItem("username", props.username);
|
|
||||||
//TODO: change so that it checks for user type (admin, user, pm) instead
|
//TODO: change so that it checks for user type (admin, user, pm) instead
|
||||||
if (token !== "" && props.username === "admin") {
|
if (token !== "" && props.username === "admin") {
|
||||||
props.setAuthority((prevAuth) => {
|
props.setAuthority((prevAuth) => {
|
||||||
|
@ -47,12 +42,14 @@ function LoginCheck(props: {
|
||||||
console.error("Token was undefined");
|
console.error("Token was undefined");
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.error("Token could not be fetched/No such user");
|
console.error("Token could not be fetched");
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.error("An error occurred during login:", error);
|
console.error("An error occurred during login:", error);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
return 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default LoginCheck;
|
export default LoginCheck;
|
||||||
|
|
|
@ -3,9 +3,34 @@ import { NewUser } from "../Types/goTypes";
|
||||||
import { api } from "../API/API";
|
import { api } from "../API/API";
|
||||||
import Logo from "../assets/Logo.svg";
|
import Logo from "../assets/Logo.svg";
|
||||||
import Button from "./Button";
|
import Button from "./Button";
|
||||||
import InputField from "./InputField";
|
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
|
|
||||||
|
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>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
export default function Register(): JSX.Element {
|
export default function Register(): JSX.Element {
|
||||||
const [username, setUsername] = useState<string>();
|
const [username, setUsername] = useState<string>();
|
||||||
const [password, setPassword] = useState<string>();
|
const [password, setPassword] = useState<string>();
|
||||||
|
@ -23,7 +48,6 @@ export default function Register(): JSX.Element {
|
||||||
nav("/"); // Instantly navigate to the login page
|
nav("/"); // Instantly navigate to the login page
|
||||||
} else {
|
} else {
|
||||||
setErrMessage(response.message ?? "Unknown error");
|
setErrMessage(response.message ?? "Unknown error");
|
||||||
console.error(errMessage);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -61,6 +85,43 @@ export default function Register(): JSX.Element {
|
||||||
setPassword(e.target.value);
|
setPassword(e.target.value);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
<div className="mb-4">
|
||||||
|
<label
|
||||||
|
className="block text-gray-700 text-sm font-sans font-bold mb-2"
|
||||||
|
htmlFor="username"
|
||||||
|
>
|
||||||
|
Username
|
||||||
|
</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="username"
|
||||||
|
type="text"
|
||||||
|
placeholder="Username"
|
||||||
|
value={username}
|
||||||
|
onChange={(e) => {
|
||||||
|
setUsername(e.target.value);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="mb-6">
|
||||||
|
<label
|
||||||
|
className="block text-gray-700 text-sm font-sans font-bold mb-2"
|
||||||
|
htmlFor="password"
|
||||||
|
>
|
||||||
|
Password
|
||||||
|
</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="password"
|
||||||
|
type="password"
|
||||||
|
placeholder="Choose your password"
|
||||||
|
value={password}
|
||||||
|
onChange={(e) => {
|
||||||
|
setPassword(e.target.value);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{errMessage && <p className="text-red-500 text-xs">{errMessage}</p>}
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<Button
|
<Button
|
||||||
text="Register"
|
text="Register"
|
||||||
|
|
|
@ -1,51 +1,50 @@
|
||||||
import { useState, useContext } from "react";
|
import { useState } from "react";
|
||||||
import type { NewWeeklyReport } from "../Types/goTypes";
|
|
||||||
import { api } from "../API/API";
|
import { api } from "../API/API";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
import Button from "./Button";
|
import Button from "./Button";
|
||||||
import { ProjectNameContext } from "../Pages/YourProjectsPage";
|
import { NewWeeklyReport } from "../Types/goTypes";
|
||||||
|
|
||||||
export default function NewWeeklyReport(): JSX.Element {
|
export default function NewTimeReport(): JSX.Element {
|
||||||
const [week, setWeek] = useState(0);
|
const [projectName, setProjectName] = useState<string>("projectName"); // TODO: Get from backend
|
||||||
const [developmentTime, setDevelopmentTime] = useState(0);
|
const [week, setWeek] = useState<number>(NaN);
|
||||||
const [meetingTime, setMeetingTime] = useState(0);
|
const [development, setDevelopment] = useState<number>(NaN);
|
||||||
const [adminTime, setAdminTime] = useState(0);
|
const [meeting, setMeeting] = useState<number>(NaN);
|
||||||
const [ownWorkTime, setOwnWorkTime] = useState(0);
|
const [administration, setAdministration] = useState<number>(NaN);
|
||||||
const [studyTime, setStudyTime] = useState(0);
|
const [ownwork, setOwnWork] = useState<number>(NaN);
|
||||||
const [testingTime, setTestingTime] = useState(0);
|
const [studies, setStudies] = useState<number>(NaN);
|
||||||
|
const [testing, setTesting] = useState<number>(NaN);
|
||||||
|
|
||||||
const projectName = useContext(ProjectNameContext);
|
const handleNewTimeReport = async (): Promise<void> => {
|
||||||
const token = localStorage.getItem("accessToken") ?? "";
|
const newTimeReport: NewWeeklyReport = {
|
||||||
|
|
||||||
const handleNewWeeklyReport = async (): Promise<void> => {
|
|
||||||
const newWeeklyReport: NewWeeklyReport = {
|
|
||||||
projectName,
|
projectName,
|
||||||
week,
|
week,
|
||||||
developmentTime,
|
developmentTime: development,
|
||||||
meetingTime,
|
meetingTime: meeting,
|
||||||
adminTime,
|
adminTime: administration,
|
||||||
ownWorkTime,
|
ownWorkTime: ownwork,
|
||||||
studyTime,
|
studyTime: studies,
|
||||||
testingTime,
|
testingTime: testing,
|
||||||
};
|
};
|
||||||
|
await Promise.resolve();
|
||||||
await api.submitWeeklyReport(newWeeklyReport, token);
|
await api.submitWeeklyReport(newTimeReport, "token");
|
||||||
};
|
};
|
||||||
|
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
setProjectName("Something Reasonable"); // This should obviously not be used here
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="border-4 border-black bg-white flex flex-col justify-start min-h-[65vh] h-fit w-[50vw] rounded-3xl overflow-scroll space-y-[2vh] p-[30px] items-center">
|
<div className="border-4 border-black bg-white flex flex-col justify-start min-h-[65vh] h-fit w-[50vw] rounded-3xl overflow-scroll space-y-[2vh] p-[30px] items-center">
|
||||||
<form
|
<form
|
||||||
onSubmit={(e) => {
|
onSubmit={(e) => {
|
||||||
if (week === 0) {
|
if (!week) {
|
||||||
alert("Please enter a week number");
|
alert("Please enter a week number");
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
void handleNewWeeklyReport();
|
void handleNewTimeReport();
|
||||||
navigate("/project");
|
navigate("/project");
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
@ -84,9 +83,9 @@ export default function NewWeeklyReport(): JSX.Element {
|
||||||
type="number"
|
type="number"
|
||||||
min="0"
|
min="0"
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
className="border-2 border-black rounded-md text-center w-1/2"
|
||||||
value={developmentTime}
|
value={development}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setDevelopmentTime(parseInt(e.target.value));
|
setDevelopment(parseInt(e.target.value));
|
||||||
}}
|
}}
|
||||||
onKeyDown={(event) => {
|
onKeyDown={(event) => {
|
||||||
const keyValue = event.key;
|
const keyValue = event.key;
|
||||||
|
@ -103,9 +102,9 @@ export default function NewWeeklyReport(): JSX.Element {
|
||||||
type="number"
|
type="number"
|
||||||
min="0"
|
min="0"
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
className="border-2 border-black rounded-md text-center w-1/2"
|
||||||
value={meetingTime}
|
value={meeting}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setMeetingTime(parseInt(e.target.value));
|
setMeeting(parseInt(e.target.value));
|
||||||
}}
|
}}
|
||||||
onKeyDown={(event) => {
|
onKeyDown={(event) => {
|
||||||
const keyValue = event.key;
|
const keyValue = event.key;
|
||||||
|
@ -122,9 +121,9 @@ export default function NewWeeklyReport(): JSX.Element {
|
||||||
type="number"
|
type="number"
|
||||||
min="0"
|
min="0"
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
className="border-2 border-black rounded-md text-center w-1/2"
|
||||||
value={adminTime}
|
value={administration}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setAdminTime(parseInt(e.target.value));
|
setAdministration(parseInt(e.target.value));
|
||||||
}}
|
}}
|
||||||
onKeyDown={(event) => {
|
onKeyDown={(event) => {
|
||||||
const keyValue = event.key;
|
const keyValue = event.key;
|
||||||
|
@ -141,9 +140,9 @@ export default function NewWeeklyReport(): JSX.Element {
|
||||||
type="number"
|
type="number"
|
||||||
min="0"
|
min="0"
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
className="border-2 border-black rounded-md text-center w-1/2"
|
||||||
value={ownWorkTime}
|
value={ownwork}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setOwnWorkTime(parseInt(e.target.value));
|
setOwnWork(parseInt(e.target.value));
|
||||||
}}
|
}}
|
||||||
onKeyDown={(event) => {
|
onKeyDown={(event) => {
|
||||||
const keyValue = event.key;
|
const keyValue = event.key;
|
||||||
|
@ -160,9 +159,9 @@ export default function NewWeeklyReport(): JSX.Element {
|
||||||
type="number"
|
type="number"
|
||||||
min="0"
|
min="0"
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
className="border-2 border-black rounded-md text-center w-1/2"
|
||||||
value={studyTime}
|
value={studies}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setStudyTime(parseInt(e.target.value));
|
setStudies(parseInt(e.target.value));
|
||||||
}}
|
}}
|
||||||
onKeyDown={(event) => {
|
onKeyDown={(event) => {
|
||||||
const keyValue = event.key;
|
const keyValue = event.key;
|
||||||
|
@ -179,9 +178,9 @@ export default function NewWeeklyReport(): JSX.Element {
|
||||||
type="number"
|
type="number"
|
||||||
min="0"
|
min="0"
|
||||||
className="border-2 border-black rounded-md text-center w-1/2"
|
className="border-2 border-black rounded-md text-center w-1/2"
|
||||||
value={testingTime}
|
value={testing}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setTestingTime(parseInt(e.target.value));
|
setTesting(parseInt(e.target.value));
|
||||||
}}
|
}}
|
||||||
onKeyDown={(event) => {
|
onKeyDown={(event) => {
|
||||||
const keyValue = event.key;
|
const keyValue = event.key;
|
|
@ -1,11 +1,11 @@
|
||||||
import { Link } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
import { PublicUser } from "../Types/goTypes";
|
import { User } from "../Types/goTypes";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The props for the UserProps component
|
* The props for the UserProps component
|
||||||
*/
|
*/
|
||||||
interface UserProps {
|
interface UserProps {
|
||||||
users: PublicUser[];
|
users: User[];
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -23,7 +23,7 @@ export function UserListAdmin(props: UserProps): JSX.Element {
|
||||||
<div>
|
<div>
|
||||||
<ul className="font-bold underline text-[30px] cursor-pointer padding">
|
<ul className="font-bold underline text-[30px] cursor-pointer padding">
|
||||||
{props.users.map((user) => (
|
{props.users.map((user) => (
|
||||||
<Link to="/adminUserInfo" key={user.userId} state={user.username}>
|
<Link to="/admin-view-user" key={user.userId} state={user.username}>
|
||||||
<li className="pt-5" key={user.userId}>
|
<li className="pt-5" key={user.userId}>
|
||||||
{user.username}
|
{user.username}
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -1,43 +0,0 @@
|
||||||
import React, { useEffect, useState } from "react";
|
|
||||||
import { api } from "../API/API";
|
|
||||||
import { Project } from "../Types/goTypes";
|
|
||||||
|
|
||||||
const UserProjectListAdmin: React.FC = () => {
|
|
||||||
const [projects, setProjects] = useState<Project[]>([]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const fetchProjects = async (): Promise<void> => {
|
|
||||||
try {
|
|
||||||
const token = localStorage.getItem("accessToken") ?? "";
|
|
||||||
const username = "NoUser"; // getUsernameFromContext(); // Assuming you have a function to get the username from your context
|
|
||||||
|
|
||||||
const response = await api.getUserProjects(username, token);
|
|
||||||
if (response.success) {
|
|
||||||
setProjects(response.data ?? []);
|
|
||||||
} else {
|
|
||||||
console.error("Failed to fetch projects:", response.message);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error("Error fetching projects:", error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
void fetchProjects();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<h2>User Projects</h2>
|
|
||||||
<ul>
|
|
||||||
{projects.map((project) => (
|
|
||||||
<li key={project.id}>
|
|
||||||
<span>{project.name}</span>
|
|
||||||
{/* Add any additional project details you want to display */}
|
|
||||||
</li>
|
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default UserProjectListAdmin;
|
|
|
@ -1,16 +1,28 @@
|
||||||
import AddProject from "../../Components/AddProject";
|
|
||||||
import BackButton from "../../Components/BackButton";
|
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
|
import Button from "../../Components/Button";
|
||||||
|
|
||||||
function AdminAddProject(): JSX.Element {
|
function AdminAddProject(): JSX.Element {
|
||||||
const content = <AddProject />;
|
const content = <></>;
|
||||||
|
|
||||||
const buttons = (
|
const buttons = (
|
||||||
<>
|
<>
|
||||||
<BackButton />
|
<Button
|
||||||
|
text="Finish"
|
||||||
|
onClick={(): void => {
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
type="button"
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
text="Back"
|
||||||
|
onClick={(): void => {
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
type="button"
|
||||||
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminAddProject;
|
export default AdminAddProject;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import BackButton from "../../Components/BackButton";
|
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
|
import Button from "../../Components/Button";
|
||||||
import Register from "../../Components/Register";
|
import Register from "../../Components/Register";
|
||||||
|
|
||||||
function AdminAddUser(): JSX.Element {
|
function AdminAddUser(): JSX.Element {
|
||||||
|
@ -11,10 +11,16 @@ function AdminAddUser(): JSX.Element {
|
||||||
|
|
||||||
const buttons = (
|
const buttons = (
|
||||||
<>
|
<>
|
||||||
<BackButton />
|
<Button
|
||||||
|
text="Back"
|
||||||
|
onClick={(): void => {
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
type="button"
|
||||||
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminAddUser;
|
export default AdminAddUser;
|
||||||
|
|
|
@ -23,6 +23,6 @@ function AdminChangeUsername(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminChangeUsername;
|
export default AdminChangeUsername;
|
||||||
|
|
|
@ -1,5 +1,3 @@
|
||||||
import { Link } from "react-router-dom";
|
|
||||||
import BackButton from "../../Components/BackButton";
|
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
import Button from "../../Components/Button";
|
import Button from "../../Components/Button";
|
||||||
|
|
||||||
|
@ -8,19 +6,23 @@ function AdminManageProjects(): JSX.Element {
|
||||||
|
|
||||||
const buttons = (
|
const buttons = (
|
||||||
<>
|
<>
|
||||||
<Link to="/addProject">
|
<Button
|
||||||
<Button
|
text="Add Project"
|
||||||
text="Add Project"
|
onClick={(): void => {
|
||||||
onClick={(): void => {
|
return;
|
||||||
return;
|
}}
|
||||||
}}
|
type="button"
|
||||||
type="button"
|
/>
|
||||||
/>
|
<Button
|
||||||
</Link>
|
text="Back"
|
||||||
<BackButton />
|
onClick={(): void => {
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
type="button"
|
||||||
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminManageProjects;
|
export default AdminManageProjects;
|
||||||
|
|
|
@ -2,14 +2,14 @@ import BasicWindow from "../../Components/BasicWindow";
|
||||||
import Button from "../../Components/Button";
|
import Button from "../../Components/Button";
|
||||||
import BackButton from "../../Components/BackButton";
|
import BackButton from "../../Components/BackButton";
|
||||||
import { UserListAdmin } from "../../Components/UserListAdmin";
|
import { UserListAdmin } from "../../Components/UserListAdmin";
|
||||||
import { PublicUser } from "../../Types/goTypes";
|
import { User } from "../../Types/Users";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
|
|
||||||
function AdminManageUsers(): JSX.Element {
|
function AdminManageUsers(): JSX.Element {
|
||||||
//TODO: Change so that it reads users from database
|
//TODO: Change so that it reads users from database
|
||||||
const users: PublicUser[] = [];
|
const users: User[] = [];
|
||||||
for (let i = 1; i <= 20; i++) {
|
for (let i = 1; i <= 20; i++) {
|
||||||
users.push({ userId: "id" + i, username: "Example User " + i });
|
users.push({ id: i, userName: "Example User " + i });
|
||||||
}
|
}
|
||||||
|
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
@ -28,7 +28,7 @@ function AdminManageUsers(): JSX.Element {
|
||||||
<Button
|
<Button
|
||||||
text="Add User"
|
text="Add User"
|
||||||
onClick={(): void => {
|
onClick={(): void => {
|
||||||
navigate("/adminAddUser");
|
navigate("/admin-add-user");
|
||||||
}}
|
}}
|
||||||
type="button"
|
type="button"
|
||||||
/>
|
/>
|
||||||
|
@ -36,6 +36,6 @@ function AdminManageUsers(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminManageUsers;
|
export default AdminManageUsers;
|
||||||
|
|
|
@ -6,12 +6,12 @@ function AdminMenuPage(): JSX.Element {
|
||||||
<>
|
<>
|
||||||
<h1 className="font-bold text-[30px] mb-[20px]">Administrator Menu</h1>
|
<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]">
|
<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="/adminManageUser">
|
<Link to="/admin-manage-users">
|
||||||
<h1 className="font-bold underline text-[30px] cursor-pointer">
|
<h1 className="font-bold underline text-[30px] cursor-pointer">
|
||||||
Manage Users
|
Manage Users
|
||||||
</h1>
|
</h1>
|
||||||
</Link>
|
</Link>
|
||||||
<Link to="/adminManageProject">
|
<Link to="/admin-manage-projects">
|
||||||
<h1 className="font-bold underline text-[30px] cursor-pointer">
|
<h1 className="font-bold underline text-[30px] cursor-pointer">
|
||||||
Manage Projects
|
Manage Projects
|
||||||
</h1>
|
</h1>
|
||||||
|
@ -22,6 +22,6 @@ function AdminMenuPage(): JSX.Element {
|
||||||
|
|
||||||
const buttons = <></>;
|
const buttons = <></>;
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminMenuPage;
|
export default AdminMenuPage;
|
||||||
|
|
|
@ -23,6 +23,6 @@ function AdminProjectAddMember(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminProjectAddMember;
|
export default AdminProjectAddMember;
|
||||||
|
|
|
@ -23,6 +23,6 @@ function AdminProjectChangeUserRole(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminProjectChangeUserRole;
|
export default AdminProjectChangeUserRole;
|
||||||
|
|
|
@ -23,6 +23,6 @@ function AdminProjectManageMembers(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminProjectManageMembers;
|
export default AdminProjectManageMembers;
|
||||||
|
|
|
@ -23,6 +23,6 @@ function AdminProjectPage(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminProjectPage;
|
export default AdminProjectPage;
|
||||||
|
|
|
@ -16,6 +16,6 @@ function AdminProjectStatistics(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminProjectStatistics;
|
export default AdminProjectStatistics;
|
||||||
|
|
|
@ -23,6 +23,6 @@ function AdminProjectViewMemberInfo(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminProjectViewMemberInfo;
|
export default AdminProjectViewMemberInfo;
|
||||||
|
|
|
@ -1,12 +1,15 @@
|
||||||
|
import { useLocation } from "react-router-dom";
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
import Button from "../../Components/Button";
|
import Button from "../../Components/Button";
|
||||||
import BackButton from "../../Components/BackButton";
|
import BackButton from "../../Components/BackButton";
|
||||||
import UserProjectListAdmin from "../../Components/UserProjectListAdmin";
|
|
||||||
|
|
||||||
function AdminViewUserInfo(): JSX.Element {
|
function AdminViewUserInfo(): JSX.Element {
|
||||||
const content = (
|
const content = (
|
||||||
<>
|
<>
|
||||||
<UserProjectListAdmin />
|
<h1 className="font-bold text-[30px] mb-[20px]">{useLocation().state}</h1>
|
||||||
|
<div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
|
||||||
|
<p>Put relevant info on user from database here</p>
|
||||||
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -23,6 +26,6 @@ function AdminViewUserInfo(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default AdminViewUserInfo;
|
export default AdminViewUserInfo;
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { useState, useEffect } from "react";
|
import { useState } from "react";
|
||||||
|
|
||||||
import LoginPage from "./LoginPage";
|
import LoginPage from "./LoginPage";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
|
@ -6,16 +6,13 @@ import { useNavigate } from "react-router-dom";
|
||||||
function App(): JSX.Element {
|
function App(): JSX.Element {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const [authority, setAuthority] = useState(0);
|
const [authority, setAuthority] = useState(0);
|
||||||
|
if (authority === 1) {
|
||||||
useEffect(() => {
|
navigate("/admin");
|
||||||
if (authority === 1) {
|
} else if (authority === 2) {
|
||||||
navigate("/admin");
|
navigate("/pm");
|
||||||
} else if (authority === 2) {
|
} else if (authority === 3) {
|
||||||
navigate("/pm");
|
navigate("/user");
|
||||||
} else if (authority === 3) {
|
}
|
||||||
navigate("/user");
|
|
||||||
}
|
|
||||||
}, [authority, navigate]);
|
|
||||||
|
|
||||||
return <LoginPage setAuthority={setAuthority} />;
|
return <LoginPage setAuthority={setAuthority} />;
|
||||||
}
|
}
|
||||||
|
|
|
@ -18,6 +18,6 @@ function ChangeRole(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default ChangeRole;
|
export default ChangeRole;
|
||||||
|
|
|
@ -10,6 +10,6 @@ function PMOtherUsersTR(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default PMOtherUsersTR;
|
export default PMOtherUsersTR;
|
||||||
|
|
|
@ -30,6 +30,6 @@ function PMProjectMembers(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default PMProjectMembers;
|
export default PMProjectMembers;
|
||||||
|
|
|
@ -31,6 +31,6 @@ function PMProjectPage(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={undefined} />;
|
return <BasicWindow username="Admin" content={content} buttons={undefined} />;
|
||||||
}
|
}
|
||||||
export default PMProjectPage;
|
export default PMProjectPage;
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import BackButton from "../../Components/BackButton";
|
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
import TimeReport from "../../Components/NewWeeklyReport";
|
import TimeReport from "../../Components/TimeReport";
|
||||||
|
import BackButton from "../../Components/BackButton";
|
||||||
|
|
||||||
function PMTotalTimeActivity(): JSX.Element {
|
function PMTotalTimeActivity(): JSX.Element {
|
||||||
const content = (
|
const content = (
|
||||||
|
@ -18,6 +18,6 @@ function PMTotalTimeActivity(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default PMTotalTimeActivity;
|
export default PMTotalTimeActivity;
|
||||||
|
|
|
@ -10,6 +10,6 @@ function PMTotalTimeRole(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default PMTotalTimeRole;
|
export default PMTotalTimeRole;
|
||||||
|
|
|
@ -10,6 +10,6 @@ function PMUnsignedReports(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default PMUnsignedReports;
|
export default PMUnsignedReports;
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import BackButton from "../../Components/BackButton";
|
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
import Button from "../../Components/Button";
|
import Button from "../../Components/Button";
|
||||||
import TimeReport from "../../Components/NewWeeklyReport";
|
import TimeReport from "../../Components/TimeReport";
|
||||||
|
import BackButton from "../../Components/BackButton";
|
||||||
|
|
||||||
function PMViewUnsignedReport(): JSX.Element {
|
function PMViewUnsignedReport(): JSX.Element {
|
||||||
const content = (
|
const content = (
|
||||||
|
@ -33,6 +33,6 @@ function PMViewUnsignedReport(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default PMViewUnsignedReport;
|
export default PMViewUnsignedReport;
|
||||||
|
|
|
@ -1,21 +1,29 @@
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
|
import Button from "../../Components/Button";
|
||||||
|
import NewTimeReport from "../../Components/TimeReport";
|
||||||
import BackButton from "../../Components/BackButton";
|
import BackButton from "../../Components/BackButton";
|
||||||
import EditWeeklyReport from "../../Components/EditWeeklyReport";
|
|
||||||
|
|
||||||
function UserEditTimeReportPage(): JSX.Element {
|
function UserEditTimeReportPage(): JSX.Element {
|
||||||
const content = (
|
const content = (
|
||||||
<>
|
<>
|
||||||
<h1 className="font-bold text-[30px] mb-[20px]">Edit Time Report</h1>
|
<h1 className="font-bold text-[30px] mb-[20px]">Edit Time Report</h1>
|
||||||
<EditWeeklyReport />
|
<NewTimeReport />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
const buttons = (
|
const buttons = (
|
||||||
<>
|
<>
|
||||||
|
<Button
|
||||||
|
text="Save"
|
||||||
|
onClick={(): void => {
|
||||||
|
return;
|
||||||
|
}}
|
||||||
|
type="button"
|
||||||
|
/>
|
||||||
<BackButton />
|
<BackButton />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default UserEditTimeReportPage;
|
export default UserEditTimeReportPage;
|
||||||
|
|
|
@ -1,13 +1,13 @@
|
||||||
import BasicWindow from "../../Components/BasicWindow";
|
import BasicWindow from "../../Components/BasicWindow";
|
||||||
import Button from "../../Components/Button";
|
import Button from "../../Components/Button";
|
||||||
import NewWeeklyReport from "../../Components/NewWeeklyReport";
|
import NewTimeReport from "../../Components/TimeReport";
|
||||||
import { Link } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
|
|
||||||
function UserNewTimeReportPage(): JSX.Element {
|
function UserNewTimeReportPage(): JSX.Element {
|
||||||
const content = (
|
const content = (
|
||||||
<>
|
<>
|
||||||
<h1 className="font-bold text-[30px] mb-[20px]">New Time Report</h1>
|
<h1 className="font-bold text-[30px] mb-[20px]">New Time Report</h1>
|
||||||
<NewWeeklyReport />
|
<NewTimeReport />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -25,6 +25,6 @@ function UserNewTimeReportPage(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default UserNewTimeReportPage;
|
export default UserNewTimeReportPage;
|
||||||
|
|
|
@ -27,6 +27,6 @@ function UserProjectPage(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default UserProjectPage;
|
export default UserProjectPage;
|
||||||
|
|
|
@ -15,6 +15,6 @@ function UserViewTimeReportsPage(): JSX.Element {
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return <BasicWindow content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
export default UserViewTimeReportsPage;
|
export default UserViewTimeReportsPage;
|
||||||
|
|
|
@ -1,59 +1,31 @@
|
||||||
import { useState, createContext, useEffect } from "react";
|
|
||||||
import { Project } from "../Types/goTypes";
|
|
||||||
import { api } from "../API/API";
|
|
||||||
import { Link } from "react-router-dom";
|
|
||||||
import BasicWindow from "../Components/BasicWindow";
|
import BasicWindow from "../Components/BasicWindow";
|
||||||
|
import { ProjectListUser } from "../Components/ProjectListUser";
|
||||||
|
import { Project } from "../Types/Project";
|
||||||
|
|
||||||
export const ProjectNameContext = createContext("");
|
function YourProjectsPage(): JSX.Element {
|
||||||
|
//TODO: Change so that it reads projects from database
|
||||||
function UserProjectPage(): JSX.Element {
|
const projects: Project[] = [];
|
||||||
const [projects, setProjects] = useState<Project[]>([]);
|
for (let i = 1; i <= 20; i++) {
|
||||||
const [selectedProject, setSelectedProject] = useState("");
|
projects.push({
|
||||||
|
id: i,
|
||||||
const getProjects = async (): Promise<void> => {
|
name: "Example Project " + i,
|
||||||
const username = localStorage.getItem("username") ?? ""; // replace with actual username
|
description: "good",
|
||||||
const token = localStorage.getItem("accessToken") ?? ""; // replace with actual token
|
created: "now",
|
||||||
const response = await api.getUserProjects(username, token);
|
owner: "me",
|
||||||
console.log(response);
|
});
|
||||||
if (response.success) {
|
}
|
||||||
setProjects(response.data ?? []);
|
|
||||||
} else {
|
|
||||||
console.error(response.message);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// Call getProjects when the component mounts
|
|
||||||
useEffect(() => {
|
|
||||||
void getProjects();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const handleProjectClick = (projectName: string): void => {
|
|
||||||
setSelectedProject(projectName);
|
|
||||||
};
|
|
||||||
|
|
||||||
const content = (
|
const content = (
|
||||||
<ProjectNameContext.Provider value={selectedProject}>
|
<>
|
||||||
<h1 className="font-bold text-[30px] mb-[20px]">Your Projects</h1>
|
<h1 className="font-bold text-[30px] mb-[20px]">Your Projects</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]">
|
<div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
|
||||||
{projects.map((project, index) => (
|
<ProjectListUser projects={projects} />
|
||||||
<Link
|
|
||||||
to={`/project/${project.id}`}
|
|
||||||
onClick={() => {
|
|
||||||
handleProjectClick(project.name);
|
|
||||||
}}
|
|
||||||
key={index}
|
|
||||||
>
|
|
||||||
<h1 className="font-bold underline text-[30px] cursor-pointer">
|
|
||||||
{project.name}
|
|
||||||
</h1>
|
|
||||||
</Link>
|
|
||||||
))}
|
|
||||||
</div>
|
</div>
|
||||||
</ProjectNameContext.Provider>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
const buttons = <></>;
|
const buttons = <></>;
|
||||||
|
|
||||||
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
return <BasicWindow username="Admin" content={content} buttons={buttons} />;
|
||||||
}
|
}
|
||||||
|
export default YourProjectsPage;
|
||||||
export default UserProjectPage;
|
|
||||||
|
|
|
@ -3,32 +3,8 @@ import ReactDOM from "react-dom/client";
|
||||||
import "./index.css";
|
import "./index.css";
|
||||||
import { createBrowserRouter, RouterProvider } from "react-router-dom";
|
import { createBrowserRouter, RouterProvider } from "react-router-dom";
|
||||||
import App from "./Pages/App";
|
import App from "./Pages/App";
|
||||||
import YourProjectsPage from "./Pages/YourProjectsPage.tsx";
|
import AdminMenuPage from "./Pages/AdminPages/AdminMenuPage";
|
||||||
import UserProjectPage from "./Pages/UserPages/UserProjectPage.tsx";
|
import YourProjectsPage from "./Pages/YourProjectsPage";
|
||||||
import AdminMenuPage from "./Pages/AdminPages/AdminMenuPage.tsx";
|
|
||||||
import UserEditTimeReportPage from "./Pages/UserPages/UserEditTimeReportPage.tsx";
|
|
||||||
import UserNewTimeReportPage from "./Pages/UserPages/UserNewTimeReportPage.tsx";
|
|
||||||
import UserViewTimeReportsPage from "./Pages/UserPages/UserViewTimeReportsPage.tsx";
|
|
||||||
import PMChangeRole from "./Pages/ProjectManagerPages/PMChangeRole.tsx";
|
|
||||||
import PMOtherUsersTR from "./Pages/ProjectManagerPages/PMOtherUsersTR.tsx";
|
|
||||||
import PMProjectMembers from "./Pages/ProjectManagerPages/PMProjectMembers.tsx";
|
|
||||||
import PMProjectPage from "./Pages/ProjectManagerPages/PMProjectPage.tsx";
|
|
||||||
import PMTotalTimeActivity from "./Pages/ProjectManagerPages/PMTotalTimeActivity.tsx";
|
|
||||||
import PMTotalTimeRole from "./Pages/ProjectManagerPages/PMTotalTimeRole.tsx";
|
|
||||||
import PMUnsignedReports from "./Pages/ProjectManagerPages/PMUnsignedReports.tsx";
|
|
||||||
import PMViewUnsignedReport from "./Pages/ProjectManagerPages/PMViewUnsignedReport.tsx";
|
|
||||||
import AdminManageUsers from "./Pages/AdminPages/AdminManageUsers.tsx";
|
|
||||||
import AdminViewUserInfo from "./Pages/AdminPages/AdminViewUserInfo.tsx";
|
|
||||||
import AdminManageProjects from "./Pages/AdminPages/AdminManageProjects.tsx";
|
|
||||||
import AdminAddProject from "./Pages/AdminPages/AdminAddProject.tsx";
|
|
||||||
import AdminAddUser from "./Pages/AdminPages/AdminAddUser.tsx";
|
|
||||||
import AdminChangeUsername from "./Pages/AdminPages/AdminChangeUsername.tsx";
|
|
||||||
import AdminProjectAddMember from "./Pages/AdminPages/AdminProjectAddMember.tsx";
|
|
||||||
import AdminProjectChangeUserRole from "./Pages/AdminPages/AdminProjectChangeUserRole.tsx";
|
|
||||||
import AdminProjectManageMembers from "./Pages/AdminPages/AdminProjectManageMembers.tsx";
|
|
||||||
import AdminProjectStatistics from "./Pages/AdminPages/AdminProjectStatistics.tsx";
|
|
||||||
import AdminProjectViewMemberInfo from "./Pages/AdminPages/AdminProjectViewMemberInfo.tsx";
|
|
||||||
import AdminProjectPage from "./Pages/AdminPages/AdminProjectPage.tsx";
|
|
||||||
|
|
||||||
// This is where the routes are mounted
|
// This is where the routes are mounted
|
||||||
const router = createBrowserRouter([
|
const router = createBrowserRouter([
|
||||||
|
@ -44,110 +20,6 @@ const router = createBrowserRouter([
|
||||||
path: "/pm",
|
path: "/pm",
|
||||||
element: <YourProjectsPage />,
|
element: <YourProjectsPage />,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: "/user",
|
|
||||||
element: <YourProjectsPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/yourProjects",
|
|
||||||
element: <YourProjectsPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/editTimeReport",
|
|
||||||
element: <UserEditTimeReportPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/newTimeReport",
|
|
||||||
element: <UserNewTimeReportPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/project",
|
|
||||||
element: <UserProjectPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/projectPage",
|
|
||||||
element: <UserViewTimeReportsPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/changeRole",
|
|
||||||
element: <PMChangeRole />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/otherUsersTimeReports",
|
|
||||||
element: <PMOtherUsersTR />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/projectMembers",
|
|
||||||
element: <PMProjectMembers />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/PMProjectPage",
|
|
||||||
element: <PMProjectPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/PMTimeActivity",
|
|
||||||
element: <PMTotalTimeActivity />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/PMTimeRole",
|
|
||||||
element: <PMTotalTimeRole />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/PMUnsignedReports",
|
|
||||||
element: <PMUnsignedReports />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/PMViewUnsignedReport",
|
|
||||||
element: <PMViewUnsignedReport />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminChangeUsername",
|
|
||||||
element: <AdminChangeUsername />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminProjectAddMember",
|
|
||||||
element: <AdminProjectAddMember />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminProjectChangeUserRole",
|
|
||||||
element: <AdminProjectChangeUserRole />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminProjectManageMembers",
|
|
||||||
element: <AdminProjectManageMembers />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminProjectPage",
|
|
||||||
element: <AdminProjectPage />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminProjectStatistics",
|
|
||||||
element: <AdminProjectStatistics />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminProjectViewMembers",
|
|
||||||
element: <AdminProjectViewMemberInfo />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/addProject",
|
|
||||||
element: <AdminAddProject />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminAddUser",
|
|
||||||
element: <AdminAddUser />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminUserInfo",
|
|
||||||
element: <AdminViewUserInfo />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminManageProject",
|
|
||||||
element: <AdminManageProjects />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/adminManageUser",
|
|
||||||
element: <AdminManageUsers />,
|
|
||||||
},
|
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// Semi-hacky way to get the root element
|
// Semi-hacky way to get the root element
|
||||||
|
|
17
testing.py
17
testing.py
|
@ -22,11 +22,13 @@ loginPath = base_url + "/api/login"
|
||||||
addProjectPath = base_url + "/api/project"
|
addProjectPath = base_url + "/api/project"
|
||||||
submitReportPath = base_url + "/api/submitReport"
|
submitReportPath = base_url + "/api/submitReport"
|
||||||
getWeeklyReportPath = base_url + "/api/getWeeklyReport"
|
getWeeklyReportPath = base_url + "/api/getWeeklyReport"
|
||||||
|
<<<<<<< HEAD
|
||||||
getProjectPath = base_url + "/api/project"
|
getProjectPath = base_url + "/api/project"
|
||||||
|
=======
|
||||||
signReportPath = base_url + "/api/signReport"
|
signReportPath = base_url + "/api/signReport"
|
||||||
addUserToProjectPath = base_url + "/api/addUserToProject"
|
addUserToProjectPath = base_url + "/api/addUserToProject"
|
||||||
promoteToAdminPath = base_url + "/api/promoteToAdmin"
|
promoteToAdminPath = base_url + "/api/promoteToAdmin"
|
||||||
getUserProjectsPath = base_url + "/api/getUserProjects"
|
>>>>>>> 9ad89d60636ac6091d71b0bf307982becc9b89fe
|
||||||
|
|
||||||
|
|
||||||
# Posts the username and password to the register endpoint
|
# Posts the username and password to the register endpoint
|
||||||
|
@ -148,16 +150,6 @@ def test_add_user_to_project():
|
||||||
assert response.status_code == 200, "Add user to project failed"
|
assert response.status_code == 200, "Add user to project failed"
|
||||||
print("Add user to project successful")
|
print("Add user to project successful")
|
||||||
|
|
||||||
# Check if the user is added to the project
|
|
||||||
response = requests.get(
|
|
||||||
getUserProjectsPath,
|
|
||||||
json={"username": new_user},
|
|
||||||
headers={"Authorization": "Bearer " + admin_token},
|
|
||||||
)
|
|
||||||
print(response.text)
|
|
||||||
assert response.status_code == 200, "Get user projects failed"
|
|
||||||
print("got user projects successfully")
|
|
||||||
|
|
||||||
# Test function to sign a report
|
# Test function to sign a report
|
||||||
def test_sign_report():
|
def test_sign_report():
|
||||||
# Create a project manager user
|
# Create a project manager user
|
||||||
|
@ -240,6 +232,9 @@ if __name__ == "__main__":
|
||||||
test_add_project()
|
test_add_project()
|
||||||
test_submit_report()
|
test_submit_report()
|
||||||
test_get_weekly_report()
|
test_get_weekly_report()
|
||||||
|
<<<<<<< HEAD
|
||||||
test_get_project()
|
test_get_project()
|
||||||
|
=======
|
||||||
test_sign_report()
|
test_sign_report()
|
||||||
test_add_user_to_project()
|
test_add_user_to_project()
|
||||||
|
>>>>>>> 9ad89d60636ac6091d71b0bf307982becc9b89fe
|
||||||
|
|
Loading…
Reference in a new issue