foreman_rh_cloud 4.0.31 → 5.0.31

data/webpack/InsightsHostDetailsTab/InsightsTotalRiskChart.js

@@ -0,0 +1,147 @@
+import React, { useEffect, useState, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useDispatch } from 'react-redux';
+import { push } from 'connected-react-router';
+import { useHistory } from 'react-router-dom';
+import { DropdownItem, Bullseye, Title } from '@patternfly/react-core';
+import { ChartDonut, ChartLegend, ChartLabel } from '@patternfly/react-charts';
+import { STATUS } from 'foremanReact/constants';
+import { useAPI } from 'foremanReact/common/hooks/API/APIHooks';
+import CardTemplate from 'foremanReact/components/HostDetails/Templates/CardItem/CardTemplate';
+import { translate as __ } from 'foremanReact/common/I18n';
+import SkeletonLoader from 'foremanReact/components/common/SkeletonLoader';
+import { insightsCloudUrl } from '../InsightsCloudSync/InsightsCloudSyncHelpers';
+import { getInitialRisks, theme } from './InsightsTabConstants';
+
+const InsightsTotalRiskCard = ({ hostDetails: { id } }) => {
+  const [totalRisks, setTotalRisks] = useState(getInitialRisks());
+  const hashHistory = useHistory();
+  const dispatch = useDispatch();
+  const API_KEY = `HOST_${id}_RECOMMENDATIONS`;
+  const API_OPTIONS = useMemo(() => ({ key: API_KEY }), [API_KEY]);
+  const {
+    status = STATUS.PENDING,
+    response: { hits = [] },
+  } = useAPI('get', insightsCloudUrl(`hits/${id}`), API_OPTIONS);
+
+  useEffect(() => {
+    if (status === STATUS.RESOLVED) {
+      const risks = getInitialRisks();
+      hits.forEach(({ total_risk: risk }) => {
+        risks[risk].value += 1;
+      });
+      risks.total = hits.length;
+      setTotalRisks(risks);
+    }
+  }, [hits, status]);
+
+  const onChartClick = (evt, { index }) => {
+    hashHistory.push(`/Insights`);
+    dispatch(
+      push({
+        search: `search=total_risk+%3D+${index + 1}`,
+      })
+    );
+  };
+
+  const onChartHover = (evt, { index }) => [
+    {
+      mutation: ({ style }) => ({
+        style: { ...style, fill: totalRisks[index + 1]?.hoverFill },
+      }),
+    },
+  ];
+
+  const { 1: low, 2: moderate, 3: important, 4: critical, total } = totalRisks;
+
+  // eslint-disable-next-line react/prop-types
+  const LegendLabel = ({ index, ...rest }) => (
+    <a key={index} onClick={() => onChartClick(null, { index })}>
+      <ChartLabel {...rest} />
+    </a>
+  );
+
+  const legend = (
+    <ChartLegend
+      height={400}
+      width={200}
+      fontSize={14}
+      rowGutter={{ top: -5, bottom: -5 }}
+      orientation="vertical"
+      labelComponent={<LegendLabel />}
+      data={[
+        { name: `${low.title}: ${low.value}` },
+        { name: `${moderate.title}: ${moderate.value}` },
+        { name: `${important.title}: ${important.value}` },
+        { name: `${critical.title}: ${critical.value}` },
+      ]}
+    />
+  );
+
+  const cardBody = (
+    <ChartDonut
+      ariaDesc="Number of recommendations total-risks"
+      constrainToVisibleArea
+      data={[
+        { x: low.title, y: low.value },
+        { x: moderate.title, y: moderate.value },
+        { x: important.title, y: important.value },
+        { x: critical.title, y: critical.value },
+      ]}
+      labels={({ datum: { x, y } }) => `${x}: ${y}`}
+      legendComponent={legend}
+      legendPosition="right"
+      subTitle="Recommendations"
+      title={`${total}`}
+      padding={{
+        bottom: 20,
+        left: 20,
+        right: 140,
+        top: 20,
+      }}
+      width={350}
+      theme={theme}
+      events={[
+        {
+          target: 'data',
+          eventHandlers: {
+            onClick: onChartClick,
+            onMouseOver: onChartHover,
+            onMouseOut: () => [{ mutation: () => null }],
+          },
+        },
+      ]}
+    />
+  );
+
+  return (
+    <CardTemplate
+      header={__('Total Risks')}
+      dropdownItems={[
+        <DropdownItem
+          key="insights-tab"
+          onClick={() => hashHistory.push(`/Insights`)}
+        >
+          {__('View all recommendations')}
+        </DropdownItem>,
+      ]}
+    >
+      <SkeletonLoader
+        status={status}
+        emptyState={
+          <Bullseye>
+            <Title headingLevel="h4"> {__('No results found')} </Title>
+          </Bullseye>
+        }
+      >
+        <div id="rh-cloud-total-risk-card">{cardBody}</div>
+      </SkeletonLoader>
+    </CardTemplate>
+  );
+};
+
+InsightsTotalRiskCard.propTypes = {
+  hostDetails: PropTypes.object.isRequired,
+};
+
+export default InsightsTotalRiskCard;

data/webpack/InsightsHostDetailsTab/NewHostDetailsTab.js

@@ -0,0 +1,103 @@
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { useDispatch, useSelector } from 'react-redux';
+import SearchBar from 'foremanReact/components/SearchBar';
+import { translate as __ } from 'foremanReact/common/I18n';
+import {
+  Grid,
+  GridItem,
+  Dropdown,
+  DropdownItem,
+  KebabToggle,
+} from '@patternfly/react-core';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import InsightsTable from '../InsightsCloudSync/Components/InsightsTable';
+import RemediationModal from '../InsightsCloudSync/Components/RemediationModal';
+import Pagination from '../InsightsCloudSync/Components/InsightsTable/Pagination';
+import { INSIGHTS_SEARCH_PROPS } from '../InsightsCloudSync/InsightsCloudSyncConstants';
+import { fetchInsights } from '../InsightsCloudSync/Components/InsightsTable/InsightsTableActions';
+import {
+  selectSearch,
+  selectHits,
+} from '../InsightsCloudSync/Components/InsightsTable/InsightsTableSelectors';
+import { redHatAdvisorSystems } from '../InsightsCloudSync/InsightsCloudSyncHelpers';
+
+const NewHostDetailsTab = ({ hostName, router }) => {
+  const dispatch = useDispatch();
+  const query = useSelector(selectSearch);
+  const hits = useSelector(selectHits);
+
+  useEffect(() => () => router.replace({ search: null }), [router]);
+
+  const onSearch = q => dispatch(fetchInsights({ query: q, page: 1 }));
+
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const onSatInsightsClick = () =>
+    router.push({ pathname: '/foreman_rh_cloud/insights_cloud' });
+
+  const dropdownItems = [
+    <DropdownItem key="insights-link">
+      <a onClick={onSatInsightsClick}>{__('Go to Satellite Insights page')}</a>
+    </DropdownItem>,
+  ];
+
+  if (hits.length) {
+    const { host_uuid: uuid } = hits[0];
+    dropdownItems.push(
+      <DropdownItem key="insights-advisor-link">
+        <a
+          href={redHatAdvisorSystems(uuid)}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {__('View in Red Hat Insights')}
+          {'  '}
+          <ExternalLinkAltIcon />
+        </a>
+      </DropdownItem>
+    );
+  }
+
+  return (
+    <Grid id="new_host_details_insights_tab" hasGutter>
+      <GridItem span={5}>
+        <SearchBar
+          data={INSIGHTS_SEARCH_PROPS}
+          onSearch={onSearch}
+          initialQuery={query}
+        />
+      </GridItem>
+      <GridItem span={4}>
+        <RemediationModal />
+        <Dropdown
+          className="insights-dropdown"
+          onSelect={() => setIsDropdownOpen(false)}
+          toggle={
+            <KebabToggle onToggle={isOpen => setIsDropdownOpen(isOpen)} />
+          }
+          isOpen={isDropdownOpen}
+          isPlain
+          dropdownItems={dropdownItems}
+        />
+      </GridItem>
+      <GridItem span={3}>
+        <Pagination variant="top" isCompact />
+      </GridItem>
+      <GridItem>
+        <InsightsTable hideHost hostname={hostName} />
+      </GridItem>
+    </Grid>
+  );
+};
+
+NewHostDetailsTab.propTypes = {
+  hostName: PropTypes.string,
+  router: PropTypes.object,
+};
+
+NewHostDetailsTab.defaultProps = {
+  hostName: '',
+  router: {},
+};
+
+export default NewHostDetailsTab;

data/webpack/__mocks__/foremanReact/Root/Context/ForemanContext.js

@@ -1 +1,2 @@
 export const useForemanSettings = () => ({ perPage: 20 });
+export const useForemanOrganization = () => ({ title: 'some-org' });

data/webpack/__mocks__/foremanReact/components/Head.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Helmet } from 'react-helmet';
+
+const Head = ({ children }) => <Helmet>{children}</Helmet>;
+
+Head.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default Head;

data/webpack/common/DropdownToggle.js

@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Dropdown, KebabToggle } from '@patternfly/react-core';
+
+const DropdownToggle = ({ items, ...props }) => {
+  const [isOpen, setOpen] = useState(false);
+  return (
+    <Dropdown
+      onSelect={() => setOpen(false)}
+      toggle={<KebabToggle onToggle={value => setOpen(value)} />}
+      isOpen={isOpen}
+      isPlain
+      dropdownItems={items}
+      position="right"
+      {...props}
+    />
+  );
+};
+
+DropdownToggle.propTypes = {
+  items: PropTypes.array.isRequired,
+};
+
+export default DropdownToggle;

data/webpack/common/ForemanTasks/ForemanTasksActions.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { get } from 'foremanReact/redux/API';
 import { withInterval } from 'foremanReact/redux/middlewares/IntervalMiddleware';
-import { addToast } from 'foremanReact/redux/actions/toasts';
+import { addToast } from 'foremanReact/components/ToastsList';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { foremanTaskDetailsUrl } from './ForemanTasksHelpers';
 import { foremanUrl } from '../../ForemanRhCloudHelpers';

data/webpack/common/Switcher/__tests__/__snapshots__/SwitcherPF4.test.js.snap

@@ -7,6 +7,7 @@ exports[`InsightsCloudSync helpers should return insights cloud Url 1`] = `
   id="rh-cloud-switcher-some-id"
   isChecked={true}
   isDisabled={false}
+  isReversed={false}
   label={
     <div>
       some-label

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: foreman_rh_cloud
 version: !ruby/object:Gem::Version
-  version: 4.0.31
+  version: 5.0.31
 platform: ruby
 authors:
 - Foreman Red Hat Cloud team
@@ -158,6 +158,8 @@ files:
 - app/models/insights_rule.rb
 - app/models/inventory_sync/inventory_status.rb
 - app/models/setting/rh_cloud.rb
+- app/models/task_output_line.rb
+- app/models/task_output_status.rb
 - app/overrides/hosts_list.rb
 - app/overrides/layouts/base/styles.html.erb.deface
 - app/services/foreman_rh_cloud/branch_info.rb
@@ -189,6 +191,7 @@ files:
 - db/migrate/20210307000001_add_unique_to_insights_facet.foreman_rh_cloud.rb
 - db/migrate/20210404000001_change_resolutions.foreman_rh_cloud.rb
 - db/migrate/20210720000001_remove_old_insights_statuses.foreman_rh_cloud.rb
+- db/migrate/20211027000001_create_task_output.foreman_rh_cloud.rb
 - db/seeds.d/179_ui_notifications.rb
 - db/seeds.d/50_job_templates.rb
 - lib/foreman_inventory_upload.rb
@@ -260,6 +263,7 @@ files:
 - test/unit/insights_facet_test.rb
 - test/unit/metadata_generator_test.rb
 - test/unit/rh_cloud_http_proxy_test.rb
+- test/unit/rh_cloud_permissions_test.rb
 - test/unit/services/foreman_rh_cloud/branch_info_test.rb
 - test/unit/services/foreman_rh_cloud/cloud_request_forwarder_test.rb
 - test/unit/services/foreman_rh_cloud/cloud_status_service_test.rb
@@ -593,6 +597,8 @@ files:
 - webpack/InsightsHostDetailsTab/InsightsTabConstants.js
 - webpack/InsightsHostDetailsTab/InsightsTabReducer.js
 - webpack/InsightsHostDetailsTab/InsightsTabSelectors.js
+- webpack/InsightsHostDetailsTab/InsightsTotalRiskChart.js
+- webpack/InsightsHostDetailsTab/NewHostDetailsTab.js
 - webpack/InsightsHostDetailsTab/__tests__/InsightsTab.fixtures.js
 - webpack/InsightsHostDetailsTab/__tests__/InsightsTab.test.js
 - webpack/InsightsHostDetailsTab/__tests__/InsightsTabActions.test.js
@@ -610,12 +616,12 @@ files:
 - webpack/__mocks__/foremanReact/common/I18n.js
 - webpack/__mocks__/foremanReact/common/MountingService.js
 - webpack/__mocks__/foremanReact/common/helpers.js
+- webpack/__mocks__/foremanReact/components/Head.js
 - webpack/__mocks__/foremanReact/components/Layout/LayoutConstants.js
-- webpack/__mocks__/foremanReact/components/Layout/LayoutSelectors.js
+- webpack/__mocks__/foremanReact/components/ToastsList/index.js
 - webpack/__mocks__/foremanReact/constants.js
 - webpack/__mocks__/foremanReact/redux/API/APISelectors.js
 - webpack/__mocks__/foremanReact/redux/API/index.js
-- webpack/__mocks__/foremanReact/redux/actions/toasts.js
 - webpack/__mocks__/foremanReact/redux/middlewares/IntervalMiddleware.js
 - webpack/__mocks__/foremanReact/routes/RouterSelector.js
 - webpack/__mocks__/foremanReact/routes/common/PageLayout/PageLayout.js
@@ -625,6 +631,7 @@ files:
 - webpack/__tests__/__snapshots__/ForemanRhCloudHelpers.test.js.snap
 - webpack/__tests__/__snapshots__/ForemanRhCloudSelectors.test.js.snap
 - webpack/__tests__/__snapshots__/ForemanRhCloudTestHelpers.test.js.snap
+- webpack/common/DropdownToggle.js
 - webpack/common/ForemanTasks/ForemanTasksActions.js
 - webpack/common/ForemanTasks/ForemanTasksHelpers.js
 - webpack/common/ForemanTasks/index.js
@@ -691,6 +698,7 @@ test_files:
 - test/unit/insights_facet_test.rb
 - test/unit/metadata_generator_test.rb
 - test/unit/rh_cloud_http_proxy_test.rb
+- test/unit/rh_cloud_permissions_test.rb
 - test/unit/services/foreman_rh_cloud/branch_info_test.rb
 - test/unit/services/foreman_rh_cloud/cloud_request_forwarder_test.rb
 - test/unit/services/foreman_rh_cloud/cloud_status_service_test.rb

data/webpack/__mocks__/foremanReact/components/Layout/LayoutSelectors.js

@@ -1 +0,0 @@
-export const selectCurrentOrganization = state => 'some-org';