adds overview page to pbench dashboard

Author: Anisha1234

config/router.config.js

@@ -95,6 +95,11 @@ module.exports = [
             exact: true,
             component: './Profile',
           },
+          {
+            path: '/private/overview',
+            name: 'overview',
+            component: './Overview',
+          },
         ],
       },
     ],

mock/overview.js

@@ -0,0 +1,77 @@
+export const expirationLimit = 30;
+
+// P.S: the key needs to be unique for this object
+export const resultData = [
+  {
+    key: 1,
+    result: ['mock result -1', 'example.lab.eng.com'],
+    end: '2020-09-10T 11:52:34.552478',
+    deletion: '2020-10-10T11:52:34.552478',
+    seen: false,
+    description: 'More content can be added here',
+  },
+  {
+    key: 2,
+    result: ['mock result -2', ' example.lab.eng.com'],
+    end: '2020-10-10T11:52:34.552478',
+    deletion: '2020-11-10T11:52:34.552478',
+    seen: false,
+    description: 'More content can be added here',
+  },
+  {
+    key: 3,
+    result: ['mock result -3', ' example.lab.eng.com'],
+    end: '2020-11-10T11:52:34.552478',
+    deletion: '2020-12-10T11:52:34.552478',
+    seen: false,
+    description: 'More content can be added here',
+  },
+  {
+    key: 4,
+    result: ['mock result -4', ' example.lab.eng.com'],
+    end: '2020-11-10T11:52:34.552478',
+    deletion: '2020-12-13T11:52:34.552478',
+    seen: false,
+    description: 'More content can be added here',
+  },
+  {
+    key: 5,
+    result: ['mock result -5', 'example.lab.eng.com'],
+    end: '2020-12-10T11:52:34.552478',
+    deletion: '2021-01-10T11:52:34.552478',
+    seen: true,
+    description: 'More content can be added here',
+  },
+  {
+    key: 6,
+    result: ['mock result -6', ' example.lab.eng.com'],
+    end: '2020-12-10T11:52:34.552478',
+    deletion: '2021-01-10T11:52:34.552478',
+    seen: true,
+    description: 'More content can be added here',
+  },
+  {
+    key: 7,
+    result: ['mock result -7', ' example.lab.eng.com'],
+    end: '2021-01-10T11:52:34.552478',
+    deletion: '2021-02-10T11:52:34.552478',
+    seen: true,
+    description: 'More content can be added here',
+  },
+  {
+    key: 8,
+    result: ['mock result -8', ' example.lab.eng.com'],
+    end: '2021-01-10T11:52:34.552478',
+    deletion: '2021-02-10T11:52:34.552478',
+    seen: true,
+    description: 'More content can be added here',
+  },
+  {
+    key: 9,
+    result: ['mock result -9', ' example.lab.eng.com'],
+    end: '2021-01-20T11:52:34.552478',
+    deletion: '2021-02-20T11:52:34.552478',
+    seen: true,
+    description: 'More content can be added here',
+  },
+];

src/common/menu.js

@@ -2,7 +2,8 @@ import { isUrl } from '../utils/utils';
 
 const menuData = [
   {
-    name: 'Dashboard',
+    name: 'Overview',
+    icon: 'dashboard',
     path: '/private',
     routes: [
       {
@@ -27,6 +28,11 @@ const menuData = [
       },
     ],
   },
+  {
+    name: 'Controllers',
+    icon: 'controllers',
+    path: '/',
+  },
   {
     name: 'Search',
     path: '/search',

src/components/LoginHint/index.js

@@ -7,7 +7,7 @@ import { Title, Button } from '@patternfly/react-core';
   store,
   auth: auth.auth,
 }))
-class Overview extends Component {
+class LoginHint extends Component {
   navigateToAuth = () => {
     const { dispatch } = this.props;
     dispatch(routerRedux.push(`/auth`));
@@ -33,4 +33,4 @@ class Overview extends Component {
   }
 }
 
-export default Overview;
+export default LoginHint;

src/components/LoginModal/index.js

@@ -0,0 +1,91 @@
+import React from 'react';
+import {
+  Modal,
+  ModalVariant,
+  Button,
+  TextContent,
+  Text,
+  TextVariants,
+} from '@patternfly/react-core';
+import { routerRedux } from 'dva/router';
+import { connect } from 'dva';
+
+@connect(auth => ({
+  auth: auth.auth,
+}))
+class LoginModal extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      isModalOpen: false,
+    };
+  }
+
+  componentDidMount() {
+    this.handleModalToggle();
+  }
+
+  handleModalToggle = () => {
+    this.setState(({ isModalOpen }) => ({
+      isModalOpen: !isModalOpen,
+    }));
+  };
+
+  handleModalCancel = () => {
+    const { dispatch } = this.props;
+    this.setState(({ isModalOpen }) => ({
+      isModalOpen: !isModalOpen,
+    }));
+    dispatch(routerRedux.push(`/`));
+  };
+
+  handleLoginModal = () => {
+    const { dispatch } = this.props;
+    this.setState(({ isModalOpen }) => ({
+      isModalOpen: !isModalOpen,
+    }));
+    dispatch(routerRedux.push(`/auth`));
+  };
+
+  handleSignupModal = () => {
+    const { dispatch } = this.props;
+    this.setState(({ isModalOpen }) => ({
+      isModalOpen: !isModalOpen,
+    }));
+    dispatch(routerRedux.push(`/signup`));
+  };
+
+  render() {
+    const { isModalOpen } = this.state;
+
+    return (
+      <React.Fragment>
+        <Modal
+          variant={ModalVariant.small}
+          isOpen={isModalOpen}
+          onClose={this.handleModalCancel}
+          showClose="false"
+          actions={[
+            <Button key="confirm" variant="primary" onClick={this.handleLoginModal}>
+              Login
+            </Button>,
+            <Button key="confirm" variant="link" onClick={this.handleSignupModal}>
+              Signup
+            </Button>,
+            <Button key="cancel" variant="link" onClick={this.handleModalCancel}>
+              Cancel
+            </Button>,
+          ]}
+        >
+          <TextContent>
+            <Text component={TextVariants.h4}>
+              This action requires login. Please login to Pbench Dashboard to continue.
+            </Text>
+          </TextContent>
+        </Modal>
+      </React.Fragment>
+    );
+  }
+}
+
+export default LoginModal;

src/e2e/search.e2e.js

@@ -13,7 +13,7 @@ beforeAll(async () => {
   await page.goto('http://localhost:8000/dashboard/');
 
   await page.click('#nav-toggle > svg');
-  await page.click('#page-sidebar > div > nav > ul > li:nth-child(2) > a');
+  await page.click('#page-sidebar > div > nav > ul > li:nth-child(3) > a');
   await page.click('#nav-toggle > svg');
 
   // Intercept network requests