+ {linkToJob}
+
+
+ }
+ primaryButton={closeBtn}
+ />
+ ) : (
+ errorComponent
+ );
+
+ return {status === STATUS.PENDING ? : body};
+};
+
+Finish.propTypes = {
+ onClose: PropTypes.func.isRequired,
+};
+
+export default Finish;
diff --git a/webpack/components/OpenscapRemediationWizard/steps/ReviewHosts.js b/webpack/components/OpenscapRemediationWizard/steps/ReviewHosts.js
new file mode 100644
index 00000000..1d37a3a3
--- /dev/null
+++ b/webpack/components/OpenscapRemediationWizard/steps/ReviewHosts.js
@@ -0,0 +1,217 @@
+import React, { useContext, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import {
+ Spinner,
+ Toolbar,
+ ToolbarContent,
+ ToolbarGroup,
+ ToolbarItem,
+} from '@patternfly/react-core';
+import { Td } from '@patternfly/react-table';
+import { toArray } from 'lodash';
+
+import { foremanUrl } from 'foremanReact/common/helpers';
+import { translate as __ } from 'foremanReact/common/I18n';
+import SelectAllCheckbox from 'foremanReact/components/PF4/TableIndexPage/Table/SelectAllCheckbox';
+import { Table } from 'foremanReact/components/PF4/TableIndexPage/Table/Table';
+import { useBulkSelect } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
+import { getPageStats } from 'foremanReact/components/PF4/TableIndexPage/Table/helpers';
+import { STATUS } from 'foremanReact/constants';
+import { useAPI } from 'foremanReact/common/hooks/API/APIHooks';
+
+import OpenscapRemediationWizardContext from '../OpenscapRemediationWizardContext';
+import WizardHeader from '../WizardHeader';
+import { HOSTS_API_PATH, HOSTS_API_REQUEST_KEY } from '../constants';
+
+const ReviewHosts = () => {
+ const {
+ hostId,
+ setHostIdsParam,
+ defaultFailedHostsSearch,
+ setIsAllHostsSelected,
+ savedHostSelectionsRef,
+ } = useContext(OpenscapRemediationWizardContext);
+
+ const defaultParams = {
+ search: defaultFailedHostsSearch,
+ };
+ const defaultHostsArry = [hostId];
+
+ const [params, setParams] = useState(defaultParams);
+
+ const response = useAPI('get', `${HOSTS_API_PATH}?include_permissions=true`, {
+ key: HOSTS_API_REQUEST_KEY,
+ params: defaultParams,
+ });
+ const {
+ response: {
+ search: apiSearchQuery,
+ results,
+ per_page: perPage,
+ page,
+ subtotal,
+ message: errorMessage,
+ },
+ status = STATUS.PENDING,
+ setAPIOptions,
+ } = response;
+
+ const subtotalCount = Number(subtotal ?? 0);
+
+ const setParamsAndAPI = newParams => {
+ setParams(newParams);
+ setAPIOptions({ key: HOSTS_API_REQUEST_KEY, params: newParams });
+ };
+
+ const { pageRowCount } = getPageStats({
+ total: subtotalCount,
+ page,
+ perPage,
+ });
+ const { fetchBulkParams, ...selectAllOptions } = useBulkSelect({
+ results,
+ metadata: { total: subtotalCount, page },
+ initialSearchQuery: apiSearchQuery || defaultFailedHostsSearch,
+ isSelectable: () => true,
+ defaultArry: defaultHostsArry,
+ initialArry: toArray(
+ savedHostSelectionsRef.current.inclusionSet || defaultHostsArry
+ ),
+ initialExclusionArry: toArray(
+ savedHostSelectionsRef.current.exclusionSet || []
+ ),
+ initialSelectAllMode: savedHostSelectionsRef.current.selectAllMode || false,
+ });
+ const {
+ selectPage,
+ selectedCount,
+ selectOne,
+ selectNone,
+ selectDefault,
+ selectAll,
+ areAllRowsOnPageSelected,
+ areAllRowsSelected,
+ isSelected,
+ inclusionSet,
+ exclusionSet,
+ selectAllMode,
+ } = selectAllOptions;
+
+ useEffect(() => {
+ if (selectedCount) {
+ setHostIdsParam(fetchBulkParams());
+ savedHostSelectionsRef.current = {
+ inclusionSet,
+ exclusionSet,
+ selectAllMode,
+ };
+ }
+ }, [selectedCount, fetchBulkParams, setHostIdsParam]);
+
+ const selectionToolbar = (
+
+ {
+ selectAll(true);
+ setIsAllHostsSelected(true);
+ },
+ selectPage: () => {
+ selectPage();
+ setIsAllHostsSelected(false);
+ },
+ selectDefault: () => {
+ selectDefault();
+ setIsAllHostsSelected(false);
+ },
+ selectNone: () => {
+ selectNone();
+ setIsAllHostsSelected(false);
+ },
+ selectedCount,
+ pageRowCount,
+ }}
+ totalCount={subtotalCount}
+ selectedDefaultCount={1} // The default host (hostId) is always selected
+ areAllRowsOnPageSelected={areAllRowsOnPageSelected()}
+ areAllRowsSelected={areAllRowsSelected()}
+ />
+
+ );
+
+ const RowSelectTd = ({ rowData }) => (
+ {
+ selectOne(isSelecting, rowData.id, rowData);
+ // If at least one was unselected, then it's not all selected
+ if (!isSelecting) setIsAllHostsSelected(false);
+ },
+ isSelected: rowData.id === hostId || isSelected(rowData.id),
+ disable: rowData.id === hostId || false,
+ }}
+ />
+ );
+ RowSelectTd.propTypes = {
+ rowData: PropTypes.object.isRequired,
+ };
+
+ const columns = {
+ name: {
+ title: __('Name'),
+ wrapper: ({ id, name }) => {name},
+ isSorted: true,
+ },
+ operatingsystem_name: {
+ title: __('OS'),
+ },
+ };
+
+ return (
+ <>
+
+
+
+
+ {selectionToolbar}
+ {status === STATUS.PENDING && (
+
+
+
+ )}
+
+
+
+
+ setAPIOptions({
+ key: HOSTS_API_REQUEST_KEY,
+ params: { defaultFailedHostsSearch },
+ })
+ }
+ columns={columns}
+ errorMessage={
+ status === STATUS.ERROR && errorMessage ? errorMessage : null
+ }
+ isPending={status === STATUS.PENDING}
+ showCheckboxes
+ rowSelectTd={RowSelectTd}
+ />
+
+ );
+};
+
+export default ReviewHosts;
diff --git a/webpack/components/OpenscapRemediationWizard/steps/ReviewRemediation.js b/webpack/components/OpenscapRemediationWizard/steps/ReviewRemediation.js
new file mode 100644
index 00000000..afbda9d3
--- /dev/null
+++ b/webpack/components/OpenscapRemediationWizard/steps/ReviewRemediation.js
@@ -0,0 +1,176 @@
+/* eslint-disable camelcase */
+import React, { useContext, useState } from 'react';
+import { some } from 'lodash';
+import {
+ CodeBlock,
+ CodeBlockAction,
+ CodeBlockCode,
+ ClipboardCopyButton,
+ Button,
+ Grid,
+ GridItem,
+ Alert,
+ Checkbox,
+} from '@patternfly/react-core';
+import { ExternalLinkSquareAltIcon } from '@patternfly/react-icons';
+
+import { translate as __ } from 'foremanReact/common/I18n';
+import { foremanUrl } from 'foremanReact/common/helpers';
+import { getHostsPageUrl } from 'foremanReact/Root/Context/ForemanContext';
+
+import OpenscapRemediationWizardContext from '../OpenscapRemediationWizardContext';
+import WizardHeader from '../WizardHeader';
+import ViewSelectedHostsLink from '../ViewSelectedHostsLink';
+import { HOSTS_PATH, FAIL_RULE_SEARCH } from '../constants';
+import { findFixBySnippet } from '../helpers';
+
+import './ReviewRemediation.scss';
+
+const ReviewRemediation = () => {
+ const {
+ fixes,
+ snippet,
+ method,
+ hostName,
+ source,
+ isRebootSelected,
+ setIsRebootSelected,
+ isAllHostsSelected,
+ hostIdsParam,
+ defaultFailedHostsSearch,
+ } = useContext(OpenscapRemediationWizardContext);
+ const [copied, setCopied] = useState(false);
+ const selectedFix = findFixBySnippet(fixes, snippet);
+ const snippetText = selectedFix?.full_text;
+ // can be one of null, "true", "false"
+ // if null, it may indicate that reboot might be needed
+ const checkForReboot = () => !some(fixes, { reboot: 'false' });
+ const isRebootRequired = () => some(fixes, { reboot: 'true' });
+
+ const copyToClipboard = (e, text) => {
+ navigator.clipboard.writeText(text.toString());
+ };
+
+ const onCopyClick = (e, text) => {
+ copyToClipboard(e, text);
+ setCopied(true);
+ };
+
+ const description =
+ method === 'manual'
+ ? __('Review the remediation snippet and apply it to the host manually.')
+ : __(
+ 'Review the remediation snippet that will be applied to selected host(s).'
+ );
+
+ const rebootAlertTitle = isRebootRequired()
+ ? __('A reboot is required after applying remediation.')
+ : __('A reboot might be required after applying remediation.');
+
+ const actions = (
+
+
+ onCopyClick(e, snippetText)}
+ exitDelay={copied ? 1500 : 600}
+ maxWidth="110px"
+ variant="plain"
+ onTooltipHidden={() => setCopied(false)}
+ >
+ {copied
+ ? __('Successfully copied to clipboard!')
+ : __('Copy to clipboard')}
+
+
+
+ );
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+ }
+ iconPosition="right"
+ target="_blank"
+ component="a"
+ href={foremanUrl(`${getHostsPageUrl(true)}/${hostName}`)}
+ >
+ {hostName}
+ {' '}
+
+
+ }
+ iconPosition="right"
+ target="_blank"
+ component="a"
+ href={foremanUrl(
+ `${HOSTS_PATH}/?search=${FAIL_RULE_SEARCH} = ${source}`
+ )}
+ >
+ {__('Other hosts failing this rule')}
+
+
+ {checkForReboot() ? (
+ <>
+
+
+
+ {method === 'manual' ? null : (
+
+ setIsRebootSelected(selected)}
+ />
+
+ )}
+
+ ) : null}
+
+
+
+ {snippetText}
+
+
+
+
+
+ );
+};
+
+export default ReviewRemediation;
diff --git a/webpack/components/OpenscapRemediationWizard/steps/ReviewRemediation.scss b/webpack/components/OpenscapRemediationWizard/steps/ReviewRemediation.scss
new file mode 100644
index 00000000..6f43dab4
--- /dev/null
+++ b/webpack/components/OpenscapRemediationWizard/steps/ReviewRemediation.scss
@@ -0,0 +1,4 @@
+pre.remediation-code {
+ border: none;
+ border-radius: none;
+}
diff --git a/webpack/components/OpenscapRemediationWizard/steps/SnippetSelect.js b/webpack/components/OpenscapRemediationWizard/steps/SnippetSelect.js
new file mode 100644
index 00000000..0e040a9b
--- /dev/null
+++ b/webpack/components/OpenscapRemediationWizard/steps/SnippetSelect.js
@@ -0,0 +1,160 @@
+import React, { useContext } from 'react';
+import { map, split, capitalize, join, slice, isEmpty } from 'lodash';
+import {
+ Form,
+ FormGroup,
+ FormSelect,
+ FormSelectOption,
+ Radio,
+ Alert,
+} from '@patternfly/react-core';
+
+import { translate as __ } from 'foremanReact/common/I18n';
+import { STATUS } from 'foremanReact/constants';
+import Loading from 'foremanReact/components/Loading';
+
+import OpenscapRemediationWizardContext from '../OpenscapRemediationWizardContext';
+import WizardHeader from '../WizardHeader';
+import EmptyState from '../../EmptyState';
+import { errorMsg, supportedRemediationSnippets } from '../helpers';
+
+const SnippetSelect = () => {
+ const {
+ fixes,
+ snippet,
+ setSnippet,
+ method,
+ setMethod,
+ logStatus,
+ logError,
+ supportedJobSnippets,
+ } = useContext(OpenscapRemediationWizardContext);
+
+ const snippetNameMap = {
+ 'urn:xccdf:fix:script:ansible': 'Ansible',
+ 'urn:xccdf:fix:script:puppet': 'Puppet',
+ 'urn:xccdf:fix:script:sh': 'Shell',
+ 'urn:xccdf:fix:script:kubernetes': 'Kubernetes',
+ 'urn:redhat:anaconda:pre': 'Anaconda',
+ 'urn:redhat:osbuild:blueprint': 'OSBuild Blueprint',
+ };
+
+ const snippetName = system => {
+ const mapped = snippetNameMap[system];
+ if (mapped) return mapped;
+
+ return join(
+ map(slice(split(system, ':'), -2), n => capitalize(n)),
+ ' '
+ );
+ };
+
+ const resetSnippet = meth => {
+ const snip = supportedRemediationSnippets(
+ fixes,
+ meth,
+ supportedJobSnippets
+ )[0];
+ setSnippet(snip);
+ return snip;
+ };
+
+ const setMethodResetSnippet = meth => {
+ setMethod(meth);
+ resetSnippet(meth);
+ };
+
+ const body =
+ logStatus === STATUS.RESOLVED ? (
+
+ ) : (
+
+ );
+
+ return (
+ <>
+
+ {logStatus === STATUS.PENDING ? : body}
+
+ );
+};
+
+export default SnippetSelect;
diff --git a/webpack/components/OpenscapRemediationWizard/steps/index.js b/webpack/components/OpenscapRemediationWizard/steps/index.js
new file mode 100644
index 00000000..dcef2667
--- /dev/null
+++ b/webpack/components/OpenscapRemediationWizard/steps/index.js
@@ -0,0 +1,4 @@
+export { default as SnippetSelect } from './SnippetSelect';
+export { default as ReviewHosts } from './ReviewHosts';
+export { default as ReviewRemediation } from './ReviewRemediation';
+export { default as Finish } from './Finish';
diff --git a/webpack/index.js b/webpack/index.js
index 5d666c39..24ddd207 100644
--- a/webpack/index.js
+++ b/webpack/index.js
@@ -1,8 +1,13 @@
import componentRegistry from 'foremanReact/components/componentRegistry';
import RuleSeverity from './components/RuleSeverity';
+import OpenscapRemediationWizard from './components/OpenscapRemediationWizard';
-componentRegistry.register({
- name: 'RuleSeverity',
- type: RuleSeverity,
+const components = [
+ { name: 'RuleSeverity', type: RuleSeverity },
+ { name: 'OpenscapRemediationWizard', type: OpenscapRemediationWizard },
+];
+
+components.forEach(component => {
+ componentRegistry.register(component);
});
|