IoSL/service-aware-frontend
3
0
Fork 0
generated from Luis/nextjs-python-web-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

major changes in the layout and added most components
Some checks failed
checks-impure / test (pull_request) Successful in 27s
Details
checks / test (pull_request) Failing after 2m18s
Details

Browse Source
This commit is contained in:
sara-pervana
2023-11-21 23:46:32 +01:00
parent 1044ce3102
commit c53fdb7d86
18 changed files with 304 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
pkgs/ui/src/app/access-point/page.tsx
View File

@@ -1,5 +1,36 @@
"use client";
import SummaryDetails from "@/components/summary_card";
import CustomTable from "@/components/table";
import {
APSummaryDetails,
APAttachmentsDummyData,
APAttachmentsTableConfig,
APServiceRepositoryDummyData,
APServiceRepositoryTableConfig,
} from "@/mock/access_point";
export default function AccessPoint() {
return <div>Access Point Page</div>;
return (
<div className="m-10">
<SummaryDetails
hasRefreshButton
entity={{ name: "Access Point", details: APSummaryDetails }}
/>
<div>
<h4>Attachement View</h4>
<CustomTable
data={APAttachmentsDummyData}
configuration={APAttachmentsTableConfig}
/>
</div>
<div>
<h4>Service Repository View </h4>
<CustomTable
data={APServiceRepositoryDummyData}
configuration={APServiceRepositoryTableConfig}
/>
</div>
</div>
);
}

17
pkgs/ui/src/app/client-1/page.tsx Normal file
View File

@@ -0,0 +1,17 @@
import SummaryDetails from "@/components/summary_card";
import { Client1SummaryDetails } from "@/mock/client_1";
export default function Client1() {
return (
<div className="m-10">
<SummaryDetails
hasAttachDetach
hasRefreshButton
entity={{
name: "Client 1",
details: Client1SummaryDetails,
}}
/>
</div>
);
}

17
pkgs/ui/src/app/client-2/page.tsx Normal file
View File

@@ -0,0 +1,17 @@
import SummaryDetails from "@/components/summary_card";
import { Client2SummaryDetails } from "@/mock/client_2";
export default function Client1() {
return (
<div className="m-10">
<SummaryDetails
hasAttachDetach
hasRefreshButton
entity={{
name: "Client 2",
details: Client2SummaryDetails,
}}
/>
</div>
);
}

27
pkgs/ui/src/app/distributed-ledger-gateway/page.tsx
View File

@@ -1,5 +1,30 @@
"use client";
import {
DLGResolutionDummyData,
DLGResolutionTableConfig,
DLGSummaryDetails,
} from "@/mock/dlg";
import CustomTable from "@/components/table";
import SummaryDetails from "@/components/summary_card";
export default function DLG() {
return <div>DLG Page</div>;
return (
<div className="m-10">
<SummaryDetails
hasRefreshButton
entity={{
name: "Distributed Ledger Gateway",
details: DLGSummaryDetails,
}}
/>
<div>
<h4>DID Resolution View</h4>
<CustomTable
data={DLGResolutionDummyData}
configuration={DLGResolutionTableConfig}
/>
</div>
</div>
);
}

24
pkgs/ui/src/app/home/page.tsx Normal file
View File

@@ -0,0 +1,24 @@
import { NoDataOverlay } from "@/components/noDataOverlay";
import SummaryDetails from "@/components/summary_card";
import CustomTable from "@/components/table";
export default function Home() {
return (
<div className="m-10">
<SummaryDetails
entity={{ name: "Home", details: [] }}
hasRefreshButton={false}
/>
<div>
<h4>Home View Table</h4>
<CustomTable data={[]} configuration={[]} />
</div>
<div>
<h4>Sequence Diagram</h4>
<NoDataOverlay label="No Activity yet" />
</div>
</div>
);
}

6
pkgs/ui/src/app/layout.tsx
View File

@@ -47,9 +47,9 @@ export default function RootLayout({
return (
<html lang="en">
<head>
<title>Clan.lol</title>
<title>Service Aware Networks</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Clan.lol - build your own network" />
<meta name="description" content="Service Aware Networks" />
<link rel="icon" href="favicon.ico" sizes="any" />
</head>
<StyledEngineProvider injectFirst>
@@ -89,7 +89,7 @@ export default function RootLayout({
<div className="col-span-1 block w-full bg-fixed text-center font-semibold dark:invert lg:hidden">
<Image
src="/favicon.png"
alt="Clan Logo"
alt="TUB Logo"
width={58}
height={58}
priority

36
pkgs/ui/src/app/page.tsx
View File

@@ -1,31 +1,21 @@
"use client";
import { RecentActivity } from "@/components/dashboard/activity";
import { useAppState } from "@/components/hooks/useAppContext";
import { LoadingOverlay } from "@/components/join/loadingOverlay";
import Home from "./home/page";
export default function Dashboard() {
const { isLoading } = useAppState();
if (isLoading) {
return (
<div className="grid h-full place-items-center">
<div className="mt-8 w-full max-w-xl">
<LoadingOverlay
title="Clan Experience"
subtitle="Loading"
variant="circle"
/>
</div>
return isLoading ? (
<div className="grid h-full place-items-center">
<div className="mt-8 w-full max-w-xl">
<LoadingOverlay
title="Clan Experience"
subtitle="Loading"
variant="circle"
/>
</div>
);
} else {
return (
<div className="flex w-full">
<div className="grid w-full grid-flow-row grid-cols-3 gap-4">
<div className="row-span-2">
<RecentActivity />
</div>
</div>
</div>
);
}
</div>
) : (
<Home />
);
}

4
pkgs/ui/src/app/theme/themes.ts
View File

@@ -21,10 +21,10 @@ const commonOptions: Partial<ThemeOptions> = {
const commonPalette: Partial<PaletteOptions> = {
primary: {
main: palette.green50.value,
main: palette.blue10.value,
},
secondary: {
main: palette.green50.value,
main: palette.blue20.value,
},
info: {
main: palette.blue50.value,