- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.ts | -
-
- |
- 100% | -14/14 | -71.42% | -5/7 | -100% | -3/3 | -100% | -14/14 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 | - - -1x -1x - - - - - - - - - - - - - - - - - - - -2x - - - - -1x - - -1x -1x -1x -1x -1x - - - - -1x - - -1x -2x - - -2x - - -1x - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {logger} from "./lib/logger";
-import {AdminAddUserToGroupCommand, CognitoIdentityProviderClient} from "@aws-sdk/client-cognito-identity-provider";
-import {UserAgent} from "@aws-sdk/types";
-
-export interface IHandlerInput {
- userPoolId: string;
- userName: string;
- triggerSource: string;
- region: string;
- request: {
- userAttributes: {
- sub?: string;
- email_verified: string;
- "cognito:user_status": string;
- identities: string;
- };
- };
-}
-
-
-function isExternalUserLoggingInForTheFirstTime(event: IHandlerInput): boolean {
- return event.triggerSource === "PostConfirmation_ConfirmSignUp" &&
- event.request.userAttributes["cognito:user_status"] ===
- "EXTERNAL_PROVIDER";
-}
-
-export const READ_ONLY_USER_GROUP = 'ReadOnlyUserGroup'; // GroupName of UserPoolGroupReadOnlyUsers from cf template
-
-async function addUserToReadOnlyUserGroup(event: IHandlerInput) {
- logger.debug("Handling federated user");
- const userAgent: UserAgent = [[`AWSSOLUTION/${process.env.SOLUTION_ID || ''}`,`${process.env.SOLUTION_VERSION}` || '']];
- const configuration = {region: event.region, customUserAgent: userAgent};
- const client = new CognitoIdentityProviderClient(configuration);
- const command = new AdminAddUserToGroupCommand({
- UserPoolId: event.userPoolId,
- Username: event.userName,
- GroupName: READ_ONLY_USER_GROUP
- });
- await client.send(command);
-}
-
-export async function handler(event: IHandlerInput): Promise<any> {
- logger.debug(
- `Received event: ${JSON.stringify(event, null, 2)}`
- );
- if (
- isExternalUserLoggingInForTheFirstTime(event)
- ) {
- await addUserToReadOnlyUserGroup(event);
- }
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| logger.ts | -
-
- |
- 87.5% | -7/8 | -50% | -1/2 | -100% | -1/1 | -100% | -7/7 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 | - - - - - - - - - - - - - - - - - - - - - - - -1x - -1x - - - - -1x -3x -3x -3x - - -1x - - - - - - - - - - - - - - - - - - - | /**
- * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance
- * with the License. A copy of the License is located at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * or in the 'license' file accompanying this file. This file is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES
- * OR CONDITIONS OF ANY KIND, express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-/**
- * {
- emerg: 0,
- alert: 1,
- crit: 2,
- error: 3,
- warning: 4,
- notice: 5,
- info: 6,
- debug: 7
- }
- */
-import {createLogger, format, transports} from "winston";
-
-const { combine, timestamp, printf } = format;
-
-/*
- * Formatting the output as desired
- */
-const myFormat = printf(({ level, label, message }) => {
- const _level = level.toUpperCase();
- Iif (label) return `[${_level}] [${label}] ${message}`;
- else return `[${_level}] ${message}`;
-});
-
-export const logger = createLogger({
- format: combine(
- //
- // Order is important here, the formats are called in the
- // order they are passed to combine.
- //
- timestamp(),
- myFormat
- ),
-
- transports: [
- //cw logs transport channel
- new transports.Console({
- level: process.env.LOG_LEVEL,
- handleExceptions: true, //handle uncaught exceptions
- //format: format.splat()
- }),
- ],
-});
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| cognito-trigger | -
-
- |
- 100% | -14/14 | -71.42% | -5/7 | -100% | -3/3 | -100% | -14/14 | -
| cognito-trigger/lib | -
-
- |
- 87.5% | -7/8 | -50% | -1/2 | -100% | -1/1 | -100% | -7/7 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| src | -
-
- |
- 77.77% | -7/9 | -100% | -4/4 | -50% | -1/2 | -77.77% | -7/9 | -
| src/__test__ | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| src/components/context | -
-
- |
- 65.38% | -17/26 | -12.5% | -1/8 | -57.14% | -4/7 | -65.38% | -17/26 | -
| src/components/layout | -
-
- |
- 100% | -3/3 | -100% | -0/0 | -100% | -1/1 | -100% | -3/3 | -
| src/components/navigation | -
-
- |
- 94.44% | -17/18 | -50% | -3/6 | -80% | -4/5 | -94.44% | -17/18 | -
| src/components/router | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| src/components/table | -
-
- |
- 81.81% | -36/44 | -62.5% | -10/16 | -76% | -19/25 | -81.81% | -36/44 | -
| src/graphql | -
-
- |
- 100% | -4/4 | -100% | -0/0 | -100% | -0/0 | -100% | -4/4 | -
| src/pages/action-items | -
-
- |
- 57.57% | -19/33 | -27.27% | -3/11 | -33.33% | -4/12 | -59.37% | -19/32 | -
| src/pages/dashboard | -
-
- |
- 80% | -16/20 | -100% | -0/0 | -50% | -3/6 | -80% | -16/20 | -
| src/pages/version-history | -
-
- |
- 93.75% | -15/16 | -50% | -1/2 | -75% | -3/4 | -100% | -15/15 | -
| src/types | -
-
- |
- 0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 | - - - - - - - - - -1x - - -7x - -6x -1x - - - - - -6x -1x - - - - - -5x - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {applyDensity, Density} from "@cloudscape-design/global-styles";
-import {useContext} from "react";
-import {UserContext} from "./components/context";
-import Auth from "@aws-amplify/auth";
-import CustomAppLayout from "./components/layout";
-import {Spinner} from "@cloudscape-design/components";
-
-applyDensity(Density.Comfortable)
-
-function App() {
- const {user} = useContext(UserContext)
-
- if (!user) {
- Auth.federatedSignIn().catch((error) => {
- console.error(error);
- })
- }
-
-
- if (!user)
- return <>
- <Spinner></Spinner>
- <div>Redirecting to login...</div>
- </>
-
- else {
- return (
- <CustomAppLayout/>
- )
- }
-}
-
-export default App
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.tsx | -
-
- |
- 65.38% | -17/26 | -12.5% | -1/8 | -57.14% | -4/7 | -65.38% | -17/26 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 | - - - - - - - - - - -4x - - - - - - - - - - -4x - - - - -4x -1x -1x -1x - - -1x - - - - - -1x -1x - - - - - - -1x - - -1x -1x -1x -1x -1x - - - - - - -1x -1x - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import { createContext, useEffect, useState } from "react";
-import { Auth } from "@aws-amplify/auth";
-import Amplify, { Hub } from "@aws-amplify/core";
-import {BreadcrumbGroupProps} from "@cloudscape-design/components";
-
-// stno_config object is assembled by custom_resource_helper into stno_config.js and loaded by index.html
-// contains aws_appsync and cognito auth configuration
-// @ts-ignore
-Amplify.configure(window.stno_config);
-
-type UserContextType = {
- user: any;
- setUser: (user: any) => void;
-
- breadCrumb: BreadcrumbGroupProps.Item[];
-
- setBreadCrumb: (breadCrumb: BreadcrumbGroupProps.Item[]) => void;
-}
-
-export const UserContext = createContext<UserContextType>({ user: null, setUser: () => { }, breadCrumb: [], setBreadCrumb: () => { } });
-
-
-
-// User Context Provider component to wrap the application and make the user context available to all child components
-export const UserContextProvider = ({ children }: { children: React.ReactNode }) => {
- const [user, setUser] = useState<any>(null);
- const [busy, setBusy] = useState(true);
- const [breadCrumb, setBreadCrumb] = useState<BreadcrumbGroupProps.Item[]>([]);
-
-
- Hub.listen("auth", (data) => {
- if (data.payload.event === "signOut") {
- setUser(null);
- }
- });
-
- useEffect(() => {
- Hub.listen("auth", ({ payload: { event, data } }) => {
- if (event === "cognitoHostedUI") {
- checkUser();
- } else if (event === "signOut") {
- setUser(null);
- }
- });
- checkUser();
- }, []);
-
- const checkUser = async () => {
- try {
- const responseUser = await Auth.currentAuthenticatedUser();
- setUser(responseUser);
- setBusy(false);
- } catch (error) {
- setUser(null);
- setBusy(false);
- }
- };
-
- if (busy) {
- return <div>Loading...</div>
- } else E{
- return (
- <UserContext.Provider value={{ user, setUser, breadCrumb, setBreadCrumb }}>
- {children}
- </UserContext.Provider>
- );
- }
-} |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.tsx | -
-
- |
- 100% | -3/3 | -100% | -0/0 | -100% | -1/1 | -100% | -3/3 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 | - - - - - - - - - - - - - -1x -6x - -5x - - - - - - - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {AppLayout, BreadcrumbGroup,} from "@cloudscape-design/components";
-import CustomHeader from "../navigation/header";
-import CustomSideNavigation from "../navigation/side-navigation";
-import {BrowserRouter} from "react-router-dom";
-import {useContext} from "react";
-import {UserContext} from "../context";
-import AppRouter from "../router";
-
-
-// Base layout for all pages in the app
-
-const CustomAppLayout = () => {
- const {breadCrumb} = useContext(UserContext)
-
- return (
- <div className={'full-layout'}>
- <CustomHeader/>
- <BrowserRouter>
- <AppLayout
- headerSelector={"#header"}
- navigation={<CustomSideNavigation/>}
- toolsHide={true}
- breadcrumbs={<BreadcrumbGroup items={breadCrumb}/>}
- content={AppRouter}
- />
- </BrowserRouter>
- </div>
-
- )
-}
-
-export default CustomAppLayout |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 | - - - - - - - - -1x - - - -1x - -6x - -5x -1x - -1x -1x - - - - - -5x - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import { TopNavigation, ButtonDropdownProps } from "@cloudscape-design/components";
-import { useContext } from "react";
-import { UserContext } from "../context";
-import Auth from '@aws-amplify/auth';
-
-
-const DOC_URL = "https://aws.amazon.com/solutions/implementations/network-orchestration-aws-transit-gateway/"
-
-// Custom header component
-// This component is used in the main layout to show the header of the app
-const CustomHeader = () => {
-
- const { user } = useContext(UserContext);
-
- const menuItemClick = async (props: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => {
- const id = props.detail.id;
-
- Eif(id === 'signout') {
- Auth.signOut().catch((error: Error) => {
- console.error(error)
- })
- }
- }
-
- return <TopNavigation
- identity={{
- title: '',
- href: '/',
- }}
- i18nStrings={{
- overflowMenuTriggerText: 'More',
- overflowMenuTitleText: 'All',
- }}
- utilities={[
- {
- type: "menu-dropdown",
- text: user != null ? user.username : "Unknown User",
- iconName: "user-profile",
- items: [
- {
- id: "document", text: "Documentation", href: DOC_URL,
- external: true,
- externalIconAriaLabel: " (opens in new tab)"
- },
- { id: "signout", text: "Sign out" }
- ],
- onItemClick: menuItemClick
- }
- ]}
- />
-}
-
-export default CustomHeader |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| header.tsx | -
-
- |
- 88.88% | -8/9 | -50% | -2/4 | -66.66% | -2/3 | -88.88% | -8/9 | -
| side-navigation.tsx | -
-
- |
- 100% | -9/9 | -50% | -1/2 | -100% | -2/2 | -100% | -9/9 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 | - - - - - - - -1x - - - - - - - -1x - -7x -7x - -7x - - -2x -2x -2x -2x - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {SideNavigation, SideNavigationProps} from "@cloudscape-design/components";
-import {useState} from "react";
-import {useNavigate} from "react-router-dom";
-
-
-const items: SideNavigationProps['items'] = [
- {type: 'link', text: 'Dashboard', href: '/'},
- {type: 'link', text: 'Action Items', href: '/action-items'},
-];
-
-
-// Custom side navigation component - this component is used in the main layout
-// It is used to show the side navigation of the app - it is used to navigate between dashboard and action items page
-const CustomSideNavigation = () => {
-
- const [currentPage, setCurrentPage] = useState<string>("/")
- const navigate = useNavigate();
-
- return (
- <SideNavigation
- onFollow={(event) => {
- Eif (!event.detail.external) {
- event.preventDefault();
- setCurrentPage(event.detail.href)
- navigate(event.detail.href);
- }
- }}
- activeHref={currentPage}
- header={{href: '/', text: 'Network Orchestration for AWS Transit Network Gateway'}}
- items={items}
- />
- )
-}
-
-export default CustomSideNavigation |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.tsx | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 | - - - - - - - - - - - - -1x - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {Route, Routes} from "react-router-dom";
-import Dashboard from "../../pages/dashboard";
-import ActionItems from "../../pages/action-items";
-import DashboardVersionHistory from "../../pages/version-history/index";
-
-
-// This is the router for the app
-// It is used to navigate between pages in the app
-
-
-const AppRouter = <Routes>
- <Route path="/" element={<Dashboard />} />
- <Route path="/dashboard" element={<Dashboard />} />
- <Route path="/dashboard/:subnetId/:vpcId" element={<DashboardVersionHistory />} />
- <Route path="/action-items" element={<ActionItems />} />
-</Routes>
-
-export default AppRouter |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 | - - - - - - - - - - - - - - - - - -4x - - - - - - - - - - - - - - - - - -4x - - - - -42x - - - -42x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -42x - -42x - - - - - - - - - -42x - - - - - - - - - - - - - - - - - - - - - -42x - -42x - - - - - - - - - - - - - - - -42x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -24x -24x -24x - - - - - -24x - - - - - - - - - - - - - - - - - - - - - - - -15x -15x -15x - - - - - -15x - - - - - - - - - - - - - - - - - - - - - - - - -3x -3x -3x - - - - - -3x - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {useCollection} from "@cloudscape-design/collection-hooks";
-import {Box, TableProps, TextFilter} from "@cloudscape-design/components";
-import Pagination from "@cloudscape-design/components/pagination";
-import {ReactElement, useState} from "react";
-import Table from "@cloudscape-design/components/table";
-import Header from "@cloudscape-design/components/header";
-import CollectionPreferences from "@cloudscape-design/components/collection-preferences";
-import {SortingState} from "@cloudscape-design/collection-hooks/dist/mjs/interfaces";
-
-export type TableState = {
- header: string,
- start: number,
- itemsPerPage: number
-}
-
-export const pageSizePreference = {
- title: "Items per page",
- options: [
- {
- value: 10,
- label: "10 items"
- },
- {
- value: 20,
- label: "20 items"
- },
- {
- value: 50,
- label: "50 items"
- }
- ]
-};
-
-export const createPagination = (
- tableState: TableState,
- setTableState: (t: TableState) => void,
- items: readonly any[]
-) =>
- <Pagination
- ariaLabels={{
- nextPageLabel: "Next page",
- previousPageLabel: "Previous page",
- pageLabel: (pageNumber) => `Page ${pageNumber}`
- }}
- currentPageIndex={tableState.start}
- pagesCount={Math.ceil(items.length / tableState.itemsPerPage)}
- onChange={(e) => {
- setTableState({
- ...tableState,
- start: e.detail.currentPageIndex
- });
- }}
- onNextPageClick={(e) => {
- setTableState({
- ...tableState,
- start: e.detail.requestedPageIndex
- });
- }}
- onPreviousPageClick={(e) => {
- setTableState({
- ...tableState,
- start: e.detail.requestedPageIndex
- });
- }}
- />;
-
-
-type AttachmentsResultTableProps = {
- className?: string,
- title: string,
- data: any[],
- loading: boolean,
- sorting: { defaultState?: SortingState<any> },
- headerVariant: any,
- tableVariant: TableProps.Variant,
- actions: React.ReactElement<any, string | React.JSXElementConstructor<any>>,
- columnDefinitions: Array<TableProps.ColumnDefinition<any>>
-
- onItemSelected?: (item: any) => void,
-
- selectedItems?: [any],
-
- selectionMode?: TableProps.SelectionType,
-
- onRowClick?: (item: any) => void
-};
-
-export function AttachmentsResultTable(props: AttachmentsResultTableProps) {
- const {
- className,
- title,
- data,
- loading,
- sorting,
- headerVariant,
- tableVariant,
- actions,
- columnDefinitions
- } = props;
-
- const [tableState, setTableState] = useState<TableState>({
- header: title,
- start: 1,
- itemsPerPage: 20
- });
-
- const {
- items,
- filterProps,
- collectionProps
- } = useCollection(data, {
- filtering: {
- empty: (
- <Box textAlign='center' color='inherit'>
- <b>No resources</b>
- <Box padding={{bottom: 's'}} variant='p' color='inherit'>
- No resources to display.
- </Box>
- </Box>
- ),
- noMatch: (
- <Box textAlign='center' color='inherit'>
- <b>No match</b>
- <Box padding={{bottom: 's'}} variant='p' color='inherit'>
- No resources matched.
- </Box>
- </Box>
- ),
- },
- sorting: sorting,
- });
-
- const pagination = createPagination(tableState, setTableState, items);
-
- const preferences = <CollectionPreferences
- title="Preferences"
- pageSizePreference={pageSizePreference}
- preferences={{
- pageSize: tableState.itemsPerPage
- }}
- onConfirm={(e) => {
- setTableState({
- ...tableState,
- itemsPerPage: e.detail.pageSize || 20
- });
- }}
- confirmLabel="Confirm"
- cancelLabel="Cancel"
- />;
-
- return <Table
- {...collectionProps}
- header={<Header variant={headerVariant} actions={actions}
- counter={`(${items.length})`}>{tableState.header}</Header>}
- variant={tableVariant}
- loading={loading}
- onSelectionChange={(e) => {
- if (props.onItemSelected) {
- props.onItemSelected(e.detail.selectedItems);
- }
- }}
- onRowClick={(e) => {
- if (props.onRowClick) {
- props.onRowClick(e.detail.item);
- }
- }}
- selectedItems={props.selectedItems ? props.selectedItems : []}
- loadingText={'Loading resources'}
- className={className || ""}
- stickyHeader={true}
- selectionType={props.selectionMode ? props.selectionMode : undefined}
- resizableColumns={true}
- filter={
- <TextFilter {...filterProps} filteringPlaceholder="Find resources"/>
- }
- preferences={
- preferences
- }
- pagination={pagination}
- columnDefinitions={columnDefinitions}
- items={items.slice(
- (tableState.start - 1) * tableState.itemsPerPage,
- tableState.start * tableState.itemsPerPage
- )}
- wrapLines={true}
- ></Table>
-}
-
-export function DashboardResultTable({className, title, data, loading, actions, columnDefinitions, defaultSorting, onRowClick}: {
- className: string,
- title: string,
- data: any[],
- loading: boolean,
- actions: ReactElement,
- columnDefinitions: Array<TableProps.ColumnDefinition<any>>,
- defaultSorting?: TableProps.SortingState<any>,
- onRowClick?: (item: any) => void
-}) {
-
- const tableVariant = "full-page";
- const headerVariant = "awsui-h1-sticky";
- const sorting = {
- defaultState: defaultSorting || {
- sortingColumn: {sortingField: 'RequestTimeStamp'},
- isDescending: true
- }
- };
- return AttachmentsResultTable({
- className,
- title,
- data,
- loading,
- sorting,
- headerVariant,
- tableVariant,
- actions,
- columnDefinitions,
- onRowClick
- });
-}
-
-export function ActionItemResultTable({title, data, loading, actions, columnDefinitions, onItemSelected,selectedItems}: {
- title: string,
- data: any[],
- loading: boolean,
- actions: ReactElement,
- columnDefinitions: Array<TableProps.ColumnDefinition<any>>,
- onItemSelected: (item: any) => void,
- selectedItems?: [any]
-}) {
-
- const tableVariant = "full-page";
- const headerVariant = "awsui-h1-sticky";
- const sorting = {
- defaultState: {
- sortingColumn: {sortingField: 'RequestTimeStamp'},
- isDescending: true
- }
- };
- return AttachmentsResultTable({
- title,
- data,
- loading,
- sorting,
- headerVariant,
- tableVariant,
- actions,
- columnDefinitions,
- onItemSelected,
- selectedItems,
- selectionMode: 'single'
- });
-}
-
-
-export function VersionHistoryResultTable({title, data, loading, actions, columnDefinitions, defaultSorting}: {
- title: string,
- data: any[],
- loading: boolean,
- actions: ReactElement,
- columnDefinitions: Array<TableProps.ColumnDefinition<any>>,
- defaultSorting?: TableProps.SortingState<any>
-}) {
-
- const tableVariant = "full-page";
- const headerVariant = "awsui-h1-sticky";
- const sorting = {
- defaultState: defaultSorting || {
- sortingColumn: {sortingField: 'RequestTimeStamp'},
- isDescending: true
- }
- };
- return AttachmentsResultTable({
- title,
- data,
- loading,
- sorting,
- headerVariant,
- tableVariant,
- actions,
- columnDefinitions
- });
-} |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 | - - -4x - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - - -10x - - - - | import {TableProps} from "@cloudscape-design/components";
-import {CommonItem} from "../../types/CommonItem";
-
-export const columnDefinitions: Array<TableProps.ColumnDefinition<CommonItem>> = [
- {
- header: "Request Time",
- cell: ({RequestTimeStamp}) => RequestTimeStamp,
- sortingField: 'RequestTimeStamp',
- minWidth: 200,
- },
- {
- header: "Tag Event Source",
- cell: ({TagEventSource}) => TagEventSource,
- sortingField: 'TagEventSource',
- minWidth: 200,
- },
- {
- header: "Spoke Account",
- cell: ({AWSSpokeAccountId}) => AWSSpokeAccountId,
- sortingField: 'AWSSpokeAccountId',
- minWidth: 180,
- },
- {
- header: 'VPC Id',
- cell: ({VpcId}) => VpcId,
- sortingField: 'VpcId',
- minWidth: 205,
- },
- {
- header: 'VPC CIDR',
- cell: ({VpcCidr}) => VpcCidr,
- sortingField: 'VpcCidr',
- minWidth: 150,
- },
- {
- header: "Subnet Id",
- cell: ({SubnetId}) => SubnetId,
- sortingField: 'SubnetId',
- minWidth: 230,
- },
- {
- header: "Availability Zone",
- cell: ({AvailabilityZone}) => AvailabilityZone,
- sortingField: 'AvailabilityZone',
- minWidth: 180,
- },
- {
- header: 'Status',
- cell: ({Status}) => Status,
- sortingField: 'Status',
- minWidth: 130,
- },
- {
- header: 'Comment',
- cell: ({Comment}) => Comment,
- sortingField: 'Comment',
- minWidth: 200,
- },
- {
- header: "Association Route Table",
- cell: ({AssociationRouteTable}) => AssociationRouteTable,
- sortingField: 'AssociationRouteTable',
- minWidth: 220,
- },
- {
- header: "Propagation Route Table",
- cell: ({PropagationRouteTablesString}) => PropagationRouteTablesString,
- sortingField: 'PropagationRouteTablesString',
- minWidth: 230,
- },
- {
- header: "Response Time",
- cell: ({ResponseTimeStamp}) => ResponseTimeStamp,
- sortingField: 'ResponseTimeStamp',
- minWidth: 220,
- },
- {
- header: "Transit Gateway Id",
- cell: ({TgwId}) => TgwId,
- sortingField: 'TgwId',
- minWidth: 220,
- },
- ]; |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| ApplicationResultTable.tsx | -
-
- |
- 73.33% | -22/30 | -62.5% | -10/16 | -50% | -6/12 | -73.33% | -22/30 | -
| ColumnDefinitions.ts | -
-
- |
- 100% | -14/14 | -100% | -0/0 | -100% | -13/13 | -100% | -14/14 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 | - - -3x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-const data = {
- dashboardItem1: {
- "AWSSpokeAccountId": "111122223333",
- "Action": "None",
- "AdminAction": null,
- "AvailabilityZone": "None",
- "Comment": "None",
- "RequestTimeStamp": "2022-12-02T19:47:52Z",
- "ResponseTimeStamp": "2022-12-02T19:47:53Z",
- "Status": "rejected",
- "SubnetId": "vpc-xyz",
- "AssociationRouteTable": null,
- "PropagationRouteTablesString": "None",
- "TagEventSource": "vpc",
- "TgwId": "tgw-abc",
- "TimeToLive": 1677786472,
- "UserId": "StateMachine",
- "Version": "latest",
- "VpcCidr": "312.0.0.0/24",
- "VpcId": "vpc-dashboardItem1"
- },
- dashboardItem2: {
- "AWSSpokeAccountId": "111122223333",
- "Action": "None",
- "AdminAction": null,
- "AvailabilityZone": "None",
- "Comment": "None",
- "RequestTimeStamp": "2022-12-02T19:41:47Z",
- "ResponseTimeStamp": "2022-12-02T19:41:48Z",
- "Status": "auto-approved",
- "SubnetId": "vpc-xyz",
- "AssociationRouteTable": null,
- "PropagationRouteTablesString": "None",
- "TagEventSource": "vpc",
- "TgwId": "tgw-abc",
- "TimeToLive": 1677786107,
- "UserId": "StateMachine",
- "Version": "latest",
- "VpcCidr": "312.0.0.0/16",
- "VpcId": "vpc-dashboardItem2"
- },
- actionItem1: {
- "AWSSpokeAccountId": "111122223333",
- "Action": "None",
- "AdminAction": null,
- "AvailabilityZone": "us-east-1f",
- "Comment": "An error occurred (InvalidTransitGatewayID.NotFound) when calling the CreateTransitGatewayVpcAttachment operation: Transit Gateway tgw-01c773291e6197de1 was deleted or does not exist.",
- "RequestTimeStamp": "2022-12-02T20:47:49Z",
- "ResponseTimeStamp": "2022-12-02T20:48:30Z",
- "Status": "failed",
- "SubnetId": "subnet-03890c9844a719bbb",
- "AssociationRouteTable": null,
- "PropagationRouteTablesString": "None",
- "TagEventSource": "subnet",
- "TgwId": "tgw-01c773291e6197de1",
- "TimeToLive": 1677790069,
- "UserId": "StateMachine",
- "Version": "latest",
- "VpcCidr": "312.0.0.0/16",
- "VpcId": "vpc-actionItem1"
- },
- actionItem2: {
- "AWSSpokeAccountId": "444455556666",
- "Action": "None",
- "AdminAction": null,
- "AvailabilityZone": "None",
- "Comment": "None",
- "RequestTimeStamp": "2022-12-02T21:00:32Z",
- "ResponseTimeStamp": "2022-12-02T21:00:34Z",
- "Status": "requested",
- "SubnetId": "vpc-0c7881305e09a5c16",
- "AssociationRouteTable": "isolated",
- "PropagationRouteTablesString": "on-premises",
- "TagEventSource": "vpc",
- "TgwId": "tgw-01c773291e6197de1",
- "TimeToLive": 1677790832,
- "UserId": "StateMachine",
- "Version": "latest",
- "VpcCidr": "312.0.0.0/16",
- "VpcId": "vpc-actionItem2"
- }
-};
-
-export default data; |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| TestData.ts | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| mutation.ts | -
-
- |
- 100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -
| queries.ts | -
-
- |
- 100% | -3/3 | -100% | -0/0 | -100% | -0/0 | -100% | -3/3 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 | - -2x - - - - - - - - - - - - - - - - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-export const updateTransitNetworkOrchestratorTable : string = `mutation UpdateTransitNetworkOrchestratorTable(
- $input: UpdateTransitNetworkOrchestratorTableInput!
- ) {
- updateTransitNetworkOrchestratorTable(input: $input) {
- AWSSpokeAccountId
- Action
- AdminAction
- AvailabilityZone
- Comment
- GraphQLTimeStamp
- RequestTimeStamp
- ResponseTimeStamp
- Status
- SubnetId
- AssociationRouteTable
- PropagationRouteTablesString
- TagEventSource
- TgwId
- TimeToLive
- UserId
- Version
- VpcCidr
- VpcId
- }
- }
- `;
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 | - - -4x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -4x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -4x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // eslint-disable
-// this is an auto generated file. This will be overwritten
-
-export const getActionItemsFromTransitNetworkOrchestratorTables: string = `query GetActionItemsFromTransitNetworkOrchestratorTables(
- $filter: TableTransitNetworkOrchestratorTableDashboardActionItemsFilterInput
- $limit: Int
- $nextToken: String
- ) {
- getActionItemsFromTransitNetworkOrchestratorTables(
- filter: $filter
- limit: $limit
- nextToken: $nextToken
- ) {
- items {
- AWSSpokeAccountId
- Action
- AdminAction
- AvailabilityZone
- Comment
- RequestTimeStamp
- ResponseTimeStamp
- Status
- SubnetId
- AssociationRouteTable
- PropagationRouteTablesString
- TagEventSource
- TgwId
- TimeToLive
- UserId
- Version
- VpcCidr
- VpcId
- }
- nextToken
- }
- }
- `;
-export const getDashboardItemsFromTransitNetworkOrchestratorTables: string = `query getDashboardItemsFromTransitNetworkOrchestratorTables(
- $filter: TableTransitNetworkOrchestratorTableDashboardActionItemsFilterInput
- $limit: Int
- $nextToken: String
- ) {
- getDashboardItemsFromTransitNetworkOrchestratorTables(
- filter: $filter
- limit: $limit
- nextToken: $nextToken
- ) {
- items {
- AWSSpokeAccountId
- Action
- AdminAction
- AvailabilityZone
- Comment
- RequestTimeStamp
- ResponseTimeStamp
- Status
- SubnetId
- AssociationRouteTable
- PropagationRouteTablesString
- TagEventSource
- TgwId
- TimeToLive
- UserId
- Version
- VpcCidr
- VpcId
- }
- nextToken
- }
- }
- `;
-export const getVersionHistoryForSubnetFromTransitNetworkOrchestratorTables = `query GetVersionHistoryForSubnetFromTransitNetworkOrchestratorTables(
- $filter: TableTransitNetworkOrchestratorTableVersionHistoryFilterInput
- $limit: Int
- $nextToken: String
- ) {
- getVersionHistoryForSubnetFromTransitNetworkOrchestratorTables(
- filter: $filter
- limit: $limit
- nextToken: $nextToken
- ) {
- items {
- AWSSpokeAccountId
- Action
- AdminAction
- AvailabilityZone
- Comment
- RequestTimeStamp
- ResponseTimeStamp
- Status
- SubnetId
- AssociationRouteTable
- PropagationRouteTablesString
- TagEventSource
- TgwId
- TimeToLive
- UserId
- Version
- VpcCidr
- VpcId
- }
- nextToken
- }
- }
- `;
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 | - - - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App'
-import { UserContextProvider } from './components/context'
-import './index.css'
-
-ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
- <UserContextProvider>
- <App/>
- </UserContextProvider>)
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.tsx | -
-
- |
- 57.57% | -19/33 | -27.27% | -3/11 | -33.33% | -4/12 | -59.37% | -19/32 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 | - - - - - - - - - - - - - -2x -17x -17x -16x -16x -16x - -16x -16x -7x -7x - - - - - -6x - -6x - - -16x - - - - -16x - - - - - - - - - - - - - - - - - - - - - - -16x -6x -6x - - - - -16x - - - - - - - - - - - - - - - - - - - - - - - - - - -1x - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import React, {useContext, useEffect, useState} from "react";
-import {Button, ButtonDropdown, SpaceBetween} from "@cloudscape-design/components";
-import {API, graphqlOperation} from "aws-amplify";
-import {getActionItemsFromTransitNetworkOrchestratorTables} from "../../graphql/queries";
-import {CommonItem} from "../../types/CommonItem";
-import {UserContext} from "../../components/context";
-import {updateTransitNetworkOrchestratorTable} from "../../graphql/mutation";
-import {ActionItemResultTable} from "../../components/table/ApplicationResultTable";
-import {columnDefinitions} from "../../components/table/ColumnDefinitions";
-
-
-const ActionItems = () => {
- const {setBreadCrumb, user} = useContext(UserContext)
- const [actionItems, setActionItems] = useState<CommonItem[]>([])
- const [selectedItems, setSelectedItems] = useState<CommonItem[]>([])
- const [isLoading, setLoading] = useState<boolean>(false)
- const [isActionVisible, setActionVisible] = useState<boolean>(false)
-
- const groups = user?.signInUserSession?.idToken?.payload["cognito:groups"] || ["none"];
- const loadActionItems = async () => {
- setLoading(true)
- const result = await API.graphql(
- graphqlOperation(getActionItemsFromTransitNetworkOrchestratorTables)
- )
-
-
- // @ts-ignore
- setActionItems(result['data']['getActionItemsFromTransitNetworkOrchestratorTables']['items'] as CommonItem[])
-
- setLoading(false)
- }
-
- const onSelectItems = (item: CommonItem[]) => {
- item.find((item) => item.Status === 'processing') ? setActionVisible(false) : setActionVisible(true)
- setSelectedItems(item)
- }
-
- const updateOperation = async (type: string) => {
- const currentTimeStamp = new Date();
- const UTCTimeStamp = currentTimeStamp.toISOString();
-
- const input = {
- SubnetId: selectedItems![0].SubnetId,
- Version: "latest",
- Status: "processing",
- UserId: user.username,
- GraphQLTimeStamp: UTCTimeStamp,
- AdminAction: type,
- };
-
-
- await API.graphql(
- graphqlOperation(updateTransitNetworkOrchestratorTable, {input})
- );
-
- loadActionItems().catch((error) => {
- console.log(error)
- })
- }
-
- useEffect(() => {
- setBreadCrumb([])
- loadActionItems().catch((error) => {
- console.log(error)
- })
- }, [setBreadCrumb])
-
- return <ActionItemResultTable
- title={"Action Items"}
- data={actionItems}
- loading={isLoading}
- actions={
- <SpaceBetween size={"s"} direction="horizontal">
- {isActionVisible && groups.indexOf("AdminGroup") !== -1 &&
- <ButtonDropdown
- onItemClick={(e) => {
- if (e.detail.id === "approve") {
- updateOperation("accept").catch((_) => {
- })
- }
-
- if (e.detail.id === "reject") {
- updateOperation("reject").then((_) => {
- })
- }
- }}
- items={[
- {text: "Approve", id: "approve", disabled: false},
- {text: "Reject", id: "reject", disabled: false},
- ]}
- >
- Action
- </ButtonDropdown>
- }
- <Button iconName={"refresh"} onClick={() => loadActionItems()}>Refresh</Button>
- </SpaceBetween>
- }
- columnDefinitions={columnDefinitions}
- selectedItems={selectedItems as [any]}
- onItemSelected={onSelectItems}
- />
-
-
-}
-
-export default ActionItems |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.tsx | -
-
- |
- 80% | -16/20 | -100% | -0/0 | -50% | -3/6 | -80% | -16/20 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 | - - - - - - - - - - - - -2x - -25x -24x -24x - -24x -24x -9x -9x -9x - - - - -8x -8x - - - -24x -8x -8x - - - - -24x - - - - - -24x - - - - - - - - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {useContext, useEffect, useState} from "react";
-import {Button} from "@cloudscape-design/components";
-import {getDashboardItemsFromTransitNetworkOrchestratorTables} from "../../graphql/queries";
-
-import {API, graphqlOperation} from 'aws-amplify';
-import {UserContext} from "../../components/context";
-import {DashboardResultTable } from "../../components/table/ApplicationResultTable";
-import { useNavigate} from 'react-router-dom';
-import { CommonItem } from "../../types/CommonItem";
-import {columnDefinitions} from "../../components/table/ColumnDefinitions";
-const Dashboard = () => {
-
- const {setBreadCrumb} = useContext(UserContext)
- const [isLoading,setLoading] = useState<boolean>(false)
- const navigate = useNavigate();
-
- const [dashboardItem, setDashboardItem] = useState<CommonItem[]>([])
- const getDashboardItems = async () => {
- setLoading(true)
- setDashboardItem([])
- const result = await API.graphql(
- graphqlOperation(getDashboardItemsFromTransitNetworkOrchestratorTables)
- )
-
- // @ts-ignore
- setDashboardItem(result['data']['getDashboardItemsFromTransitNetworkOrchestratorTables']['items'] as CommonItem[]);
- setLoading(false);
- }
-
-
- useEffect(() => {
- setBreadCrumb([])
- getDashboardItems().catch((e) => {
- console.log(e)
- })
- }, [])
-
- const onRowClick = (item: CommonItem) => {
- // @ts-ignore
- navigate(`/dashboard/${item.SubnetId}/${item.VpcId}`)
- }
-
-
- return <DashboardResultTable
- className={"clickable-table"}
- title={"Dashboard"}
- data={dashboardItem}
- loading={isLoading}
- actions={
- <Button iconName="refresh" onClick={getDashboardItems}>
- Refresh
- </Button>
- }
- columnDefinitions={columnDefinitions}
- onRowClick={(item) => {
- console.log(item)
- onRowClick(item as CommonItem)
- }}
- />
-}
-
-export default Dashboard |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.tsx | -
-
- |
- 93.75% | -15/16 | -50% | -1/2 | -75% | -3/4 | -100% | -15/15 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 | - - - - - - - - - - - - - -2x - -3x -3x -3x -3x - -3x -1x -1x - - - - - - -1x -1x - - - -3x - - - - - -3x -1x -1x - - - -3x - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-import {useContext, useEffect, useState} from "react";
-import {BreadcrumbGroupProps} from "@cloudscape-design/components";
-import {useParams} from "react-router-dom";
-import {UserContext} from "../../components/context";
-import {VersionHistoryResultTable} from "../../components/table/ApplicationResultTable";
-import {API, graphqlOperation} from "aws-amplify";
-import {getVersionHistoryForSubnetFromTransitNetworkOrchestratorTables} from "../../graphql/queries";
-import { CommonItem } from "../../types/CommonItem";
-import {columnDefinitions} from "../../components/table/ColumnDefinitions";
-
-
-const DashboardVersionHistory = () => {
-
- const {setBreadCrumb} = useContext(UserContext)
- const {subnetId, vpcId} = useParams();
- const [versionHistory, setVersionHistory] = useState<CommonItem[]>([])
- const [isLoading,setLoading] = useState<boolean>(false)
-
- const getVersionHistory = async (subnetId?: string) => {
- setLoading(true)
- const result = await API.graphql(
- graphqlOperation(getVersionHistoryForSubnetFromTransitNetworkOrchestratorTables, {
- "filter": {"SubnetId": {"eq": subnetId}, "Version": {"ne": "latest"}}
- }
- )
- )
- // @ts-ignore
- setVersionHistory(result['data']['getVersionHistoryForSubnetFromTransitNetworkOrchestratorTables']['items'] as CommonItem[])
- setLoading(false)
- }
-
-
- const breadcrumbs: BreadcrumbGroupProps.Item[] = [
- {text: 'Dashboard', href: '/dashboard'},
- {text: vpcId || "", href: '/dashboard/' + subnetId + '/' + vpcId},
- ];
-
-
- useEffect(() => {
- setBreadCrumb(breadcrumbs)
- getVersionHistory(subnetId).catch(e => console.error(e))
- }, [])
-
-
- return <VersionHistoryResultTable
- title={"Version History"}
- data={versionHistory}
- loading={isLoading}
- actions={<></>}
- columnDefinitions={columnDefinitions}
- />
-}
-
-export default DashboardVersionHistory |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 | - - - - - - - - - - - - - - - - - - - - - - - | // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-
-export type CommonItem = {
- AWSSpokeAccountId: string;
- Action: string;
- AdminAction: string;
- AvailabilityZone: string;
- Comment: string;
- RequestTimeStamp: string;
- ResponseTimeStamp: string;
- Status: string;
- SubnetId: string;
- AssociationRouteTable: string;
- PropagationRouteTablesString: string;
- TagEventSource: string;
- TgwId: string;
- TimeToLive: number;
- UserId: string;
- Version: string;
- VpcCidr: string;
- VpcId: string;
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| CommonItem.ts | -
-
- |
- 0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -