foreman_rh_cloud 1.0.7 → 1.0.12

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButtonConstants.js

@@ -0,0 +1,3 @@
+export const INVENTORY_SYNC_REQUEST = 'INVENTORY_SYNC_REQUEST';
+export const INVENTORY_SYNC_SUCCESS = 'INVENTORY_SYNC_SUCCESS';
+export const INVENTORY_SYNC_FAILURE = 'INVENTORY_SYNC_FAILURE';

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButtonReducer.js

@@ -0,0 +1,36 @@
+import Immutable from 'seamless-immutable';
+import { STATUS } from 'foremanReact/constants';
+import {
+  INVENTORY_SYNC_REQUEST,
+  INVENTORY_SYNC_SUCCESS,
+  INVENTORY_SYNC_FAILURE,
+} from './SyncButtonConstants';
+
+export default (
+  state = Immutable({}),
+  { type, payload: { syncHosts, disconnectHosts, error } = {} }
+) => {
+  switch (type) {
+    case INVENTORY_SYNC_REQUEST:
+      return state.merge({
+        ...state,
+        status: STATUS.PENDING,
+        error: null,
+      });
+    case INVENTORY_SYNC_SUCCESS:
+      return state.merge({
+        ...state,
+        status: STATUS.RESOLVED,
+        syncHosts,
+        disconnectHosts,
+      });
+    case INVENTORY_SYNC_FAILURE:
+      return state.merge({
+        ...state,
+        status: STATUS.ERROR,
+        error,
+      });
+    default:
+      return state;
+  }
+};

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButtonSelectors.js

@@ -0,0 +1,13 @@
+import { selectForemanInventoryUpload } from '../../../../../ForemanRhCloudSelectors';
+
+export const selectInventorySync = state =>
+  selectForemanInventoryUpload(state).inventorySync;
+
+export const selectStatus = state => selectInventorySync(state).status;
+
+export const selectError = state => selectInventorySync(state).error;
+
+export const selectSyncHosts = state => selectInventorySync(state).syncHosts;
+
+export const selectDisconnectHosts = state =>
+  selectInventorySync(state).disconnectHosts;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButton.test.js

@@ -0,0 +1,13 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { noop } from 'patternfly-react';
+
+import SyncButton from '../SyncButton';
+
+const fixtures = {
+  'render with Props': { cloudToken: '1234', handleSync: noop },
+};
+
+describe('SyncButton', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(SyncButton, fixtures));
+});

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonActions.test.js

@@ -0,0 +1,13 @@
+import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
+import API from 'foremanReact/API';
+import { handleSync } from '../SyncButtonActions';
+import { successResponse } from './SyncButtonFixtures';
+
+jest.mock('foremanReact/API');
+API.post.mockImplementation(async () => successResponse);
+
+const fixtures = {
+  'should handleSync': () => handleSync(),
+};
+
+describe('SyncButton actions', () => testActionSnapshotWithFixtures(fixtures));

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonFixtures.js

@@ -0,0 +1,9 @@
+export const syncHosts = 1;
+
+export const disconnectHosts = 0;
+
+export const successResponse = { data: { syncHosts, disconnectHosts } };
+
+export const status = 'RESOLVED';
+
+export const error = 'some-error';

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonReducer.test.js

@@ -0,0 +1,33 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+import reducer from '../SyncButtonReducer';
+import { syncHosts, disconnectHosts, error } from './SyncButtonFixtures';
+import {
+  INVENTORY_SYNC_REQUEST,
+  INVENTORY_SYNC_SUCCESS,
+  INVENTORY_SYNC_FAILURE,
+} from '../SyncButtonConstants';
+
+const fixtures = {
+  'should return the initial state': {},
+  'should handle INVENTORY_SYNC_REQUEST': {
+    action: {
+      type: INVENTORY_SYNC_REQUEST,
+      payload: {},
+    },
+  },
+  'should handle INVENTORY_SYNC_SUCCESS': {
+    action: {
+      type: INVENTORY_SYNC_SUCCESS,
+      payload: { syncHosts, disconnectHosts },
+    },
+  },
+  'should handle INVENTORY_SYNC_FAILURE': {
+    action: {
+      type: INVENTORY_SYNC_FAILURE,
+      payload: { error },
+    },
+  },
+};
+
+describe('AccountList reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonSelectors.test.js

@@ -0,0 +1,36 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+import { inventoryStateWrapper } from '../../../../../../ForemanRhCloudTestHelpers';
+import {
+  status,
+  error,
+  syncHosts,
+  disconnectHosts,
+} from './SyncButtonFixtures';
+import {
+  selectInventorySync,
+  selectStatus,
+  selectError,
+  selectSyncHosts,
+  selectDisconnectHosts,
+} from '../SyncButtonSelectors';
+
+const state = inventoryStateWrapper({
+  inventorySync: {
+    status,
+    error,
+    syncHosts,
+    disconnectHosts,
+  },
+});
+
+const fixtures = {
+  'should return InventorySync': () => selectInventorySync(state),
+  'should return InventorySync status': () => selectStatus(state),
+  'should return InventorySync error': () => selectError(state),
+  'should return InventorySync SyncHosts': () => selectSyncHosts(state),
+  'should return InventorySync disconnectHosts': () =>
+    selectDisconnectHosts(state),
+};
+
+describe('SyncButton selectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/__snapshots__/SyncButton.test.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncButton rendering render with Props 1`] = `
+<Fragment>
+  <SyncModal
+    show={false}
+    toggleModal={[Function]}
+  />
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsSize="lg"
+    bsStyle="default"
+    className="sync_button"
+    disabled={false}
+    onClick={[Function]}
+  >
+    <Icon
+      name="refresh"
+      type="fa"
+    />
+     Sync inventory status
+  </Button>
+</Fragment>
+`;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/__snapshots__/SyncButtonActions.test.js.snap

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncButton actions should handleSync 1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {},
+      "type": "INVENTORY_SYNC_REQUEST",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "disconnectHosts": 0,
+        "syncHosts": 1,
+      },
+      "type": "INVENTORY_SYNC_SUCCESS",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "message": Object {
+          "message": <Toast
+            disconnectHosts={0}
+            syncHosts={1}
+          />,
+          "sticky": true,
+          "type": "success",
+        },
+      },
+      "type": "TOASTS_ADD",
+    },
+  ],
+]
+`;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/__snapshots__/SyncButtonReducer.test.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AccountList reducer should handle INVENTORY_SYNC_FAILURE 1`] = `
+Object {
+  "error": "some-error",
+  "status": "ERROR",
+}
+`;
+
+exports[`AccountList reducer should handle INVENTORY_SYNC_REQUEST 1`] = `
+Object {
+  "error": null,
+  "status": "PENDING",
+}
+`;
+
+exports[`AccountList reducer should handle INVENTORY_SYNC_SUCCESS 1`] = `
+Object {
+  "disconnectHosts": 0,
+  "status": "RESOLVED",
+  "syncHosts": 1,
+}
+`;
+
+exports[`AccountList reducer should return the initial state 1`] = `Object {}`;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/__snapshots__/SyncButtonSelectors.test.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncButton selectors should return InventorySync 1`] = `
+Object {
+  "disconnectHosts": 0,
+  "error": "some-error",
+  "status": "RESOLVED",
+  "syncHosts": 1,
+}
+`;
+
+exports[`SyncButton selectors should return InventorySync SyncHosts 1`] = `1`;
+
+exports[`SyncButton selectors should return InventorySync disconnectHosts 1`] = `0`;
+
+exports[`SyncButton selectors should return InventorySync error 1`] = `"some-error"`;
+
+exports[`SyncButton selectors should return InventorySync status 1`] = `"RESOLVED"`;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/components/Modal.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Icon, Modal, Grid, Button } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { foremanUrl } from '../../../../../../ForemanRhCloudHelpers';
+import './modal.scss';
+
+const SyncModal = ({ show, toggleModal }) => (
+  <Modal show={show} onHide={toggleModal} id="sync_modal">
+    <Modal.Header>
+      <button
+        className="close"
+        onClick={toggleModal}
+        aria-hidden="true"
+        aria-label="Close"
+      >
+        <Icon type="pf" name="close" />
+      </button>
+      <Modal.Title>{__('Token is required')}</Modal.Title>
+    </Modal.Header>
+    <Modal.Body>
+      <Grid>
+        <p>
+          {__(`Please go over the following steps to add a RHSM API token:`)}
+        </p>
+        <p>
+          {__(`1. Obtain an RHSM API token: `)}
+          <a
+            href="https://access.redhat.com/management/api"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            access.redhat.com <Icon name="external-link" />
+          </a>
+          <br />
+          {__("2. Copy the token to 'Red Hat Cloud token' setting: ")}
+          <a
+            href={foremanUrl('/settings?search=name+%3D+rh_cloud_token')}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {__('Red Hat Cloud token ')}
+            <Icon name="external-link" />
+          </a>
+          <br />
+          {__(
+            '3. Now you can synchronize inventory status manually, by clicking the "Sync inventory status" button.'
+          )}
+        </p>
+        <Button bsStyle="primary" bsSize="lg" onClick={toggleModal}>
+          Close
+        </Button>
+      </Grid>
+    </Modal.Body>
+  </Modal>
+);
+
+SyncModal.propTypes = {
+  show: PropTypes.bool.isRequired,
+  toggleModal: PropTypes.func.isRequired,
+};
+
+export default SyncModal;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/components/Toast.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { foremanUrl } from '../../../../../../ForemanRhCloudHelpers';
+
+const Toast = ({ syncHosts, disconnectHosts }) => {
+  const totalHosts = syncHosts + disconnectHosts;
+  return (
+    <span>
+      <p>
+        {__('Hosts with subscription in organization: ')}
+        <strong>{totalHosts}</strong>
+      </p>
+      <p>
+        {__('Successfully synced hosts: ')}
+        <strong>{syncHosts}</strong>
+      </p>
+      <p>
+        {__('Disconnected hosts: ')}
+        <strong>{disconnectHosts}</strong>
+      </p>
+      <p>
+        For more info, please visit the{' '}
+        <a
+          href={foremanUrl('/hosts')}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          hosts page
+        </a>
+      </p>
+    </span>
+  );
+};
+
+Toast.propTypes = {
+  syncHosts: PropTypes.number.isRequired,
+  disconnectHosts: PropTypes.number.isRequired,
+};
+
+export default Toast;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/components/modal.scss

@@ -0,0 +1,20 @@
+#sync_modal {
+  height: 300px;
+  margin: auto;
+  overflow: hidden;
+
+  .modal-content {
+    width: 700px;
+  }
+
+  .modal-body {
+    .container {
+      padding: 0;
+
+      button {
+        float: right;
+        margin-top: 10px;
+      }
+    }
+  }
+}

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/index.js

@@ -0,0 +1,22 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import * as actions from './SyncButtonActions';
+import reducer from './SyncButtonReducer';
+import SyncButton from './SyncButton';
+import { selectCloudToken } from '../../../AccountList/AccountListSelectors';
+import { selectStatus } from './SyncButtonSelectors';
+
+// map state to props
+const mapStateToProps = state => ({
+  cloudToken: selectCloudToken(state),
+  status: selectStatus(state),
+});
+
+// map action dispatchers to props
+const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+export const reducers = { inventorySync: reducer };
+
+// export connected component
+export default connect(mapStateToProps, mapDispatchToProps)(SyncButton);

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/ToolbarButtons/ToolbarButtons.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import DocsButton from '../DocsButton';
+import HistoryButton from '../HistoryButton';
+import SyncButton from '../SyncButton';
+import './toolbarButtons.scss';
+
+const ToolbarButtons = () => (
+  <div className="inventory_toolbar_buttons">
+    <SyncButton />
+    <HistoryButton />
+    <DocsButton />
+  </div>
+);
+
+export default ToolbarButtons;