foreman_inventory_upload 1.0.0.beta1 → 1.0.0.beta2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 64394cf6cba5b7e8c903f1b54269cd944e970ed6
-  data.tar.gz: 2cf1d64dc23506fc1e2808d0ee283cff9010b33e
+  metadata.gz: 508f8a474c4a67d7631341c691fb1a564496715e
+  data.tar.gz: 85d87ab8f025d35844c81b6dea729b5d44efa30a
 SHA512:
-  metadata.gz: 16db4189b92eeafd639a0a67fe1bdae2d4d5be7931cc6ab43ea4a2fa3b8d9e88365c7d1757a205d8c23718b97c7da7bb28849d6c17f731ba27f5a8d42c5719af
-  data.tar.gz: 7ee617fe1bb503bcae3f82a5c74cd3d25266afee0d7f731a8ba4e6b4ca3a15c6d70f5b39e21b49f607867f7bdc3d40cbf549ae7e1062ef327da1419601ee2012
+  metadata.gz: 0fa4aabde1ccf0f43e91b71a291fb983afbd72e71bc3142da3cbb9b828d9ba6bf87945a59a519aff300fda4718838f04fd4f83b14fa56cc9f82e5ee161d229f8
+  data.tar.gz: de3eb02026577bad92d735b25d3f7e342f6830f2920d1b6f8bad51a1d616102ae707f2db64d54917f315cd0b3935d8dc5aedabe399957877c99fa2925bc34748

data/lib/foreman_inventory_upload/version.rb

@@ -1,3 +1,3 @@
 module ForemanInventoryUpload
-  VERSION = '1.0.0.beta1'.freeze
+  VERSION = '1.0.0.beta2'.freeze
 end

data/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "foreman_inventory_upload",
+  "version": "0.0.1",
+  "description": "Inventory Upload =============",
+  "main": "index.js",
+  "scripts": {
+    "lint": "./node_modules/.bin/eslint -c .eslintrc webpack/",
+    "test": "node node_modules/.bin/jest --no-cache",
+    "test:watch": "node node_modules/.bin/jest --watchAll",
+    "test:current": "node node_modules/.bin/jest --watch",
+    "coveralls": "cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js",
+    "storybook": "start-storybook -p 6006",
+    "storybook:build": "node --max_old_space_size=2048 ./node_modules/.bin/build-storybook --config-dir .storybook --output-dir .storybook-dist",
+    "storybook:deploy": "surge --project .storybook-dist"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/theforeman/foreman_inventory_upload.git"
+  },
+  "bugs": {
+    "url": "http://projects.theforeman.org/projects/foreman_inventory_upload/issues"
+  },
+  "devDependencies": {
+    "@storybook/addon-actions": "^5.0.1",
+    "@storybook/addon-knobs": "^5.0.1",
+    "@storybook/react": "^5.0.1",
+    "babel-cli": "^6.10.1",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^8.2.3",
+    "babel-jest": "^23.6.0",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-dynamic-import-node": "^2.0.0",
+    "babel-plugin-lodash": "^3.3.4",
+    "babel-plugin-module-resolver": "^3.2.0",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-object-assign": "^6.8.0",
+    "babel-plugin-transform-object-rest-spread": "^6.8.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.5.0",
+    "coveralls": "^3.0.0",
+    "enzyme": "^3.4.0",
+    "enzyme-adapter-react-16": "^1.4.0",
+    "enzyme-to-json": "^3.2.1",
+    "eslint": "^4.10.0",
+    "eslint-import-resolver-babel-module": "^4.0.0",
+    "eslint-plugin-patternfly-react": "0.2.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jed": "^1.1.1",
+    "jest-cli": "^23.6.0",
+    "jest-prop-type-error": "^1.1.0",
+    "node-sass": "^4.5.0",
+    "patternfly": "^3.58.0",
+    "prettier": "^1.13.5",
+    "raf": "^3.4.0",
+    "react-animated-tree": "^1.0.10",
+    "react-redux-test-utils": "^0.1.1",
+    "react-remarkable": "^1.1.3",
+    "sass-loader": "^6.0.7",
+    "stylelint": "^9.3.0",
+    "stylelint-config-standard": "^18.0.0",
+    "surge": "^0.20.3"
+  },
+  "dependencies": {
+    "babel-polyfill": "^6.26.0",
+    "classnames": "^2.2.5",
+    "lodash": "^4.17.10",
+    "patternfly-react": "^2.19.1",
+    "prop-types": "^15.6.0",
+    "react": "^16.4.0",
+    "react-dom": "^16.4.0",
+    "react-intl": "^2.8.0",
+    "react-redux": "^5.0.6",
+    "redux": "^3.6.0",
+    "redux-thunk": "^2.2.0",
+    "reselect": "^3.0.1",
+    "seamless-immutable": "^7.1.2",
+    "urijs": "^1.18.10",
+    "uuid": "^3.0.1"
+  },
+  "jest": {
+    "automock": true,
+    "verbose": true,
+    "testMatch": [
+      "**/*.test.js"
+    ],
+    "testURL": "http://localhost/",
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "webpack/**/*.js",
+      "!webpack/index.js",
+      "!webpack/test_setup.js",
+      "!webpack/**/bundle*",
+      "!webpack/stories/**",
+      "!webpack/**/*stories.js"
+    ],
+    "coverageReporters": [
+      "lcov"
+    ],
+    "unmockedModulePathPatterns": [
+      "webpack/",
+      "react",
+      "node_modules/"
+    ],
+    "moduleNameMapper": {
+      "^.+\\.(png|gif|css|scss)$": "identity-obj-proxy"
+    },
+    "globals": {
+      "__testing__": true
+    },
+    "transform": {
+      "^.+\\.js$": "babel-jest"
+    },
+    "moduleDirectories": [
+      "node_modules",
+      "webpack"
+    ],
+    "setupFiles": [
+      "raf/polyfill",
+      "jest-prop-type-error",
+      "./webpack/test_setup.js"
+    ]
+  }
+}

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

@@ -0,0 +1,34 @@
+import { noop } from 'patternfly-react';
+
+export const API_SUCCESS_RESPONSE = {
+  Account1: {
+    upload_report_status: 'running',
+    generate_report_status: 'running',
+  },
+  Account2: {
+    upload_report_status: 'unknown',
+    generate_report_status: 'failure',
+  },
+  Account3: {
+    upload_report_status: 'success',
+    generate_report_status: 'running',
+  },
+};
+
+export const statuses = 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 = {
+  statuses,
+  fetchAccountsStatus: noop,
+  startAccountStatusPolling: noop,
+  stopAccountStatusPolling: noop,
+  pollingProcessID,
+};

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

@@ -0,0 +1,72 @@
+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 { statuses, error } = this.props;
+    const accountNames = Object.keys(statuses);
+
+    if (error) {
+      return <ErrorState error={error} />;
+    }
+
+    if (accountNames.length === 0) {
+      return <EmptyState />;
+    }
+    const items = accountNames.map((name, index) => {
+      const status = statuses[name];
+      return (
+        <ListItem
+          key={index}
+          name={name}
+          statuses={status}
+          initExpanded={index === 0}
+        />
+      );
+    });
+    return <ListView className="account_list">{items}</ListView>;
+  }
+}
+
+AccountList.propTypes = {
+  fetchAccountsStatus: PropTypes.func,
+  startAccountStatusPolling: PropTypes.func,
+  stopAccountStatusPolling: PropTypes.func,
+  pollingProcessID: PropTypes.number,
+  statuses: PropTypes.shape({
+    generate_report_status: PropTypes.string,
+    upload_report_status: PropTypes.string,
+  }),
+  error: PropTypes.string,
+};
+
+AccountList.defaultProps = {
+  fetchAccountsStatus: noop,
+  startAccountStatusPolling: noop,
+  stopAccountStatusPolling: noop,
+  pollingProcessID: 0,
+  statuses: {
+    generate_report_status: 'unknown',
+    upload_report_status: 'unknown',
+  },
+  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: { statuses },
+    } = await API.get('statuses');
+    dispatch({
+      type: INVENTORY_ACCOUNT_STATUS_POLLING,
+      payload: {
+        statuses,
+      },
+    });
+  } 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({
+  statuses: {},
+  pollingProcessID: 0,
+  error: null,
+});
+
+export default (state = initialState, action) => {
+  const {
+    payload: {
+      pollingProcessID,
+      error,
+      statuses,
+      accountID,
+      processStatusName,
+    } = {},
+  } = action;
+
+  switch (action.type) {
+    case INVENTORY_ACCOUNT_STATUS_POLLING:
+      return state.merge({
+        ...state,
+        statuses,
+        error: null,
+      });
+    case INVENTORY_ACCOUNT_STATUS_POLLING_ERROR:
+      return state.merge({
+        ...state,
+        statuses: {},
+        error,
+      });
+    case INVENTORY_ACCOUNT_STATUS_POLLING_START:
+      return state.merge({
+        ...state,
+        pollingProcessID,
+      });
+    case INVENTORY_PROCESS_RESTART:
+      return state.setIn(['statuses'], {
+        ...state.statuses,
+        [accountID]: {
+          ...state.statuses[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 selectStatuses = state => selectAccountsList(state).statuses;
+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;
+  }
+}

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

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

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

@@ -0,0 +1 @@
+export const props = { name: 'some-name' };

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ListView } from 'patternfly-react';
+import PropTypes from 'prop-types';
+import ListItemStatus from '../ListItemStatus';
+import Dashboard from '../../../Dashboard';
+
+const ListItem = ({ name, statuses, initExpanded }) => (
+  <ListView.Item
+    leftContent={<ListView.Icon name="user" />}
+    heading={name}
+    additionalInfo={[
+      <ListItemStatus key={`${name}_status`} statuses={statuses} />,
+    ]}
+    stacked
+    hideCloseIcon
+    initExpanded={initExpanded}
+  >
+    <Dashboard accountID={name} statuses={statuses} />
+  </ListView.Item>
+);
+
+ListItem.propTypes = {
+  name: PropTypes.string.isRequired,
+  statuses: PropTypes.shape({
+    generate_report_status: PropTypes.string,
+    upload_report_status: PropTypes.string,
+  }),
+  initExpanded: PropTypes.bool,
+};
+
+ListItem.defaultProps = {
+  statuses: {
+    generate_report_status: 'unknown',
+    upload_report_status: 'unknown',
+  },
+  initExpanded: false,
+};
+
+export default ListItem;

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

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