foreman_rh_cloud 1.0.4.1 → 1.0.9

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

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

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

@@ -0,0 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToolbarButtons rendering render without Props 1`] = `
+<div
+  className="inventory_toolbar_buttons"
+>
+  <HistoryButton />
+  <DocsButton />
+</div>
+`;

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

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

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/ToolbarButtons/toolbarButtons.scss

@@ -0,0 +1,7 @@
+.inventory_toolbar_buttons {
+  float: right;
+
+  .tasks_history_button {
+    margin-right: 5px;
+  }
+}

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

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

data/webpack/ForemanInventoryUpload/Components/PageHeader/pageHeader.scss

@@ -0,0 +1,3 @@
+.inventory_title {
+  margin-bottom: 30px;
+}

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

@@ -1,3 +1,4 @@
 export const props = {
   date: '2019-08-21T16:14:16.520+03:00',
+  autoUploadEnabled: true,
 };

data/webpack/ForemanInventoryUpload/Components/ScheduledRun/ScheduledRun.js

@@ -5,8 +5,8 @@ import { FormattedRelative } from 'react-intl';
 import { translate as __ } from 'foremanReact/common/I18n';
 import './scheduledRun.scss';
 
-const ScheduledRun = ({ date }) =>
-  date ? (
+const ScheduledRun = ({ date, autoUploadEnabled }) =>
+  autoUploadEnabled && date ? (
     <Grid.Col sm={12} className="scheduled_run">
       <p>
         <Icon name="calendar" />
@@ -18,10 +18,12 @@ const ScheduledRun = ({ date }) =>
 
 ScheduledRun.propTypes = {
   date: PropTypes.string,
+  autoUploadEnabled: PropTypes.bool,
 };
 
 ScheduledRun.defaultProps = {
   date: null,
+  autoUploadEnabled: true,
 };
 
 export default ScheduledRun;

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

@@ -4,7 +4,6 @@ import ScheduledRun from '../ScheduledRun';
 import { props } from '../ScheduledRun.fixtures';
 
 const fixtures = {
-  'render without Props': {},
   'render with Props': props,
 };
 

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

@@ -21,5 +21,3 @@ exports[`ScheduledRun rendering render with Props 1`] = `
   </p>
 </Col>
 `;
-
-exports[`ScheduledRun rendering render without Props 1`] = `""`;

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

@@ -1 +1,12 @@
-export { default } from './ScheduledRun';
+import { connect } from 'react-redux';
+
+import ScheduledRun from './ScheduledRun';
+import { selectAutoUploadEnabled } from '../AccountList/AccountListSelectors';
+
+// map state to props
+const mapStateToProps = state => ({
+  autoUploadEnabled: selectAutoUploadEnabled(state),
+});
+
+// export connected component
+export default connect(mapStateToProps)(ScheduledRun);

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

@@ -12,7 +12,7 @@ exports[`TabBody rendering render without Props 1`] = `
     exitCode=""
     logs={null}
   />
-  <ScheduledRun
+  <Connect(ScheduledRun)
     date={null}
   />
 </Row>

data/webpack/ForemanInventoryUpload/ForemanInventoryConstants.js

@@ -0,0 +1,7 @@
+import { translate as __ } from 'foremanReact/common/I18n';
+
+export const INVENTORY_PAGE_TITLE = __('Red Hat Inventory Uploads');
+
+export const DOCS_BUTTON_TEXT = __(' Documentation');
+
+export const ACTIONS_HISTORY_BUTTON_TEXT = __(' Actions history');

data/webpack/ForemanInventoryUpload/ForemanInventoryHelpers.js

@@ -0,0 +1,12 @@
+import { foremanUrl } from '../ForemanRhCloudHelpers';
+
+export const inventoryUrl = path =>
+  foremanUrl(`/foreman_inventory_upload/${path}`);
+
+export const getInventoryDocsUrl = () =>
+  'https://access.redhat.com/products/subscription-central';
+
+export const getActionsHistoryUrl = () =>
+  foremanUrl(
+    '/foreman_tasks/tasks?search=action++%3D++ForemanInventoryUpload%3A%3AAsync%3A%3AGenerateReportJob+or+action++%3D++ForemanInventoryUpload%3A%3AAsync%3A%3AGenerateAllReportsJob&page=1'
+  );

data/webpack/ForemanInventoryUpload/ForemanInventoryUpload.js

@@ -1,15 +1,24 @@
 import React from 'react';
 import { IntlProvider } from 'react-intl';
-import { translate as __ } from 'foremanReact/common/I18n';
+import { Grid } from 'patternfly-react';
 import AccountList from './Components/AccountList';
+import PageHeader from './Components/PageHeader';
+import { INVENTORY_PAGE_TITLE } from './ForemanInventoryConstants';
 
-const ForemanInventoryUpload = () => (
-  <IntlProvider locale={navigator.language}>
-    <div className="inventory-upload">
-      <h1>{__('Red Hat Inventory Uploads')}</h1>
-      <AccountList />
-    </div>
-  </IntlProvider>
-);
+const ForemanInventoryUpload = () => {
+  document.title = INVENTORY_PAGE_TITLE;
+  return (
+    <IntlProvider locale={navigator.language}>
+      <Grid fluid className="inventory-upload">
+        <PageHeader />
+        <AccountList />
+      </Grid>
+    </IntlProvider>
+  );
+};
+
+ForemanInventoryUpload.propTypes = {};
+
+ForemanInventoryUpload.defaultProps = {};
 
 export default ForemanInventoryUpload;

data/webpack/ForemanInventoryUpload/ForemanInventoryUploadReducers.js

@@ -1,12 +1,12 @@
 import { combineReducers } from 'redux';
 import { reducers as accountListReducers } from './Components/AccountList';
 import { reducers as dashboardReducers } from './Components/Dashboard';
+import { reducers as filterReducers } from './Components/InventoryFilter';
 
-const reducers = {
-  ForemanInventoryUpload: combineReducers({
+export default {
+  inventoryUpload: combineReducers({
     ...accountListReducers,
     ...dashboardReducers,
+    ...filterReducers,
   }),
 };
-
-export default reducers;

data/webpack/ForemanInventoryUpload/SubscriptionsPageExtension/SubscriptionsPageExtensionActions.js

@@ -0,0 +1,34 @@
+import API from 'foremanReact/API';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { foremanUrl } from '../../ForemanRhCloudHelpers';
+import { inventoryUrl } from '../ForemanInventoryHelpers';
+
+export const subscriptionCountListener = (itemsCount, unsubscribe) => {
+  const showToast = autoUploadEnabled => {
+    !autoUploadEnabled &&
+      window.tfm.toastNotifications.notify({
+        message: __('Now you can enable Red Hat inventory upload'),
+        type: 'info',
+        link: {
+          children: __('Go to inventory upload settings'),
+          href: foremanUrl('foreman_rh_cloud/inventory_upload'),
+        },
+      });
+
+    unsubscribe();
+  };
+
+  itemsCount && fetchInventoryAutoUploadSetting(showToast);
+};
+
+const fetchInventoryAutoUploadSetting = async processApiResponse => {
+  let settingValue;
+  try {
+    const {
+      data: { autoUploadEnabled },
+    } = await API.get(inventoryUrl('auto_upload'));
+    settingValue = autoUploadEnabled;
+  } finally {
+    processApiResponse(settingValue);
+  }
+};

data/webpack/ForemanInventoryUpload/__tests__/ForemanInventoryHelpers.test.js

@@ -0,0 +1,12 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+import { inventoryUrl, getInventoryDocsUrl } from '../ForemanInventoryHelpers';
+
+global.URL_PREFIX = '';
+
+const fixtures = {
+  'should return inventory Url': () => inventoryUrl('test_path'),
+  'should return inventory docs url': () => getInventoryDocsUrl(),
+};
+
+describe('ForemanInventoryUpload helpers', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

data/webpack/ForemanInventoryUpload/{ForemanInventoryUpload.test.js → __tests__/ForemanInventoryUpload.test.js}

@@ -1,6 +1,6 @@
 import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
 
-import ForemanInventoryUpload from './ForemanInventoryUpload';
+import ForemanInventoryUpload from '../../ForemanInventoryUpload';
 
 const fixtures = {
   'render without Props': {},

data/webpack/ForemanInventoryUpload/__tests__/__snapshots__/ForemanInventoryHelpers.test.js.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ForemanInventoryUpload helpers should return inventory Url 1`] = `"/foreman_inventory_upload/test_path"`;
+
+exports[`ForemanInventoryUpload helpers should return inventory docs url 1`] = `"https://access.redhat.com/products/subscription-central"`;

data/webpack/ForemanInventoryUpload/{__snapshots__ → __tests__/__snapshots__}/ForemanInventoryUpload.test.js.snap

@@ -4,13 +4,14 @@ exports[`ForemanInventoryUpload render without Props 1`] = `
 <IntlProvider
   locale="en-US"
 >
-  <div
+  <Grid
+    bsClass="container"
     className="inventory-upload"
+    componentClass="div"
+    fluid={true}
   >
-    <h1>
-      Red Hat Inventory Uploads
-    </h1>
+    <PageHeader />
     <Connect(AccountList) />
-  </div>
+  </Grid>
 </IntlProvider>
 `;

data/webpack/ForemanRhCloudHelpers.js

@@ -0,0 +1,6 @@
+/**
+ * copied from core, since it's not in the ReactApp folder,
+ * it's complicated to import it and mock it in tests.
+ * should be imported once core moves it to the ReactApp folder.
+ */
+export const foremanUrl = path => `${window.URL_PREFIX}${path}`;

data/webpack/ForemanRhCloudReducers.js

@@ -0,0 +1,10 @@
+import { combineReducers } from 'redux';
+import inventoryUploadReducers from './ForemanInventoryUpload/ForemanInventoryUploadReducers';
+import insightsReducers from './InsightsCloudSync/InsightsCloudSyncReducers';
+
+export default {
+  ForemanRhCloud: combineReducers({
+    ...inventoryUploadReducers,
+    ...insightsReducers,
+  }),
+};

data/webpack/ForemanRhCloudSelectors.js

@@ -0,0 +1,5 @@
+export const selectForemanRhCloud = state => state.ForemanRhCloud;
+export const selectForemanInventoryUpload = state =>
+  selectForemanRhCloud(state).inventoryUpload;
+export const selectInsightsCloudSync = state =>
+  selectForemanRhCloud(state).InsightsCloudSync;

data/webpack/ForemanRhCloudTestHelpers.js

@@ -0,0 +1,6 @@
+export const rhCloudStateWrapper = innerState => ({
+  ForemanRhCloud: {
+    inventoryUpload: { ...innerState },
+    InsightsCloudSync: { ...innerState },
+  },
+});

data/webpack/InsightsCloudSync/InsightsCloudSync.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { IntlProvider } from 'react-intl';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { Button, Icon } from 'patternfly-react';
+import { INSIGHTS_SYNC_PAGE_TITLE } from './InsightsCloudSyncConstants';
+
+const InsightsCloudSync = ({ data: { settingsUrl }, syncInsights }) => {
+  document.title = INSIGHTS_SYNC_PAGE_TITLE;
+  return (
+    <IntlProvider locale={navigator.language}>
+      <div className="insights-cloud-sync">
+        <h1>{__('Red Hat Insights Sync')}</h1>
+        <p>
+          {__(`Insights synchronization process is used to provide Insights
+           recommendations output for hosts managed here`)}
+        </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" size="xs" />
+          </a>
+          <br />
+          {__("2. Copy the token to 'Red Hat Cloud token' setting: ")}
+          <a href={settingsUrl} target="_blank" rel="noopener noreferrer">
+            {__('Red Hat Cloud token ')}
+            <Icon name="external-link" size="xs" />
+          </a>
+          <br />
+          {__(
+            '3. Now you can syncronize recommendations manually using the "Sync now" button.'
+          )}
+        </p>
+        <div>
+          <Button bsStyle="primary" onClick={syncInsights}>
+            {__('Sync now')}
+          </Button>
+        </div>
+      </div>
+    </IntlProvider>
+  );
+};
+
+InsightsCloudSync.propTypes = {
+  syncInsights: PropTypes.func.isRequired,
+  data: PropTypes.shape({
+    settingsUrl: PropTypes.string.isRequired,
+  }).isRequired,
+};
+
+export default InsightsCloudSync;

data/webpack/InsightsCloudSync/InsightsCloudSync.test.js

@@ -0,0 +1,16 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { noop } from 'patternfly-react';
+
+import InsightsCloudSync from './InsightsCloudSync';
+
+const fixtures = {
+  render: {
+    syncInsights: noop,
+    data: {
+      settingsUrl: 'www.example.com/settings',
+    },
+  },
+};
+
+describe('InsightsCloudSync', () =>
+  testComponentSnapshotsWithFixtures(InsightsCloudSync, fixtures));

data/webpack/InsightsCloudSync/InsightsCloudSyncActions.js

@@ -0,0 +1,23 @@
+import API from 'foremanReact/API';
+import { insightsCloudUrl } from './InsightsCloudSyncHelpers';
+import {
+  INSIGHTS_CLOUD_SYNC_SUCCESS,
+  INSIGHTS_CLOUD_SYNC_FAILURE,
+} from './InsightsCloudSyncConstants';
+
+export const syncInsights = () => async dispatch => {
+  try {
+    await API.post(insightsCloudUrl('tasks'));
+    dispatch({
+      type: INSIGHTS_CLOUD_SYNC_SUCCESS,
+      payload: {},
+    });
+  } catch (error) {
+    dispatch({
+      type: INSIGHTS_CLOUD_SYNC_FAILURE,
+      payload: {
+        error: error.message,
+      },
+    });
+  }
+};

data/webpack/InsightsCloudSync/InsightsCloudSyncConstants.js

@@ -0,0 +1,6 @@
+import { translate as __ } from 'foremanReact/common/I18n';
+
+export const INSIGHTS_CLOUD_SYNC_SUCCESS = 'INSIGHTS_CLOUD_SYNC_SUCCESS';
+export const INSIGHTS_CLOUD_SYNC_FAILURE = 'INSIGHTS_CLOUD_SYNC_FAILURE';
+
+export const INSIGHTS_SYNC_PAGE_TITLE = __('Red Hat Insights cloud sync');

data/webpack/InsightsCloudSync/InsightsCloudSyncHelpers.js

@@ -0,0 +1,3 @@
+import { foremanUrl } from '../ForemanRhCloudHelpers';
+
+export const insightsCloudUrl = path => foremanUrl(`/insights_cloud/${path}`);

data/webpack/InsightsCloudSync/InsightsCloudSyncReducers.js

@@ -0,0 +1,3 @@
+const reducers = {};
+
+export default reducers;

data/webpack/InsightsCloudSync/__snapshots__/InsightsCloudSync.test.js.snap

@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InsightsCloudSync render 1`] = `
+<IntlProvider
+  locale="en-US"
+>
+  <div
+    className="insights-cloud-sync"
+  >
+    <h1>
+      Red Hat Insights Sync
+    </h1>
+    <p>
+      Insights synchronization process is used to provide Insights
+           recommendations output for hosts managed here
+    </p>
+    <p>
+      1. Obtain an RHSM API token: 
+      <a
+        href="https://access.redhat.com/management/api"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        access.redhat.com 
+        <Icon
+          name="external-link"
+          size="xs"
+          type="fa"
+        />
+      </a>
+      <br />
+      2. Copy the token to 'Red Hat Cloud token' setting: 
+      <a
+        href="www.example.com/settings"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        Red Hat Cloud token 
+        <Icon
+          name="external-link"
+          size="xs"
+          type="fa"
+        />
+      </a>
+      <br />
+      3. Now you can syncronize recommendations manually using the "Sync now" button.
+    </p>
+    <div>
+      <Button
+        active={false}
+        block={false}
+        bsClass="btn"
+        bsStyle="primary"
+        disabled={false}
+        onClick={[Function]}
+      >
+        Sync now
+      </Button>
+    </div>
+  </div>
+</IntlProvider>
+`;