katello 4.12.0 → 4.13.0.rc1

data/webpack/components/extensions/Hosts/BulkActions/BulkChangeHostCVModal/BulkChangeHostCVModal.js

@@ -0,0 +1,220 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { useDispatch, useSelector } from 'react-redux';
+import { FormattedMessage } from 'react-intl';
+import { Modal, Button, Alert, TextContent, Text, TextVariants } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { STATUS } from 'foremanReact/constants';
+import { useAPI } from 'foremanReact/common/hooks/API/APIHooks';
+import { selectAPIStatus } from 'foremanReact/redux/API/APISelectors';
+import { ENVIRONMENT_PATHS_KEY } from '../../../../../scenes/ContentViews/components/EnvironmentPaths/EnvironmentPathConstants';
+import EnvironmentPaths from '../../../../../scenes/ContentViews/components/EnvironmentPaths/EnvironmentPaths';
+import ContentViewSelect from '../../../../../scenes/ContentViews/components/ContentViewSelect/ContentViewSelect';
+import ContentViewSelectOption from '../../../../../scenes/ContentViews/components/ContentViewSelect/ContentViewSelectOption';
+import api from '../../../../../services/api';
+import getContentViews from '../../../../../scenes/ContentViews/ContentViewsActions';
+import { selectContentViews, selectContentViewStatus } from '../../../../../scenes/ContentViews/ContentViewSelectors';
+import { bulkUpdateHostContentViewAndEnvironment } from './actions';
+import { getCVPlaceholderText } from '../../../../../scenes/ContentViews/components/ContentViewSelect/helpers';
+import HOST_CV_AND_ENV_KEY from '../../../HostDetails/Cards/ContentViewDetailsCard/HostContentViewConstants';
+
+const ENV_PATH_OPTIONS = { key: ENVIRONMENT_PATHS_KEY };
+
+const BulkChangeHostCVModal = ({
+  isOpen,
+  closeModal,
+  selectedCount,
+  orgId,
+  fetchBulkParams,
+}) => {
+  const [selectedLifecycleEnv, setSelectedLifecycleEnv]
+    = useState([]);
+
+  const [selectedContentView, setSelectedContentView] = useState(null);
+  const [cvSelectOpen, setCVSelectOpen] = useState(false);
+  const dispatch = useDispatch();
+  const contentViewsInEnvResponse = useSelector(state => selectContentViews(state, '_FOR_DEFAULT_ENV'));
+  const { results } = contentViewsInEnvResponse;
+  const contentViewsInEnvStatus = useSelector(state => selectContentViewStatus(state, '_FOR_DEFAULT_ENV'));
+  const hostUpdateStatus = useSelector(state => selectAPIStatus(state, HOST_CV_AND_ENV_KEY));
+  const pathsUrl = `/organizations/${orgId}/environments/paths?permission_type=promotable`;
+  useAPI( // No TableWrapper here, so we can useAPI from Foreman
+    'get',
+    api.getApiUrl(pathsUrl),
+    ENV_PATH_OPTIONS,
+  );
+  const selectedContentViewId = results?.find(cv => cv.name === selectedContentView)?.id;
+
+  const handleModalClose = () => {
+    setCVSelectOpen(false);
+    setSelectedContentView(null);
+    setSelectedLifecycleEnv([]);
+    closeModal();
+  };
+
+  const selectedEnv = selectedLifecycleEnv?.[0];
+  const selectedEnvId = selectedEnv?.id;
+
+  const handleCVSelect = (event, selection) => {
+    setSelectedContentView(selection);
+    setCVSelectOpen(false);
+  };
+
+  const handleEnvSelect = (selection) => {
+    dispatch(getContentViews({
+      environment_id: selection[0].id,
+      include_default: true,
+      full_result: true,
+      order: 'default DESC', // show Default Organization View first
+    }, '_FOR_DEFAULT_ENV'));
+    setSelectedContentView(null);
+    setSelectedLifecycleEnv(selection);
+  };
+  const { results: contentViewsInEnv = [] } = contentViewsInEnvResponse;
+  const canSave = !!(selectedContentView && selectedLifecycleEnv.length);
+
+  const handleSave = () => {
+    const requestBody = {
+      content_view_id: selectedContentViewId,
+      environment_id: selectedEnvId,
+      organization_id: orgId,
+      included: {
+        search: fetchBulkParams(),
+      },
+    };
+    dispatch(bulkUpdateHostContentViewAndEnvironment(
+      requestBody, fetchBulkParams(),
+      handleModalClose, handleModalClose,
+    ));
+  };
+
+  const cvPlaceholderText = getCVPlaceholderText({
+    environments: selectedLifecycleEnv,
+    cvSelectOptions: contentViewsInEnv,
+    contentViewsStatus: contentViewsInEnvStatus,
+  });
+
+  const stillLoading =
+    (contentViewsInEnvStatus === STATUS.PENDING || hostUpdateStatus === STATUS.PENDING);
+  const noContentViewsAvailable =
+    (contentViewsInEnv.length === 0 || selectedLifecycleEnv.length === 0);
+
+  const modalActions = ([
+    <Button
+      key="add"
+      ouiaId="bulk-change-host-cv-modal-add-button"
+      variant="primary"
+      onClick={handleSave}
+      isDisabled={!canSave || hostUpdateStatus === STATUS.PENDING}
+      isLoading={hostUpdateStatus === STATUS.PENDING}
+    >
+      {__('Save')}
+    </Button>,
+    <Button key="cancel" ouiaId="change-host-cv-modal-cancel-button" variant="link" onClick={handleModalClose}>
+      Cancel
+    </Button>,
+  ]);
+  return (
+    <Modal
+      isOpen={isOpen}
+      onClose={handleModalClose}
+      onEscapePress={handleModalClose}
+      title={__('Edit content view environments')}
+      width="50%"
+      position="top"
+      actions={modalActions}
+      id="bulk-change-host-cv-modal"
+      key="bulk-change-host-cv-modal"
+      ouiaId="bulk-change-host-cv-modal"
+    >
+      <TextContent>
+        <Text
+          ouiaId="bulk-change-cv-options-description"
+        >
+          <FormattedMessage
+            defaultMessage={__('This will update the content view environments for {hosts}.')}
+            values={{
+              hosts: (
+                <strong>
+                  <FormattedMessage
+                    defaultMessage="{count, plural, one {# {singular}} other {# {plural}}}"
+                    values={{
+                      count: selectedCount,
+                      singular: __('selected host'),
+                      plural: __('selected hosts'),
+                    }}
+                    id="ccs-options-i18n"
+                  />
+                </strong>
+              ),
+            }}
+            id="bulk-change-cv-options-description-i18n"
+          />
+        </Text>
+      </TextContent>
+      {contentViewsInEnvStatus === STATUS.RESOLVED &&
+        !!selectedLifecycleEnv.length && contentViewsInEnv.length === 0 &&
+        <Alert
+          ouiaId="no-cv-alert"
+          variant="warning"
+          isInline
+          title={__('No content views available for the selected environment')}
+          style={{ marginBottom: '1rem' }}
+        >
+          <a href="/content_views">{__('View the Content Views page')}</a>
+          {__(' to manage and promote content views, or select a different environment.')}
+        </Alert>
+      }
+      <EnvironmentPaths
+        userCheckedItems={selectedLifecycleEnv}
+        setUserCheckedItems={handleEnvSelect}
+        publishing={false}
+        multiSelect={false}
+        headerText={__('Select environment')}
+        isDisabled={hostUpdateStatus === STATUS.PENDING}
+      />
+      <ContentViewSelect
+        selections={selectedContentView}
+        onClear={() => setSelectedContentView(null)}
+        onSelect={handleCVSelect}
+        isOpen={cvSelectOpen}
+        isDisabled={stillLoading || noContentViewsAvailable}
+        onToggle={isExpanded => setCVSelectOpen(isExpanded)}
+        placeholderText={cvPlaceholderText}
+      >
+        {(contentViewsInEnv.length !== 0 && selectedLifecycleEnv.length !== 0) &&
+            contentViewsInEnv?.map(cv => (
+              <ContentViewSelectOption
+                key={cv.id}
+                value={cv.name}
+                cv={cv}
+                env={selectedLifecycleEnv[0]}
+              />
+            ))}
+      </ContentViewSelect>
+      <hr />
+      <TextContent>
+        <Text component={TextVariants.small} ouiaId="profile-upload-reminder-text">
+          {__('Errata and package information will be updated at the next host check-in or package action.')}
+        </Text>
+      </TextContent>
+      <hr />
+    </Modal>
+  );
+};
+
+BulkChangeHostCVModal.propTypes = {
+  isOpen: PropTypes.bool,
+  closeModal: PropTypes.func,
+  selectedCount: PropTypes.number.isRequired,
+  orgId: PropTypes.number.isRequired,
+  fetchBulkParams: PropTypes.func.isRequired,
+};
+
+BulkChangeHostCVModal.defaultProps = {
+  isOpen: false,
+  closeModal: () => {},
+};
+
+
+export default BulkChangeHostCVModal;

data/webpack/components/extensions/Hosts/BulkActions/BulkChangeHostCVModal/actions.js

@@ -0,0 +1,23 @@
+import { translate as __ } from 'foremanReact/common/I18n';
+import { API_OPERATIONS, put } from 'foremanReact/redux/API';
+import { errorToast, renderTaskStartedToast } from '../../../../../scenes/Tasks/helpers';
+import { foremanApi } from '../../../../../services/api';
+import HOST_CV_AND_ENV_KEY from '../../../HostDetails/Cards/ContentViewDetailsCard/HostContentViewConstants';
+
+export const bulkUpdateHostContentViewAndEnvironment =
+  (params, bulkParams, handleSuccess, handleError) => put({
+    type: API_OPERATIONS.PUT,
+    key: HOST_CV_AND_ENV_KEY,
+    url: foremanApi.getApiUrl('/hosts/bulk/environment_content_view'),
+    ...bulkParams,
+    successToast: () => __('Host content view environments updating.'),
+    handleSuccess: (response) => {
+      if (handleSuccess) handleSuccess(response);
+      return renderTaskStartedToast(response.data);
+    },
+    handleError,
+    errorToast,
+    params,
+  });
+
+export default bulkUpdateHostContentViewAndEnvironment;

data/webpack/components/extensions/Hosts/BulkActions/BulkChangeHostCVModal/index.js

@@ -0,0 +1,25 @@
+import React, { useContext } from 'react';
+import { useForemanOrganization } from 'foremanReact/Root/Context/ForemanContext';
+import { ForemanActionsBarContext } from 'foremanReact/components/HostDetails/ActionsBar';
+import { useForemanModal } from 'foremanReact/components/ForemanModal/ForemanModalHooks';
+import BulkChangeHostCVModal from './BulkChangeHostCVModal';
+
+const BulkChangeHostCVModalScene = () => {
+  const org = useForemanOrganization();
+  const { selectedCount, fetchBulkParams } = useContext(ForemanActionsBarContext);
+  const { modalOpen, setModalClosed } = useForemanModal({ id: 'bulk-change-cv-modal' });
+
+  return (
+    <BulkChangeHostCVModal
+      key="bulk-change-cv-modal"
+      selectedCount={selectedCount}
+      fetchBulkParams={fetchBulkParams}
+      isOpen={modalOpen}
+      closeModal={setModalClosed}
+      orgId={org?.id}
+    />
+
+  );
+};
+
+export default BulkChangeHostCVModalScene;

data/webpack/components/extensions/Hosts/BulkActions/__tests__/bulkChangeHostCVModal.test.js

@@ -0,0 +1,133 @@
+import React from 'react';
+import { renderWithRedux, patientlyWaitFor, act } from 'react-testing-lib-wrapper';
+import userEvent from '@testing-library/user-event';
+import BulkChangeHostCVModal from '../BulkChangeHostCVModal/BulkChangeHostCVModal.js';
+import mockEnvPaths from '../../../HostDetails/Cards/ContentViewDetailsCard/__tests__/envPaths.fixtures.json';
+import mockContentViews from '../../../HostDetails/Cards/ContentViewDetailsCard/__tests__/contentViews.fixtures.json';
+import HOST_CV_AND_ENV_KEY from '../../../HostDetails/Cards/ContentViewDetailsCard/HostContentViewConstants';
+import { assertNockRequest, nockInstance } from '../../../../../test-utils/nockWrapper';
+import katelloApi from '../../../../../services/api';
+
+const contentViews = katelloApi.getApiUrl('/content_views');
+const renderOptions = () => ({
+  apiNamespace: HOST_CV_AND_ENV_KEY,
+  initialState: {
+    API: {
+      HOST_DETAILS: {
+        response: {
+          id: 1,
+          name: 'test-host',
+          content_facet_attributes: {
+            content_view_id: 1,
+            lifecycle_environment_id: 1,
+          },
+          organization_id: 1,
+        },
+        status: 'RESOLVED',
+      },
+      ENVIRONMENT_PATHS: {
+        response: mockEnvPaths,
+        status: 'RESOLVED',
+      },
+    },
+  },
+});
+
+let firstEnvPath;
+let firstCV;
+let secondCV;
+let firstEnv;
+
+const cvQuery = {
+  organization_id: 1,
+  include_permissions: true,
+  include_default: true,
+  environment_id: 1,
+  full_result: true,
+  order: 'default DESC',
+};
+
+beforeEach(() => {
+  const { results } = mockEnvPaths;
+  [firstEnvPath] = results;
+  const { environments: envResults } = firstEnvPath;
+  [firstEnv] = envResults;
+  const { results: cvResults } = mockContentViews;
+  [firstCV, secondCV] = cvResults;
+});
+
+jest.mock('foremanReact/common/hooks/API/APIHooks', () => ({
+  useAPI: jest.fn(),
+}));
+
+test('Displays environment paths', async (done) => {
+  const jsx = (
+    <BulkChangeHostCVModal
+      isOpen
+      closeModal={jest.fn()}
+      selectedCount={1}
+      fetchBulkParams={() => 'id ^ 1'}
+      orgId={1}
+    />
+  );
+  const { getAllByText }
+     = renderWithRedux(jsx, renderOptions());
+
+  await patientlyWaitFor(() =>
+    expect(getAllByText(firstEnv.name)[0]).toBeInTheDocument());
+  done();
+});
+
+test('Select an env > call CV API > select a CV > Save button is enabled', async (done) => {
+  const contentViewsScope = nockInstance
+    .get(contentViews)
+    .query(cvQuery)
+    .reply(200, mockContentViews);
+
+  const jsx = (
+    <BulkChangeHostCVModal
+      isOpen
+      closeModal={jest.fn()}
+      selectedCount={1}
+      fetchBulkParams={() => 'id ^ 1'}
+      orgId={1}
+    />
+  );
+  const {
+    getAllByText, getByText,
+    findByPlaceholderText, getAllByRole,
+  } = renderWithRedux(jsx, renderOptions());
+
+  await patientlyWaitFor(() => {
+    const envLabel = getAllByText(firstEnv.name)[0];
+    expect(envLabel).toBeInTheDocument();
+  });
+
+  const envRadio = getAllByRole('radio', { name: firstEnv.name })[0];
+  expect(envRadio).toBeInTheDocument();
+
+  await act(async () => {
+    userEvent.click(envRadio); // Select the Library environment
+
+    const cvDropdown = await findByPlaceholderText('Select a content view');
+    expect(cvDropdown).toBeInTheDocument();
+
+    userEvent.click(cvDropdown); // Open the CV dropdown
+
+
+    [firstCV, secondCV].forEach((cv) => {
+      expect(getByText(cv.name)).toBeInTheDocument(); // the content view names should be showing
+    });
+
+
+    userEvent.click(getByText(secondCV.name)); // Select the second content view
+  });
+
+  // find the Save button and assert that it is enabled
+  const saveButton = getAllByRole('button', { name: 'Save' })[0];
+  expect(saveButton).toBeInTheDocument();
+  expect(saveButton).toHaveAttribute('aria-disabled', 'false');
+
+  assertNockRequest(contentViewsScope, done);
+  act(done);
+});

data/webpack/global_index.js

@@ -2,7 +2,10 @@ import React from 'react';
 import { addGlobalFill } from 'foremanReact/components/common/Fill/GlobalFill';
 import { registerReducer } from 'foremanReact/common/MountingService';
 import { translate as __ } from 'foremanReact/common/I18n';
+import { registerColumns } from 'foremanReact/components/HostsIndex/Columns/core';
+import componentRegistry from 'foremanReact/components/componentRegistry';
 
+import hostsIndexColumnExtensions from './ForemanColumnExtensions/index';
 import SystemStatuses from './components/extensions/about';
 import {
   RegistrationCommands,
@@ -29,6 +32,10 @@ import HostDetailsActionsBar from './components/extensions/HostDetails/ActionsBa
 import HostsIndexActionsBar from './components/extensions/Hosts/ActionsBar';
 import RecentCommunicationCardExtensions from './components/extensions/HostDetails/DetailsTabCards/RecentCommunicationCardExtensions';
 import SystemPurposeCard from './components/extensions/HostDetails/Cards/SystemPurposeCard/SystemPurposeCard';
+import BulkChangeHostCVModal from './components/extensions/Hosts/BulkActions/BulkChangeHostCVModal/index.js';
+
+
+import ActivationKeysSearch from './components/ActivationKeysSearch';
 
 registerReducer('katelloExtends', extendReducer);
 registerReducer('katello', rootReducer);
@@ -80,3 +87,15 @@ addGlobalFill(
 );
 
 addGlobalFill('host-tab-details-cards', 'HW properties', <HwPropertiesCard key="hw-properties" />, 200);
+
+// Hosts Index page extensions
+addGlobalFill('_all-hosts-modals', 'BulkChangeHostCVModal', <BulkChangeHostCVModal key="bulk-change-host-cv-modal" />, 100);
+
+registerColumns(hostsIndexColumnExtensions);
+
+
+componentRegistry.register({
+  name: 'ActivationKeysSearch',
+  type: ActivationKeysSearch,
+});
+

data/webpack/scenes/ContentViews/Details/ComponentContentViews/ContentViewComponents.js

@@ -5,7 +5,6 @@ import {
   Bullseye, Split, SplitItem, Button, ActionList,
   ActionListItem, Dropdown, DropdownItem, KebabToggle,
 } from '@patternfly/react-core';
-import { Link } from 'react-router-dom';
 import { TableVariant, fitContent, TableText } from '@patternfly/react-table';
 import { PencilAltIcon } from '@patternfly/react-icons';
 import { STATUS } from 'foremanReact/constants';
@@ -136,7 +135,7 @@ const ContentViewComponents = ({ cvId, details }) => {
         id: componentCvId, content_view: cv, content_view_version: cvVersion,
         latest, component_content_view_versions: componentCvVersions,
       } = componentCV;
-      const { environments, repositories } = cvVersion || {};
+      const { environments, repositories, id: cvVersionId } = cvVersion || {};
       const {
         id,
         name,
@@ -171,7 +170,11 @@ const ContentViewComponents = ({ cvId, details }) => {
             </Split>),
         },
         { title: environments ? <ComponentEnvironments {...{ environments }} /> : <InactiveText text={__('Not yet published')} /> },
-        { title: <Link to={urlBuilder(`content_views/${id}#repositories`, '')}>{repositories ? repositories.length : 0}</Link> },
+        {
+          title: cvVersionId ?
+            <a href={urlBuilder(`content_views/${id}#/versions/${cvVersionId}/repositories`, '')}>{repositories ? repositories.length : 0}</a> :
+            0,
+        },
         {
           title: <AddedStatusLabel added={!!componentCvId} />,
         },

data/webpack/scenes/Hosts/ChangeContentSource/actions.js

@@ -18,7 +18,7 @@ export const getFormData = (hostIds, search) => (post({
 }));
 
 export const changeContentSource =
-  (environmentId, contentViewId, contentSourceId, hostIds, handleSuccess) =>
+  (environmentId, contentViewId, contentSourceId, hostIds, handleSuccess, successToast) =>
     put({
       key: CHANGE_CONTENT_SOURCE,
       url: foremanUrl('/api/v2/hosts/bulk/change_content_source'),
@@ -29,6 +29,7 @@ export const changeContentSource =
         host_ids: hostIds,
       },
       errorToast: () => __('Something went wrong while updating the content source. See the logs for more information'),
+      successToast,
       handleSuccess,
     });
 
@@ -46,6 +47,7 @@ export const getContentViews = environmentId =>
     params: {
       environment_id: environmentId,
       full_result: true,
+      order: 'default DESC', // shows the default CV before all other options
     },
     errorToast: () => __('Something went wrong while loading the content views. See the logs for more information'),
   });

data/webpack/scenes/Hosts/ChangeContentSource/components/ContentSourceForm.js

@@ -23,7 +23,7 @@ import { ENVIRONMENT_PATHS_KEY } from '../../../../scenes/ContentViews/component
 import EnvironmentPaths from '../../../../scenes/ContentViews/components/EnvironmentPaths/EnvironmentPaths';
 import ContentViewSelect from '../../../../scenes/ContentViews/components/ContentViewSelect/ContentViewSelect';
 import ContentViewSelectOption from '../../../../scenes/ContentViews/components/ContentViewSelect/ContentViewSelectOption';
-import { selectContentViewsStatus } from '../selectors';
+import { selectContentViewsStatus, selectJobInvocationPath } from '../selectors';
 import { getCVPlaceholderText, shouldDisableCVSelect } from '../../../ContentViews/components/ContentViewSelect/helpers';
 import { selectEnvironmentPaths } from '../../../ContentViews/components/EnvironmentPaths/EnvironmentPathSelectors';
 
@@ -95,6 +95,9 @@ const ContentSourceForm = ({
   contentSources,
   handleContentSource,
   contentSourceId,
+  showCVOnlyAlert,
+  hostDetailsPath,
+  hostEditPath,
   contentHosts,
   isLoading,
   hostsUpdated,
@@ -108,13 +111,14 @@ const ContentSourceForm = ({
   );
   const contentViewsStatus = useSelector(selectContentViewsStatus);
   const environmentPathResponse = useSelector(selectEnvironmentPaths);
+  const jobInvocationPath = useSelector(selectJobInvocationPath);
   const envList = environmentPathResponse?.results?.map(path => path.environments).flat();
   const [csSelectOpen, setCSSelectOpen] = useState(false);
   const [cvSelectOpen, setCVSelectOpen] = useState(false);
   const hostCount = contentHosts.length;
 
   const handleCSSelect = (_event, selection) => {
-    handleContentSource(selection);
+    handleContentSource(typeof selection === 'number' ? selection.toString() : selection);
     setCSSelectOpen(false);
   };
 
@@ -127,13 +131,12 @@ const ContentSourceForm = ({
     !!contentViewName &&
     !!contentSourceId &&
     hostCount !== 0);
-
   const contentSourcesIsDisabled = (isLoading || contentSources.length === 0 ||
     hostCount === 0);
-  const environmentIsDisabled = (isLoading || environments === [] ||
+  const environmentIsDisabled = (isLoading ||
     contentSourceId === '');
   const viewIsDisabled = (isLoading || contentViews.length === 0 ||
-    contentSourceId === '' || environments === []);
+    contentSourceId === '');
 
   const cvPlaceholderText = getCVPlaceholderText({
     contentSourceId,
@@ -229,6 +232,15 @@ const ContentSourceForm = ({
           env={environments[0]}
         />))}
       </ContentViewSelect>
+      {showCVOnlyAlert &&
+        <Alert
+          ouiaId="cv-only-alert"
+          variant="info"
+          className="margin-top-20"
+          title={__('Host content source will remain the same. Click Save below to update the host\'s content view environment.')}
+        />
+      }
+      {!showCVOnlyAlert &&
       <TextContent>
         <Text
           ouiaId="ccs-options-description"
@@ -252,27 +264,49 @@ const ContentSourceForm = ({
           />
         </Text>
       </TextContent>
+      }
       <ActionGroup style={{ display: 'block' }}>
-        <Button
-          variant="primary"
-          id="generate_btn"
-          ouiaId="update-source-button"
-          onClick={e => handleSubmit(e, { shouldRedirect: true })}
-          isDisabled={isLoading || !formIsValid() || hostsUpdated}
-          isLoading={isLoading}
-        >
-          {__('Run job invocation')}
-        </Button>
-        <Button
-          variant="secondary"
-          id="generate_btn"
-          ouiaId="update-source-button"
-          onClick={showTemplate}
-          isDisabled={isLoading || !formIsValid() || hostsUpdated}
-          isLoading={isLoading}
-        >
-          {__('Update hosts manually')}
-        </Button>
+        {!showCVOnlyAlert &&
+        <>
+          <Button
+            variant="primary"
+            id="generate_btn"
+            ouiaId="run-job-invocation-button"
+            onClick={e => handleSubmit(e, { redirectTo: jobInvocationPath })}
+            isDisabled={isLoading || !formIsValid() || hostsUpdated}
+            isLoading={isLoading}
+          >
+            {__('Run job invocation')}
+          </Button>
+          <Button
+            variant="secondary"
+            id="generate_btn"
+            ouiaId="update-source-button"
+            onClick={showTemplate}
+            isDisabled={isLoading || !formIsValid() || hostsUpdated}
+            isLoading={isLoading}
+          >
+            {__('Update hosts manually')}
+          </Button>
+        </>
+        }
+        {showCVOnlyAlert &&
+          <Button
+            variant="primary"
+            id="generate_btn"
+            ouiaId="change-cv-button"
+            onClick={e =>
+              handleSubmit(e, {
+                redirectTo: hostEditPath || hostDetailsPath,
+                showSuccessToast: true,
+              })
+            }
+            isDisabled={isLoading || !formIsValid() || hostsUpdated}
+            isLoading={isLoading}
+          >
+            {__('Save')}
+          </Button>
+        }
 
       </ActionGroup>
     </Form>);
@@ -288,6 +322,9 @@ ContentSourceForm.propTypes = {
   contentSources: PropTypes.arrayOf(PropTypes.shape({})),
   handleContentSource: PropTypes.func.isRequired,
   contentSourceId: PropTypes.string,
+  showCVOnlyAlert: PropTypes.bool,
+  hostDetailsPath: PropTypes.string.isRequired,
+  hostEditPath: PropTypes.string.isRequired,
   contentHosts: PropTypes.arrayOf(PropTypes.shape({})),
   isLoading: PropTypes.bool,
   hostsUpdated: PropTypes.bool,
@@ -300,6 +337,7 @@ ContentSourceForm.defaultProps = {
   contentViewName: '',
   contentSources: [],
   contentSourceId: '',
+  showCVOnlyAlert: false,
   contentHosts: [],
   isLoading: false,
   hostsUpdated: false,