katello 4.10.0 → 4.11.0.rc1

data/webpack/components/extensions/HostDetails/Tabs/ErrataTab/HostErrataConstants.js

@@ -1,5 +1,4 @@
 export const HOST_ERRATA_KEY = 'HOST_ERRATUM';
-export const HOST_ERRATA_APPLICABILITY_KEY = 'HOST_ERRATA_APPLICABILITY';
 export const HOST_ERRATA_APPLY_KEY = 'HOST_ERRATUM_APPLY';
 
 export const ERRATA_TYPES = {

data/webpack/components/extensions/HostDetails/Tabs/ModuleStreamsTab/ModuleStreamsTab.js

@@ -24,8 +24,9 @@ import {
   LongArrowAltUpIcon,
   CheckIcon,
 } from '@patternfly/react-icons';
+import { useBulkSelect, useUrlParams } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
+import { useTableSort } from 'foremanReact/components/PF4/Helpers/useTableSort';
 import { selectModuleStreamStatus, selectModuleStream } from './ModuleStreamsSelectors';
-import { useBulkSelect, useTableSort, useUrlParams } from '../../../../Table/TableHooks';
 import { getHostModuleStreams } from './ModuleStreamsActions';
 import InactiveText from '../../../../../scenes/ContentViews/components/InactiveText';
 import TableWrapper from '../../../../../components/Table/TableWrapper';
@@ -47,7 +48,7 @@ import {
 } from '../../hostDetailsHelpers';
 
 const moduleStreamSupported = ({ os, version }) =>
-  os.match(/RedHat|RHEL|CentOS|Rocky|AlmaLinux|OracleLinux/i) && Number(version) > 7;
+  os.match(/RedHat|RHEL|CentOS|Rocky|AlmaLinux|Oracle Linux/i) && Number(version) > 7;
 export const hideModuleStreamsTab = ({ hostDetails }) => {
   const osMatch = hostDetails?.operatingsystem_name?.match(/(\D+) (\d+)/);
   if (!osMatch) return false;

data/webpack/components/extensions/HostDetails/Tabs/PackagesTab/PackageInstallModal.js

@@ -8,9 +8,9 @@ import { noop } from 'foremanReact/common/helpers';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { urlBuilder } from 'foremanReact/common/urlHelpers';
 import { selectAPIResponse } from 'foremanReact/redux/API/APISelectors';
+import { useBulkSelect } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
 import PropTypes from 'prop-types';
 import TableWrapper from '../../../../Table/TableWrapper';
-import { useBulkSelect } from '../../../../Table/TableHooks';
 import { HOST_YUM_INSTALLABLE_PACKAGES_KEY } from './YumInstallablePackagesConstants';
 import { selectHostYumInstallablePackagesStatus } from './YumInstallablePackagesSelectors';
 import { getHostYumInstallablePackages } from './YumInstallablePackagesActions';
@@ -124,7 +124,7 @@ const PackageInstallModal = ({
   const selectedPackageNames = () => selectedResults.map(({ name }) => name);
 
   const installViaRex = () => {
-    triggerPackageInstall(fetchBulkParams());
+    triggerPackageInstall(fetchBulkParams(), selectedPackageNames().join(', '));
     selectNone();
     closeModal();
   };

data/webpack/components/extensions/HostDetails/Tabs/PackagesTab/PackagesTab.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useState, useRef } from 'react';
-import { useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
 import {
   ActionList,
   ActionListItem,
@@ -19,12 +19,14 @@ import {
 import { TableVariant, Thead, Tbody, Tr, Th, Td, TableText } from '@patternfly/react-table';
 import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
+import { HOST_DETAILS_KEY } from 'foremanReact/components/HostDetails/consts';
 import { selectAPIResponse } from 'foremanReact/redux/API/APISelectors';
-
+import { useSet, useBulkSelect, useUrlParams } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
+import { useTableSort } from 'foremanReact/components/PF4/Helpers/useTableSort';
 import { urlBuilder } from 'foremanReact/common/urlHelpers';
 import SelectableDropdown from '../../../../SelectableDropdown';
 import TableWrapper from '../../../../../components/Table/TableWrapper';
-import { useBulkSelect, useTableSort, useUrlParams, useSet } from '../../../../../components/Table/TableHooks';
+
 import PackagesStatus from '../../../../../components/Packages';
 import {
   getInstalledPackagesWithLatest,
@@ -43,6 +45,7 @@ import { hasRequiredPermissions as can,
   userPermissionsFromHostDetails } from '../../hostDetailsHelpers';
 import SortableColumnHeaders from '../../../../Table/components/SortableColumnHeaders';
 import { useRexJobPolling } from '../RemoteExecutionHooks';
+import { runSubmanRepos } from '../../Cards/ContentViewDetailsCard/HostContentViewActions';
 
 const invokeRexJobs = ['create_job_invocations'];
 const createBookmarks = ['create_bookmarks'];
@@ -199,6 +202,7 @@ export const PackagesTab = () => {
   const { results, ...metadata } = response;
   const { error: errorSearchBody } = metadata;
   const status = useSelector(state => selectHostPackagesStatus(state));
+  const dispatch = useDispatch();
   const {
     selectOne,
     isSelected,
@@ -228,9 +232,10 @@ export const PackagesTab = () => {
     isPolling: isRemoveInProgress,
   } = useRexJobPolling(packageRemoveAction);
 
-  const packageBulkRemoveAction = bulkParams => removePackages({
+  const packageBulkRemoveAction = (bulkParams, packageNames) => removePackages({
     hostname,
     search: bulkParams,
+    descriptionFormat: `Remove package(s) ${packageNames}`,
   });
 
   const {
@@ -250,10 +255,11 @@ export const PackagesTab = () => {
     isPolling: isUpgradeInProgress,
   } = useRexJobPolling(packageUpgradeAction, getHostDetails({ hostname }));
 
-  const packageBulkUpgradeAction = bulkParams => updatePackages({
+  const packageBulkUpgradeAction = (bulkParams, descriptionFormat) => updatePackages({
     hostname,
     search: bulkParams,
     versions: JSON.stringify(selectedNVRAVersions || []),
+    descriptionFormat,
   });
 
   const {
@@ -263,7 +269,7 @@ export const PackagesTab = () => {
   } = useRexJobPolling(packageBulkUpgradeAction, getHostDetails({ hostname }));
 
   const packageInstallAction
-    = bulkParams => installPackageBySearch({ hostname, search: bulkParams });
+    = (bulkParams, packageNames) => installPackageBySearch({ hostname, search: bulkParams, descriptionFormat: `Install package(s) ${packageNames}` });
 
   const {
     triggerJobStart: triggerPackageInstall,
@@ -271,6 +277,23 @@ export const PackagesTab = () => {
     isPolling: isInstallInProgress,
   } = useRexJobPolling(packageInstallAction, getHostDetails({ hostname }));
 
+  const refreshHostDetails = () => dispatch({
+    type: 'API_GET',
+    payload: {
+      key: HOST_DETAILS_KEY,
+      url: `/api/hosts/${hostname}`,
+    },
+  });
+
+  const {
+    triggerJobStart: triggerRecalculate, lastCompletedJob: lastCompletedRecalculate,
+  } = useRexJobPolling(() => runSubmanRepos(hostname, refreshHostDetails));
+
+  const handleRefreshApplicabilityClick = () => {
+    setIsBulkActionOpen(false);
+    triggerRecalculate();
+  };
+
   const actionInProgress = (isRemoveInProgress || isUpgradeInProgress
     || isBulkRemoveInProgress || isBulkUpgradeInProgress || isInstallInProgress);
   const disabledReason = __('A remote execution job is in progress.');
@@ -286,9 +309,10 @@ export const PackagesTab = () => {
 
   const removePackagesViaRemoteExecution = () => {
     const selected = fetchBulkParams();
+    const packageNames = selectedResults.map(({ name }) => name);
     setIsBulkActionOpen(false);
     selectNone();
-    triggerBulkPackageRemove(selected);
+    triggerBulkPackageRemove(selected, packageNames.join(', '));
   };
 
   const removeBulk = () => removePackagesViaRemoteExecution();
@@ -301,9 +325,13 @@ export const PackagesTab = () => {
 
   const upgradeBulkViaRemoteExecution = () => {
     const selected = fetchBulkParams();
+    const packageNames = selectedResults.map(({ name }) => name);
+    const allRowsSelected = areAllRowsSelected();
+    let descriptionFormatText = allRowsSelected ? 'Upgrade all packages' : `Upgrade package(s) ${packageNames.join(', ')}`;
+    if (selectAllMode && !allRowsSelected) descriptionFormatText = 'Upgrade lots of packages'; // we don't know the package names in the exclusion set
     setIsBulkActionOpen(false);
     selectNone();
-    triggerBulkPackageUpgrade(selected);
+    triggerBulkPackageUpgrade(selected, descriptionFormatText);
   };
 
   const upgradeBulk = () => upgradeBulkViaRemoteExecution();
@@ -347,7 +375,7 @@ export const PackagesTab = () => {
     </DropdownItem>,
   ];
 
-  const dropdownRemoveItems = [
+  const kebabItems = [
     <DropdownItem
       aria-label="bulk_remove"
       ouiaId="bulk_remove"
@@ -368,6 +396,15 @@ export const PackagesTab = () => {
     >
       {__('Install packages')}
     </DropdownItem>,
+    <DropdownItem
+      aria-label="refresh_applicability"
+      ouiaId="refresh_applicability"
+      key="refresh_applicability"
+      component="button"
+      onClick={handleRefreshApplicabilityClick}
+    >
+      {__('Refresh package applicability')}
+    </DropdownItem>,
   ];
 
   const handlePackageStatusSelected = newStatus => setPackageStatusSelected((prevStatus) => {
@@ -408,7 +445,7 @@ export const PackagesTab = () => {
               toggle={<KebabToggle aria-label="bulk_actions" onToggle={toggleBulkAction} />}
               isOpen={isBulkActionOpen}
               isPlain
-              dropdownItems={dropdownRemoveItems}
+              dropdownItems={kebabItems}
               ouiaId="bulk_actions_dropdown"
             />
           </ActionListItem>
@@ -433,7 +470,6 @@ export const PackagesTab = () => {
   );
 
   const resetFilters = () => setPackageStatusSelected(PACKAGE_STATUS);
-
   return (
     <div>
       <div id="packages-tab">
@@ -463,7 +499,7 @@ export const PackagesTab = () => {
           additionalListeners={[hostId, packageStatusSelected,
             activeSortDirection, activeSortColumn, lastCompletedPackageUpgrade,
             lastCompletedPackageRemove, lastCompletedBulkPackageRemove,
-            lastCompletedBulkPackageUpgrade, lastCompletedPackageInstall]}
+            lastCompletedBulkPackageUpgrade, lastCompletedPackageInstall, lastCompletedRecalculate]}
           fetchItems={fetchItems}
           bookmarkController="katello_host_installed_packages"
           readOnlyBookmarks={readOnlyBookmarks}

data/webpack/components/extensions/HostDetails/Tabs/RemoteExecutionActions.js

@@ -9,10 +9,13 @@ import { PACKAGE_SEARCH_QUERY } from './PackagesTab/YumInstallablePackagesConsta
 import { PACKAGES_SEARCH_QUERY, SELECTED_UPDATE_VERSIONS } from './PackagesTab/HostPackagesConstants';
 
 // PARAM BUILDING
-const baseParams = ({ feature, hostname, inputs = {} }) => ({
+const baseParams = ({
+  feature, hostname, descriptionFormat, inputs = {},
+}) => ({
   job_invocation: {
     feature,
     inputs,
+    descriptionFormat,
     search_query: `name ^ (${hostname})`,
   },
 });
@@ -33,11 +36,12 @@ const katelloPackageInstallParams = ({ hostname, packageName }) =>
   });
 
 // used when we know package Id(s)
-const katelloPackageInstallBySearchParams = ({ hostname, search }) =>
+const katelloPackageInstallBySearchParams = ({ hostname, search, descriptionFormat }) =>
   baseParams({
     hostname,
     inputs: { [PACKAGE_SEARCH_QUERY]: search },
     feature: REX_FEATURES.KATELLO_PACKAGE_INSTALL_BY_SEARCH,
+    description_format: descriptionFormat,
   });
 
 const katelloPackageRemoveParams = ({ hostname, packageName }) =>
@@ -47,11 +51,12 @@ const katelloPackageRemoveParams = ({ hostname, packageName }) =>
     feature: REX_FEATURES.KATELLO_PACKAGE_REMOVE,
   });
 
-const katelloPackagesRemoveParams = ({ hostname, search }) =>
+const katelloPackagesRemoveParams = ({ hostname, search, descriptionFormat }) =>
   baseParams({
     hostname,
     inputs: { [PACKAGES_SEARCH_QUERY]: search },
     feature: REX_FEATURES.KATELLO_PACKAGES_REMOVE_BY_SEARCH,
+    description_format: descriptionFormat,
   });
 
 const katelloPackageUpdateParams = ({ hostname, packageName }) =>
@@ -61,11 +66,14 @@ const katelloPackageUpdateParams = ({ hostname, packageName }) =>
     feature: REX_FEATURES.KATELLO_PACKAGE_UPDATE,
   });
 
-const katelloPackagesUpdateParams = ({ hostname, search, versions }) => ({
+const katelloPackagesUpdateParams = ({
+  hostname, search, versions, descriptionFormat,
+}) => ({
   job_invocation: {
     feature: REX_FEATURES.KATELLO_PACKAGES_UPDATE_BY_SEARCH,
     inputs: { [PACKAGES_SEARCH_QUERY]: search, [SELECTED_UPDATE_VERSIONS]: versions },
     search_query: `name ^ (${hostname})`,
+    description_format: descriptionFormat,
   },
 });
 
@@ -134,11 +142,11 @@ export const installPackage = ({ hostname, packageName, handleSuccess }) => post
   errorToast,
 });
 
-export const installPackageBySearch = ({ hostname, search }) => post({
+export const installPackageBySearch = ({ hostname, search, descriptionFormat }) => post({
   type: API_OPERATIONS.POST,
   key: REX_JOB_INVOCATIONS_KEY,
   url: foremanApi.getApiUrl('/job_invocations'),
-  params: katelloPackageInstallBySearchParams({ hostname, search }),
+  params: katelloPackageInstallBySearchParams({ hostname, search, descriptionFormat }),
   handleSuccess: showRexToast,
   errorToast,
 });
@@ -152,11 +160,11 @@ export const removePackage = ({ hostname, packageName }) => post({
   errorToast,
 });
 
-export const removePackages = ({ hostname, search }) => post({
+export const removePackages = ({ hostname, search, descriptionFormat }) => post({
   type: API_OPERATIONS.POST,
   key: REX_JOB_INVOCATIONS_KEY,
   url: foremanApi.getApiUrl('/job_invocations'),
-  params: katelloPackagesRemoveParams({ hostname, search }),
+  params: katelloPackagesRemoveParams({ hostname, search, descriptionFormat }),
   handleSuccess: showRexToast,
   errorToast,
 });
@@ -170,11 +178,15 @@ export const updatePackage = ({ hostname, packageName }) => post({
   errorToast,
 });
 
-export const updatePackages = ({ hostname, search, versions }) => post({
+export const updatePackages = ({
+  hostname, search, versions, descriptionFormat,
+}) => post({
   type: API_OPERATIONS.POST,
   key: REX_JOB_INVOCATIONS_KEY,
   url: foremanApi.getApiUrl('/job_invocations'),
-  params: katelloPackagesUpdateParams({ hostname, search, versions }),
+  params: katelloPackagesUpdateParams({
+    hostname, search, versions, descriptionFormat,
+  }),
   handleSuccess: showRexToast,
   errorToast,
 });

data/webpack/components/extensions/HostDetails/Tabs/RemoteExecutionHooks.js

@@ -29,7 +29,7 @@ export const useRexJobPolling = (initialAction, successAction = null, failureAct
   const tick = (resp) => {
     const { data } = resp;
     const { statusLabel, id, description } = propsToCamelCase(data);
-    setRexJobId(id);
+    if (!id) setRexJobId(id);
     if (statusLabel && statusLabel !== 'running') {
       stopRexJobPolling({ jobId: id, statusLabel });
       if (statusLabel === 'succeeded') {

data/webpack/components/extensions/HostDetails/Tabs/RepositorySetsTab/RepositorySetsTab.js

@@ -42,12 +42,12 @@ import {
   Thead,
   Tr,
 } from '@patternfly/react-table';
+import { useTableSort } from 'foremanReact/components/PF4/Helpers/useTableSort';
 
 import {
   useBulkSelect,
-  useTableSort,
   useUrlParams,
-} from '../../../../../components/Table/TableHooks';
+} from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
 import TableWrapper from '../../../../../components/Table/TableWrapper';
 import hostIdNotReady from '../../HostDetailsActions';
 import { selectHostDetailsStatus } from '../../HostDetailsSelectors.js';

data/webpack/components/extensions/HostDetails/Tabs/TracesTab/EnableTracerModal.js

@@ -9,17 +9,24 @@ import {
   Dropdown,
   DropdownItem,
   DropdownToggle,
+  Text,
+  TextContent,
+  TextList,
+  TextListItem,
+  Alert,
 } from '@patternfly/react-core';
-import { CaretDownIcon } from '@patternfly/react-icons';
+import { CaretDownIcon, ArrowRightIcon } from '@patternfly/react-icons';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { useSelector } from 'react-redux';
 import { selectAPIResponse } from 'foremanReact/redux/API/APISelectors';
 import { katelloPackageInstallUrl } from '../customizedRexUrlHelpers';
 import { KATELLO_TRACER_PACKAGE } from './HostTracesConstants';
+import './EnableTracerModal.scss';
 
-const EnableTracerModal = ({ isOpen, setIsOpen, triggerJobStart }) => {
+const EnableTracerModal = ({
+  isOpen, setIsOpen, triggerJobStart, tracerRpmAvailable,
+}) => {
   const title = __('Enable Tracer');
-  const body = __('Enabling will install the katello-host-tools-tracer package on the host.');
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [buttonLoading, setButtonLoading] = useState(false);
   const toggleDropdownOpen = () => setIsDropdownOpen(prev => !prev);
@@ -42,6 +49,57 @@ const EnableTracerModal = ({ isOpen, setIsOpen, triggerJobStart }) => {
     handleClose();
   };
 
+  const body = (
+    <TextContent>
+      <Text ouiaId="enable-tracer-modal-text" id="enable-tracer-modal-p">
+        {__('Enabling Tracer requires installing the katello-host-tools-tracer package on the host.')}
+      </Text>
+      {!tracerRpmAvailable && (
+        <>
+          <Alert
+            ouiaId="enable-tracer-modal-prereq-text"
+            variant="warning"
+            isInline
+            title={__('Before continuing, ensure that all of the following prerequisites are met:')}
+          />
+          <TextList className="enable-tracer-modal-prereq-list">
+            <TextListItem>
+              {__('The Foreman Client repository is enabled. ')}
+              <a onClick={() => setButtonLoading(true)} href="/redhat_repositories" id="enable-tracer-enable-red-hat-repos-link">
+                {__('Enable Red Hat repositories')}
+              </a>
+              <ArrowRightIcon />
+            </TextListItem>
+            <TextListItem>
+              {__('The Foreman Client repository is synced. ')}
+              <a onClick={() => setButtonLoading(true)} href="/katello/sync_management" id="enable-tracer-sync-status-link">
+                {__('View sync status')}
+              </a>
+              <ArrowRightIcon />
+            </TextListItem>
+            <TextListItem>
+              {__('The Foreman Client repository is available in the host\'s content view environment(s). ')}
+              <a onClick={() => setButtonLoading(true)} href="/content_views" id="enable-tracer-cv-link">
+                {__('View content views')}
+              </a>
+              <ArrowRightIcon />
+            </TextListItem>
+            <TextListItem id="enable-repo-sets-p">
+              {__('The Foreman Client repository set is enabled for the host. ')}
+              <a onClick={() => setButtonLoading(true)} href="#/Content/Repository%20sets" id="enable-tracer-reposets-link">
+                {__('Enable repository sets')}
+              </a>
+              <ArrowRightIcon />
+            </TextListItem>
+            <TextListItem>
+              {__('Remote execution is enabled.')}
+            </TextListItem>
+          </TextList>
+        </>
+      )}
+    </TextContent>
+  );
+
   const dropdownItems = dropdownOptions.map(text => (
     <DropdownItem key={`option_${text}`} ouiaId={`option_${text}`} onClick={() => setSelectedOption(text)}>{text}</DropdownItem>
   ));
@@ -86,7 +144,7 @@ const EnableTracerModal = ({ isOpen, setIsOpen, triggerJobStart }) => {
       variant={ModalVariant.small}
       title={title}
       ouiaId="enable-tracer-modal"
-      width="28em"
+      width="46em"
       isOpen={isOpen}
       onClose={handleClose}
       actions={[
@@ -96,7 +154,14 @@ const EnableTracerModal = ({ isOpen, setIsOpen, triggerJobStart }) => {
     >
       <Flex direction={{ default: 'column' }}>
         <FlexItem>{body}</FlexItem>
-        <FlexItem><div>{__('Select a provider to install katello-host-tools-tracer')}</div></FlexItem>
+        <FlexItem>
+          <TextContent>
+            <Text ouiaId="enable-tracer-modal-provider-text">
+              {tracerRpmAvailable ? __('Select a provider to install katello-host-tools-tracer') :
+                __('Once the prerequisites are met, select a provider to install katello-host-tools-tracer')}
+            </Text>
+          </TextContent>
+        </FlexItem>
         <FlexItem>
           <Dropdown
             ouiaId="enable-tracer-modal-dropdown"
@@ -126,6 +191,7 @@ EnableTracerModal.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   setIsOpen: PropTypes.func.isRequired,
   triggerJobStart: PropTypes.func.isRequired,
+  tracerRpmAvailable: PropTypes.bool.isRequired,
 };
 
 export default EnableTracerModal;

data/webpack/components/extensions/HostDetails/Tabs/TracesTab/EnableTracerModal.scss

@@ -0,0 +1,16 @@
+.pf-c-content {
+  ul {
+      margin-top: 1rem;
+      li svg {
+        margin-right: 0.3rem;
+        margin-left: 0.3rem;
+      }
+      }
+  #enable-tracer-modal-p {
+    width: 32rem;
+  }
+}
+
+#enable-repo-sets-p {
+  width: 28rem;
+}

data/webpack/components/extensions/HostDetails/Tabs/TracesTab/TracesEnabler.js

@@ -53,7 +53,7 @@ EnableTracerButton.propTypes = {
   pollingStarted: PropTypes.bool.isRequired,
 };
 
-const TracesEnabler = ({ hostname }) => {
+const TracesEnabler = ({ hostname, tracerRpmAvailable }) => {
   const title = __('Traces are not enabled');
   const enablingTitle = __('Traces are being enabled');
   const body = __('Traces help administrators identify applications that need to be restarted after a system is patched.');
@@ -91,9 +91,11 @@ const TracesEnabler = ({ hostname }) => {
         </Flex>
       </EmptyStateBody>
       <EnableTracerModal
+        key={hostname}
         isOpen={enableTracerModalOpen}
         setIsOpen={setEnableTracerModalOpen}
         triggerJobStart={triggerJobStart}
+        tracerRpmAvailable={tracerRpmAvailable}
       />
     </EmptyState>
   );
@@ -101,6 +103,7 @@ const TracesEnabler = ({ hostname }) => {
 
 TracesEnabler.propTypes = {
   hostname: PropTypes.string.isRequired,
+  tracerRpmAvailable: PropTypes.bool.isRequired,
 };
 
 export default TracesEnabler;

data/webpack/components/extensions/HostDetails/Tabs/TracesTab/TracesTab.js

@@ -8,9 +8,10 @@ import { translate as __ } from 'foremanReact/common/I18n';
 import { TableVariant, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
 import { useSelector } from 'react-redux';
 import { selectAPIResponse } from 'foremanReact/redux/API/APISelectors';
+import { useBulkSelect, useUrlParams } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
+import { useTableSort } from 'foremanReact/components/PF4/Helpers/useTableSort';
 import TracesEnabler from './TracesEnabler';
 import TableWrapper from '../../../../Table/TableWrapper';
-import { useBulkSelect, useTableSort, useUrlParams } from '../../../../Table/TableHooks';
 import { getHostTraces } from './HostTracesActions';
 import { resolveTraces } from '../RemoteExecutionActions';
 import { selectHostTracesStatus } from './HostTracesSelectors';
@@ -36,6 +37,7 @@ const TracesTab = () => {
   } = hostDetails;
   const showActions = can(invokeRexJobs, userPermissionsFromHostDetails({ hostDetails }));
   const showEnableTracer = (contentFacetAttributes?.katello_tracer_installed === false);
+  const tracerRpmAvailable = contentFacetAttributes?.katello_tracer_rpm_available;
   const emptyContentTitle = showActions ? __('No applications to restart') : __('Traces not available');
   const tracesNotAvailBody = showEnableTracer ? __('Traces may be enabled by a user with the appropriate permissions.') :
     __('Traces will be shown here to a user with the appropriate permissions.');
@@ -180,7 +182,9 @@ const TracesTab = () => {
 
   ) : null;
   const status = useSelector(state => selectHostTracesStatus(state));
-  if (showEnableTracer && showActions) return <TracesEnabler hostname={hostname} />;
+  if (showEnableTracer && showActions) {
+    return <TracesEnabler hostname={hostname} tracerRpmAvailable={tracerRpmAvailable} />;
+  }
 
   if (!hostId) return <Skeleton />;
 

data/webpack/components/extensions/HostDetails/Tabs/__tests__/packagesTab.test.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import { renderWithRedux, patientlyWaitFor, fireEvent } from 'react-testing-lib-wrapper';
+import * as hooks from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
 import { nockInstance, assertNockRequest, mockForemanAutocomplete } from '../../../../../test-utils/nockWrapper';
 import { foremanApi } from '../../../../../services/api';
 import { HOST_PACKAGES_KEY, PACKAGES_SEARCH_QUERY, SELECTED_UPDATE_VERSIONS } from '../PackagesTab/HostPackagesConstants';
 import { PackagesTab } from '../PackagesTab/PackagesTab.js';
 import mockPackagesData from './packages.fixtures.json';
 import { REX_FEATURES } from '../RemoteExecutionConstants';
-import * as hooks from '../../../../Table/TableHooks';
 
 jest.mock('../../hostDetailsHelpers', () => ({
   ...jest.requireActual('../../hostDetailsHelpers'),
@@ -271,6 +271,7 @@ test('Can bulk upgrade via remote execution', async (done) => {
         },
         search_query: `name ^ (${hostname})`,
         feature: REX_FEATURES.KATELLO_PACKAGES_UPDATE_BY_SEARCH,
+        description_format: 'Upgrade package(s) chrony, coreutils',
       },
     })
     .reply(201);

data/webpack/components/extensions/HostDetails/Tabs/__tests__/tracesTab.test.js

@@ -31,6 +31,7 @@ const tracerNotInstalledResponse = {
   ...tracerInstalledResponse,
   content_facet_attributes: {
     katello_tracer_installed: false,
+    katello_tracer_rpm_available: false,
   },
 };
 
@@ -395,6 +396,30 @@ describe('Without tracer installed', () => {
     assertNockRequest(jobInvocationScope, done);
   });
 
+  test('Detects if tracer package is not available to install', async () => {
+    const { getByText, queryByText }
+      = renderWithRedux(<TracesTab />, renderOptions(false));
+
+    await patientlyWaitFor(() => expect(queryByText('Traces are not enabled')).toBeInTheDocument());
+    const enableTracesButton = getByText('Enable Traces');
+    enableTracesButton.click();
+
+    expect(getByText('Before continuing, ensure that all of the following prerequisites are met:')).toBeInTheDocument();
+  });
+
+  test('Detects when tracer package is available to install', async () => {
+    tracerNotInstalledResponse.content_facet_attributes.katello_tracer_rpm_available = true;
+
+    const { getByText, queryByText }
+      = renderWithRedux(<TracesTab />, renderOptions(false));
+
+    await patientlyWaitFor(() => expect(queryByText('Traces are not enabled')).toBeInTheDocument());
+    const enableTracesButton = getByText('Enable Traces');
+    enableTracesButton.click();
+
+    expect(queryByText('Before continuing, ensure that all of the following prerequisites are met:')).not.toBeInTheDocument();
+  });
+
   test('Can enable tracer via customized remote execution', async () => {
     const feature = REX_FEATURES.KATELLO_PACKAGE_INSTALL;
     const { getByText, getByRole, queryByText }

data/webpack/components/extensions/Hosts/ActionsBar/index.js

@@ -0,0 +1,36 @@
+import React, { useContext } from 'react';
+import { DropdownItem } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { foremanUrl } from 'foremanReact/common/helpers';
+import { ForemanHostsIndexActionsBarContext } from 'foremanReact/components/HostsIndex';
+
+const HostActionsBar = () => {
+  const {
+    fetchBulkParams,
+    selectedCount,
+    selectAllMode,
+  } = useContext(ForemanHostsIndexActionsBarContext);
+
+  let href = '';
+  if (selectAllMode) {
+    const query = fetchBulkParams({ selectAllQuery: 'created_at < "1 second ago"' });
+    href = foremanUrl(`/change_host_content_source?search=${query}`);
+  } else if (selectedCount > 0) {
+    href = foremanUrl(`/change_host_content_source?search=${fetchBulkParams()}`);
+  }
+
+  return (
+    <>
+      <DropdownItem
+        ouiaId="change-content-s-dropdown-item"
+        key="change-content-source-dropdown-item"
+        href={href}
+        isDisabled={selectedCount === 0}
+      >
+        {__('Change content source')}
+      </DropdownItem>
+    </>
+  );
+};
+
+export default HostActionsBar;

data/webpack/components/extensions/Hosts/constants.js

@@ -0,0 +1,2 @@
+const HOSTS_INDEX = 'HOSTS';
+export default HOSTS_INDEX;