Compare commits

..

10 commits

Author SHA1 Message Date
Davenludd
7e319e34c9 Change logo 2024-03-14 11:08:07 +01:00
Mattias
60774f6324 Added more paths in main 2024-03-14 11:00:55 +01:00
Mattias
db647c6e7c Added buttons 2024-03-14 11:00:55 +01:00
Mattias
45749afe69 Added buttons 2024-03-14 11:00:55 +01:00
Davenludd
2cce3f3ab4 Add time/activity and time/role buttons to PMProjectMembers page 2024-03-14 10:59:51 +01:00
Davenludd
a67e43e537 Add back button to PMUnsignedReports component 2024-03-14 10:57:42 +01:00
Davenludd
ce5d6d2837 Add "Back" button to PMTotalTimeRole component 2024-03-14 10:56:01 +01:00
Davenludd
f9260976df Add "Back" button to PMTotalTimeActivity component 2024-03-14 10:55:30 +01:00
Davenludd
5c0cf5fc33 Add buttons to PMViewUnsignedReport component 2024-03-14 10:54:37 +01:00
Davenludd
8a2724de5e Add save and back buttons to PMChangeRole component 2024-03-14 10:52:48 +01:00
12 changed files with 158 additions and 13 deletions

View file

@ -15,7 +15,7 @@ function Header({ username }: { username: string }): JSX.Element {
> >
<Link to="/your-projects"> <Link to="/your-projects">
<img <img
src="/src/assets/TTIMElogo.png" src="/src/assets/Logo.svg"
alt="TTIME Logo" alt="TTIME Logo"
className="w-11 h-14 cursor-pointer" className="w-11 h-14 cursor-pointer"
/> />

View file

@ -1,5 +1,5 @@
import Button from "../Components/Button"; import Button from "../Components/Button";
import Logo from "/src/assets/TTIMElogo.png"; import Logo from "/src/assets/Logo.svg";
import "./LoginPage.css"; import "./LoginPage.css";
import { useEffect } from "react"; import { useEffect } from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";

View file

@ -1,9 +1,25 @@
import BasicWindow from "../../Components/BasicWindow"; import BasicWindow from "../../Components/BasicWindow";
import Button from "../../Components/Button";
function ChangeRole(): JSX.Element { function ChangeRole(): JSX.Element {
const content = <></>; const content = <></>;
const buttons = <></>; const buttons = (
<>
<Button
text="Save"
onClick={(): void => {
return;
}}
/>
<Button
text="Back"
onClick={(): void => {
return;
}}
/>
</>
);
return <BasicWindow username="Admin" content={content} buttons={buttons} />; return <BasicWindow username="Admin" content={content} buttons={buttons} />;
} }

View file

@ -6,6 +6,18 @@ function PMProjectMembers(): JSX.Element {
const buttons = ( const buttons = (
<> <>
<Button
text="Time / Activity"
onClick={(): void => {
return;
}}
/>
<Button
text="Time / Role"
onClick={(): void => {
return;
}}
/>
<Button <Button
text="Back" text="Back"
onClick={(): void => { onClick={(): void => {

View file

@ -1,9 +1,19 @@
import BasicWindow from "../../Components/BasicWindow"; import BasicWindow from "../../Components/BasicWindow";
import Button from "../../Components/Button";
function PMTotalTimeActivity(): JSX.Element { function PMTotalTimeActivity(): JSX.Element {
const content = <></>; const content = <></>;
const buttons = <></>; const buttons = (
<>
<Button
text="Back"
onClick={(): void => {
return;
}}
/>
</>
);
return <BasicWindow username="Admin" content={content} buttons={buttons} />; return <BasicWindow username="Admin" content={content} buttons={buttons} />;
} }

View file

@ -1,9 +1,19 @@
import BasicWindow from "../../Components/BasicWindow"; import BasicWindow from "../../Components/BasicWindow";
import Button from "../../Components/Button";
function PMTotalTimeRole(): JSX.Element { function PMTotalTimeRole(): JSX.Element {
const content = <></>; const content = <></>;
const buttons = <></>; const buttons = (
<>
<Button
text="Back"
onClick={(): void => {
return;
}}
/>
</>
);
return <BasicWindow username="Admin" content={content} buttons={buttons} />; return <BasicWindow username="Admin" content={content} buttons={buttons} />;
} }

View file

@ -1,9 +1,19 @@
import BasicWindow from "../../Components/BasicWindow"; import BasicWindow from "../../Components/BasicWindow";
import Button from "../../Components/Button";
function PMUnsignedReports(): JSX.Element { function PMUnsignedReports(): JSX.Element {
const content = <></>; const content = <></>;
const buttons = <></>; const buttons = (
<>
<Button
text="Back"
onClick={(): void => {
return;
}}
/>
</>
);
return <BasicWindow username="Admin" content={content} buttons={buttons} />; return <BasicWindow username="Admin" content={content} buttons={buttons} />;
} }

View file

@ -1,9 +1,31 @@
import BasicWindow from "../../Components/BasicWindow"; import BasicWindow from "../../Components/BasicWindow";
import Button from "../../Components/Button";
function PMViewUnsignedReport(): JSX.Element { function PMViewUnsignedReport(): JSX.Element {
const content = <></>; const content = <></>;
const buttons = <></>; const buttons = (
<>
<Button
text="Sign"
onClick={(): void => {
return;
}}
/>
<Button
text="Save"
onClick={(): void => {
return;
}}
/>
<Button
text="Back"
onClick={(): void => {
return;
}}
/>
</>
);
return <BasicWindow username="Admin" content={content} buttons={buttons} />; return <BasicWindow username="Admin" content={content} buttons={buttons} />;
} }

View file

@ -1,9 +1,25 @@
import BasicWindow from "../../Components/BasicWindow"; import BasicWindow from "../../Components/BasicWindow";
import Button from "../../Components/Button";
function UserNewTimeReportPage(): JSX.Element { function UserNewTimeReportPage(): JSX.Element {
const content = <></>; const content = <></>;
const buttons = <></>; const buttons = (
<>
<Button
text="Submit"
onClick={(): void => {
return;
}}
/>
<Button
text="Back"
onClick={(): void => {
return;
}}
/>
</>
);
return <BasicWindow username="Admin" content={content} buttons={buttons} />; return <BasicWindow username="Admin" content={content} buttons={buttons} />;
} }

View file

@ -1,9 +1,19 @@
import BasicWindow from "../../Components/BasicWindow"; import BasicWindow from "../../Components/BasicWindow";
import Button from "../../Components/Button";
function UserViewTimeReportsPage(): JSX.Element { function UserViewTimeReportsPage(): JSX.Element {
const content = <></>; const content = <></>;
const buttons = <></>; const buttons = (
<>
<Button
text="Back"
onClick={(): void => {
return;
}}
/>
</>
);
return <BasicWindow username="Admin" content={content} buttons={buttons} />; return <BasicWindow username="Admin" content={content} buttons={buttons} />;
} }

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 348 KiB

View file

@ -7,6 +7,12 @@ import YourProjectsPage from "./Pages/YourProjectsPage.tsx";
import UserProjectPage from "./Pages/UserPages/UserProjectPage.tsx"; import UserProjectPage from "./Pages/UserPages/UserProjectPage.tsx";
import AdminMenuPage from "./Pages/AdminPages/AdminMenuPage.tsx"; import AdminMenuPage from "./Pages/AdminPages/AdminMenuPage.tsx";
import UserEditTimeReportPage from "./Pages/UserPages/UserEditTimeReportPage.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";
// This is where the routes are mounted // This is where the routes are mounted
const router = createBrowserRouter([ const router = createBrowserRouter([
@ -14,21 +20,45 @@ const router = createBrowserRouter([
path: "/", path: "/",
element: <LoginPage />, element: <LoginPage />,
}, },
{
path: "/admin-menu",
element: <AdminMenuPage />,
},
{ {
path: "/your-projects", path: "/your-projects",
element: <YourProjectsPage />, element: <YourProjectsPage />,
}, },
{
path: "/edit-time-report",
element: <UserEditTimeReportPage />,
},
{
path: "/new-time-report",
element: <UserNewTimeReportPage />,
},
{ {
path: "/project", path: "/project",
element: <UserProjectPage />, element: <UserProjectPage />,
}, },
{ {
path: "/admin-menu", path: "/project-page",
element: <AdminMenuPage />, element: <UserViewTimeReportsPage />,
}, },
{ {
path: "/edit-time-report", path: "/change-role",
element: <UserEditTimeReportPage />, element: <PMChangeRole />,
},
{
path: "/other-users-time-reports",
element: <PMOtherUsersTR />,
},
{
path: "/project-members",
element: <PMProjectMembers />,
},
{
path: "/PM-project-page",
element: <PMProjectPage />,
}, },
]); ]);