foreman_rh_cloud 0.9.4

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

@@ -0,0 +1,37 @@
+import { noop } from 'patternfly-react';
+
+export const API_SUCCESS_RESPONSE = {
+  Account1: {
+    label: 'test_org1',
+    upload_report_status: 'running',
+    generate_report_status: 'running',
+  },
+  Account2: {
+    label: 'test_org2',
+    upload_report_status: 'unknown',
+    generate_report_status: 'failure',
+  },
+  Account3: {
+    label: 'test_org3',
+    upload_report_status: 'success',
+    generate_report_status: 'running',
+  },
+};
+
+export const accounts = API_SUCCESS_RESPONSE;
+
+export const pollingProcessID = 0;
+
+export const error = 'some-error';
+
+export const accountID = 'user@redhat.com';
+
+export const processStatusName = 'upload_report_status';
+
+export const props = {
+  accounts,
+  fetchAccountsStatus: noop,
+  startAccountStatusPolling: noop,
+  stopAccountStatusPolling: noop,
+  pollingProcessID,
+};

data/webpack/ForemanInventoryUpload/Components/AccountList/AccountList.js

@@ -0,0 +1,74 @@
+import React, { Component } from 'react';
+import { ListView, noop } from 'patternfly-react';
+import PropTypes from 'prop-types';
+import ListItem from './Components/ListItem';
+import EmptyState from './Components/EmptyState';
+import ErrorState from './Components/ErrorState';
+import './accountList.scss';
+
+class AccountList extends Component {
+  componentDidMount() {
+    const { fetchAccountsStatus, startAccountStatusPolling } = this.props;
+    fetchAccountsStatus();
+    const pollingProcessID = setInterval(fetchAccountsStatus, 5000);
+    startAccountStatusPolling(pollingProcessID);
+  }
+
+  componentWillUnmount() {
+    const { stopAccountStatusPolling, pollingProcessID } = this.props;
+    stopAccountStatusPolling(pollingProcessID);
+  }
+
+  render() {
+    const { accounts, error } = this.props;
+    const accountIds = Object.keys(accounts);
+
+    if (error) {
+      return <ErrorState error={error} />;
+    }
+
+    if (accountIds.length === 0) {
+      return <EmptyState />;
+    }
+    const items = accountIds.map((accountID, index) => {
+      const account = accounts[accountID];
+      return (
+        <ListItem
+          key={index}
+          accountID={accountID}
+          account={account}
+          initExpanded={index === 0}
+        />
+      );
+    });
+    return <ListView className="account_list">{items}</ListView>;
+  }
+}
+
+AccountList.propTypes = {
+  fetchAccountsStatus: PropTypes.func,
+  startAccountStatusPolling: PropTypes.func,
+  stopAccountStatusPolling: PropTypes.func,
+  pollingProcessID: PropTypes.number,
+  account: PropTypes.shape({
+    generate_report_status: PropTypes.string,
+    upload_report_status: PropTypes.string,
+  }),
+  accounts: PropTypes.object,
+  error: PropTypes.string,
+};
+
+AccountList.defaultProps = {
+  fetchAccountsStatus: noop,
+  startAccountStatusPolling: noop,
+  stopAccountStatusPolling: noop,
+  pollingProcessID: 0,
+  account: {
+    generate_report_status: 'unknown',
+    upload_report_status: 'unknown',
+  },
+  accounts: {},
+  error: '',
+};
+
+export default AccountList;

data/webpack/ForemanInventoryUpload/Components/AccountList/AccountList.stories.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+import { Provider } from 'react-redux';
+import configureStore from '../../../stories/configureStore';
+import AccountList from './AccountList';
+
+const store = configureStore();
+
+storiesOf('Account list', module)
+  .addDecorator(withKnobs)
+  .add('Account list', () => (
+    <div style={{ margin: '20px' }}>
+      <Provider store={store}>
+        <AccountList />
+      </Provider>
+    </div>
+  ));

data/webpack/ForemanInventoryUpload/Components/AccountList/AccountListActions.js

@@ -0,0 +1,65 @@
+import API from 'foremanReact/API';
+import {
+  INVENTORY_ACCOUNT_STATUS_POLLING,
+  INVENTORY_ACCOUNT_STATUS_POLLING_ERROR,
+  INVENTORY_ACCOUNT_STATUS_POLLING_START,
+  INVENTORY_ACCOUNT_STATUS_POLLING_STOP,
+  INVENTORY_PROCESS_RESTART,
+} from './AccountListConstants';
+
+export const fetchAccountsStatus = () => async dispatch => {
+  try {
+    const {
+      data: { accounts },
+    } = await API.get('accounts');
+    dispatch({
+      type: INVENTORY_ACCOUNT_STATUS_POLLING,
+      payload: {
+        accounts,
+      },
+    });
+  } catch (error) {
+    dispatch({
+      type: INVENTORY_ACCOUNT_STATUS_POLLING_ERROR,
+      payload: {
+        error: error.message,
+      },
+    });
+  }
+};
+
+export const startAccountStatusPolling = pollingProcessID => ({
+  type: INVENTORY_ACCOUNT_STATUS_POLLING_START,
+  payload: {
+    pollingProcessID,
+  },
+});
+
+export const stopAccountStatusPolling = pollingProcessID => dispatch => {
+  clearInterval(pollingProcessID);
+  dispatch({
+    type: INVENTORY_ACCOUNT_STATUS_POLLING_STOP,
+  });
+};
+
+export const restartProcess = (accountID, activeTab) => dispatch => {
+  let processController = null;
+  let processStatusName = null;
+
+  if (activeTab === 'uploading') {
+    processController = 'uploads';
+    processStatusName = 'upload_report_status';
+  } else {
+    processController = 'reports';
+    processStatusName = 'generate_report_status';
+  }
+
+  API.post(`${accountID}/${processController}`);
+  dispatch({
+    type: INVENTORY_PROCESS_RESTART,
+    payload: {
+      accountID,
+      processStatusName,
+    },
+  });
+};

data/webpack/ForemanInventoryUpload/Components/AccountList/AccountListConstants.js

@@ -0,0 +1,9 @@
+export const INVENTORY_ACCOUNT_STATUS_POLLING =
+  'INVENTORY_ACCOUNT_STATUS_POLLING';
+export const INVENTORY_ACCOUNT_STATUS_POLLING_ERROR =
+  'INVENTORY_ACCOUNT_STATUS_POLLING_ERROR';
+export const INVENTORY_ACCOUNT_STATUS_POLLING_START =
+  'INVENTORY_ACCOUNT_STATUS_POLLING_START';
+export const INVENTORY_ACCOUNT_STATUS_POLLING_STOP =
+  'INVENTORY_ACCOUNT_STATUS_POLLING_STOP';
+export const INVENTORY_PROCESS_RESTART = 'INVENTORY_PROCESS_RESTART';

data/webpack/ForemanInventoryUpload/Components/AccountList/AccountListReducer.js

@@ -0,0 +1,55 @@
+import Immutable from 'seamless-immutable';
+import {
+  INVENTORY_ACCOUNT_STATUS_POLLING,
+  INVENTORY_ACCOUNT_STATUS_POLLING_ERROR,
+  INVENTORY_ACCOUNT_STATUS_POLLING_START,
+  INVENTORY_PROCESS_RESTART,
+} from './AccountListConstants';
+
+const initialState = Immutable({
+  accounts: {},
+  pollingProcessID: 0,
+  error: null,
+});
+
+export default (state = initialState, action) => {
+  const {
+    payload: {
+      pollingProcessID,
+      error,
+      accounts,
+      accountID,
+      processStatusName,
+    } = {},
+  } = action;
+
+  switch (action.type) {
+    case INVENTORY_ACCOUNT_STATUS_POLLING:
+      return state.merge({
+        ...state,
+        accounts,
+        error: null,
+      });
+    case INVENTORY_ACCOUNT_STATUS_POLLING_ERROR:
+      return state.merge({
+        ...state,
+        accounts: {},
+        error,
+      });
+    case INVENTORY_ACCOUNT_STATUS_POLLING_START:
+      return state.merge({
+        ...state,
+        pollingProcessID,
+      });
+    case INVENTORY_PROCESS_RESTART:
+      return state.setIn(['accounts'], {
+        ...state.accounts,
+        [accountID]: {
+          ...state.accounts[accountID],
+          [processStatusName]: 'Restarting...',
+        },
+      });
+    default:
+      return state;
+  }
+};

data/webpack/ForemanInventoryUpload/Components/AccountList/AccountListSelectors.js

@@ -0,0 +1,8 @@
+import { selectForemanInventoryUpload } from '../../ForemanInventoryUploadSelectors';
+
+export const selectAccountsList = state =>
+  selectForemanInventoryUpload(state).accountsList;
+export const selectAccounts = state => selectAccountsList(state).accounts;
+export const selectPollingProcessID = state =>
+  selectAccountsList(state).pollingProcessID;
+export const selectError = state => selectAccountsList(state).error;

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/EmptyState/EmptyState.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { EmptyState, Spinner } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import './emptyState.scss';
+
+const inventoryEmptyState = () => (
+  <EmptyState>
+    <Spinner loading inline size="lg" />
+    <EmptyState.Title>
+      {__('Fetching data about your accounts')}
+    </EmptyState.Title>
+    <EmptyState.Info>{__('Loading')}...</EmptyState.Info>
+  </EmptyState>
+);
+
+export default inventoryEmptyState;

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/EmptyState/__tests__/EmptyState.test.js

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

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/EmptyState/__tests__/__snapshots__/EmptyState.test.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EmptyState rendering render without Props 1`] = `
+<EmptyState
+  className=""
+>
+  <Spinner
+    className=""
+    inline={true}
+    inverse={false}
+    loading={true}
+    size="lg"
+  />
+  <EmptyStateTitle
+    className=""
+  >
+    Fetching data about your accounts
+  </EmptyStateTitle>
+  <EmptyStateInfo
+    className=""
+  >
+    Loading
+    ...
+  </EmptyStateInfo>
+</EmptyState>
+`;

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/EmptyState/emptyState.scss

@@ -0,0 +1,7 @@
+.blank-slate-pf {
+  margin-top: 100px;
+
+  .spinner {
+    float: none;
+  }
+}

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/EmptyState/index.js

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

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/ErrorState/ErrorState.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Icon } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import './errorState.scss';
+
+const ErrorState = ({ error }) => (
+  <div className="error_state">
+    <Icon className="error_icon" name="times" size="2x" />
+    <p>{__('Encountered an error while trying to access the server:')}</p>
+    <p className="error_description">{error}</p>
+  </div>
+);
+
+ErrorState.propTypes = {
+  error: PropTypes.string,
+};
+
+ErrorState.defaultProps = {
+  error: '',
+};
+
+export default ErrorState;

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/ErrorState/__tests__/ErrorState.test.js

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

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/ErrorState/__tests__/__snapshots__/ErrorState.test.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ErrorState rendering render without Props 1`] = `
+<div
+  className="error_state"
+>
+  <Icon
+    className="error_icon"
+    name="times"
+    size="2x"
+    type="fa"
+  />
+  <p>
+    Encountered an error while trying to access the server:
+  </p>
+  <p
+    className="error_description"
+  />
+</div>
+`;

data/webpack/ForemanInventoryUpload/Components/AccountList/Components/ErrorState/errorState.scss

@@ -0,0 +1,18 @@
+$error_color: #d10d0d;
+
+.error_state {
+  margin-top: 100px;
+  text-align: center;
+  font-weight: bold;
+  font-size: 16px;
+
+  .error_icon {
+    color: $error_color;
+    margin-right: 15px;
+    margin-bottom: 10px;
+  }
+
+  .error_description {
+    color: $error_color;
+  }
+}