foreman_rh_cloud 0.9.4

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/__snapshots__/DashboardReducer.test.js.snap

@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard reducer should handle INVENTORY_POLLING 1`] = `
+Object {
+  "some-account-ID": Object {
+    "uploads": Object {
+      "error": null,
+      "logs": Array [
+        "some-logs...",
+      ],
+      "scheduled": "2019-08-21T16:14:16.520+03:00",
+    },
+  },
+}
+`;
+
+exports[`Dashboard reducer should handle INVENTORY_POLLING_ERROR 1`] = `
+Object {
+  "some-account-ID": Object {
+    "uploads": Object {
+      "error": "some-error",
+    },
+  },
+}
+`;
+
+exports[`Dashboard reducer should handle INVENTORY_POLLING_START 1`] = `
+Object {
+  "some-account-ID": Object {
+    "activeTab": "generating",
+    "pollingProcessID": 1,
+  },
+}
+`;
+
+exports[`Dashboard reducer should handle INVENTORY_TAB_CHANGED 1`] = `
+Object {
+  "some-account-ID": Object {
+    "activeTab": "uploads",
+  },
+}
+`;
+
+exports[`Dashboard reducer should return the initial state 1`] = `Object {}`;

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/__snapshots__/DashboardSelectors.test.js.snap

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard selectors should return Dashboard 1`] = `
+Object {
+  "activeTab": "uploads",
+  "generating": Object {
+    "completed": 25,
+    "logs": Array [
+      "some-logs...",
+    ],
+  },
+  "pollingProcessID": 1,
+  "uploading": Object {
+    "completed": 25,
+    "logs": Array [
+      "some-logs...",
+    ],
+  },
+}
+`;
+
+exports[`Dashboard selectors should return Dashboard activeTab 1`] = `"uploads"`;
+
+exports[`Dashboard selectors should return Dashboard generating 1`] = `
+Object {
+  "completed": 25,
+  "logs": Array [
+    "some-logs...",
+  ],
+}
+`;
+
+exports[`Dashboard selectors should return Dashboard pollingProcessID 1`] = `1`;
+
+exports[`Dashboard selectors should return Dashboard uploading 1`] = `
+Object {
+  "completed": 25,
+  "logs": Array [
+    "some-logs...",
+  ],
+}
+`;

data/webpack/ForemanInventoryUpload/Components/Dashboard/index.js

@@ -0,0 +1,34 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import * as actions from './DashboardActions';
+import { restartProcess } from '../AccountList/AccountListActions';
+import reducer from './DashboardReducer';
+
+import Dashboard from './Dashboard';
+import {
+  selectUploading,
+  selectGenerating,
+  selectPollingProcessID,
+  selectActiveTab,
+  selectShowFullScreen,
+} from './DashboardSelectors';
+
+// map state to props
+const mapStateToProps = (state, { accountID }) => ({
+  uploading: selectUploading(state, accountID),
+  generating: selectGenerating(state, accountID),
+  pollingProcessID: selectPollingProcessID(state, accountID),
+  activeTab: selectActiveTab(state, accountID),
+  showFullScreen: selectShowFullScreen(state, accountID),
+});
+
+// map action dispatchers to props
+const mapDispatchToProps = dispatch =>
+  bindActionCreators({ ...actions, restartProcess }, dispatch);
+
+// export reducers
+export const reducers = { dashboard: reducer };
+
+// export connected component
+export default connect(mapStateToProps, mapDispatchToProps)(Dashboard);

data/webpack/ForemanInventoryUpload/Components/FileDownload/FileDownload.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { noop, Grid, Button, Icon } from 'patternfly-react';
+import './fileDownload.scss';
+
+const FileDownload = ({ onClick }) => (
+  <Grid.Col sm={12}>
+    <Button onClick={onClick} className="download-button">
+      Download Report <Icon name="download" />
+    </Button>
+  </Grid.Col>
+);
+
+FileDownload.propTypes = {
+  onClick: PropTypes.func,
+};
+
+FileDownload.defaultProps = {
+  onClick: noop,
+};
+
+export default FileDownload;

data/webpack/ForemanInventoryUpload/Components/FileDownload/__tests__/FileDownload.test.js

@@ -0,0 +1,13 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import FileDownload from '../FileDownload';
+
+const fixtures = {
+  'render without Props': {},
+  /** fixtures, props for the component */
+};
+
+describe('FileDownload', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(FileDownload, fixtures));
+});

data/webpack/ForemanInventoryUpload/Components/FileDownload/__tests__/__snapshots__/FileDownload.test.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FileDownload rendering render without Props 1`] = `
+<Col
+  bsClass="col"
+  componentClass="div"
+  sm={12}
+>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    className="download-button"
+    disabled={false}
+    onClick={[Function]}
+  >
+    Download Report 
+    <Icon
+      name="download"
+      type="fa"
+    />
+  </Button>
+</Col>
+`;

data/webpack/ForemanInventoryUpload/Components/FileDownload/fileDownload.scss

@@ -0,0 +1,3 @@
+button {
+  float: right;
+}

data/webpack/ForemanInventoryUpload/Components/FileDownload/index.js

@@ -0,0 +1 @@
+export { default } from './FileDownload';

data/webpack/ForemanInventoryUpload/Components/FullScreenModal/FullScreenModal.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Modal, Icon, noop } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import Terminal from '../Terminal';
+import './fullScreenModal.scss';
+
+const FullScreenModal = ({
+  showFullScreen,
+  toggleFullScreen,
+  terminalProps,
+}) => (
+  <Modal show={showFullScreen} onHide={toggleFullScreen}>
+    <Modal.Header>
+      <button
+        className="close"
+        onClick={toggleFullScreen}
+        aria-hidden="true"
+        aria-label="Close"
+      >
+        <Icon type="pf" name="close" />
+      </button>
+      <Modal.Title>{__('Full Screen')}</Modal.Title>
+    </Modal.Header>
+    <Modal.Body>
+      <Terminal autoScroll={false} {...terminalProps} />
+    </Modal.Body>
+  </Modal>
+);
+
+FullScreenModal.propTypes = {
+  showFullScreen: PropTypes.bool,
+  toggleFullScreen: PropTypes.func,
+  terminalProps: PropTypes.shape({
+    exitCode: PropTypes.string,
+    logs: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.string,
+    ]),
+    error: PropTypes.string,
+  }),
+};
+
+FullScreenModal.defaultProps = {
+  showFullScreen: false,
+  toggleFullScreen: noop,
+  terminalProps: {},
+};
+
+export default FullScreenModal;

data/webpack/ForemanInventoryUpload/Components/FullScreenModal/__tests__/FullScreenModal.test.js

@@ -0,0 +1,13 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import FullScreenModal from '../FullScreenModal';
+
+const fixtures = {
+  'render without Props': {},
+  /** fixtures, props for the component */
+};
+
+describe('FullScreenModal', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(FullScreenModal, fixtures));
+});

data/webpack/ForemanInventoryUpload/Components/FullScreenModal/__tests__/__snapshots__/FullScreenModal.test.js.snap

@@ -0,0 +1,64 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FullScreenModal rendering render without Props 1`] = `
+<Modal
+  animation={true}
+  autoFocus={true}
+  backdrop={true}
+  bsClass="modal"
+  dialogComponentClass={[Function]}
+  enforceFocus={true}
+  keyboard={true}
+  manager={
+    ModalManager {
+      "add": [Function],
+      "containers": Array [],
+      "data": Array [],
+      "handleContainerOverflow": true,
+      "hideSiblingNodes": true,
+      "isTopModal": [Function],
+      "modals": Array [],
+      "remove": [Function],
+    }
+  }
+  onHide={[Function]}
+  renderBackdrop={[Function]}
+  restoreFocus={true}
+  show={false}
+>
+  <ModalHeader
+    bsClass="modal-header"
+    closeButton={false}
+    closeLabel="Close"
+  >
+    <button
+      aria-hidden="true"
+      aria-label="Close"
+      className="close"
+      onClick={[Function]}
+    >
+      <Icon
+        name="close"
+        type="pf"
+      />
+    </button>
+    <ModalTitle
+      bsClass="modal-title"
+      componentClass="h4"
+    >
+      Full Screen
+    </ModalTitle>
+  </ModalHeader>
+  <ModalBody
+    bsClass="modal-body"
+    componentClass="div"
+  >
+    <Terminal
+      autoScroll={false}
+      error={null}
+      exitCode=""
+      logs={null}
+    />
+  </ModalBody>
+</Modal>
+`;

data/webpack/ForemanInventoryUpload/Components/FullScreenModal/fullScreenModal.scss

@@ -0,0 +1,18 @@
+.modal-dialog {
+  width: 95%;
+  height: 95%;
+  margin: 30px 0 0 30px;
+
+  .modal-body {
+    padding: 0;
+    display: flex;
+    height: -webkit-fill-available;
+    height: -moz-available;
+    height: fill-available;
+
+    .terminal {
+      margin: 0 -20px;
+      height: 100%;
+    }
+  }
+}

data/webpack/ForemanInventoryUpload/Components/FullScreenModal/index.js

@@ -0,0 +1 @@
+export { default } from './FullScreenModal';

data/webpack/ForemanInventoryUpload/Components/NavContainer/NavContainer.fixtures.js

@@ -0,0 +1,10 @@
+export const props = {
+  items: [
+    {
+      icon: 'some-icon',
+      name: 'some-name',
+      component: jest.fn,
+      onClick: jest.fn,
+    },
+  ],
+};

data/webpack/ForemanInventoryUpload/Components/NavContainer/NavContainer.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  TabContainer,
+  Nav,
+  NavItem,
+  TabContent,
+  TabPane,
+  Icon,
+  noop,
+} from 'patternfly-react';
+import './navContainer.scss';
+import FullScreenModal from '../FullScreenModal';
+
+const NavContainer = ({
+  items,
+  showFullScreen,
+  toggleFullScreen,
+  terminalProps,
+}) => {
+  const navItems = items.map((item, index) => {
+    const { name, icon, onClick } = item;
+    return (
+      <NavItem
+        key={index}
+        eventKey={index}
+        onClick={onClick}
+        className="nav_item"
+      >
+        <Icon name={icon} size="2x" />
+        <p>{name}</p>
+      </NavItem>
+    );
+  });
+  const tabComponents = items.map(({ component: Component, props }, index) => (
+    <TabPane key={index} eventKey={index}>
+      <Component {...props} />
+    </TabPane>
+  ));
+  return (
+    <TabContainer id="basic-tabs-pf" defaultActiveKey={0}>
+      <div className="dashboard">
+        <Nav bsClass="nav nav-tabs nav-tabs-pf">{navItems}</Nav>
+        <TabContent animation>{tabComponents}</TabContent>
+        <FullScreenModal
+          showFullScreen={showFullScreen}
+          toggleFullScreen={toggleFullScreen}
+          terminalProps={terminalProps}
+        />
+      </div>
+    </TabContainer>
+  );
+};
+
+NavContainer.propTypes = {
+  items: PropTypes.arrayOf(
+    PropTypes.shape({
+      icon: PropTypes.string,
+      name: PropTypes.string,
+      component: PropTypes.func,
+      onClick: PropTypes.func,
+    })
+  ),
+  showFullScreen: PropTypes.bool,
+  toggleFullScreen: PropTypes.func,
+  terminalProps: PropTypes.shape({
+    exitCode: PropTypes.string,
+    logs: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.string,
+    ]),
+    error: PropTypes.string,
+  }),
+};
+
+NavContainer.defaultProps = {
+  items: [],
+  showFullScreen: false,
+  toggleFullScreen: noop,
+  terminalProps: {},
+};
+
+export default NavContainer;