katello 4.2.1 → 4.3.0.rc1

data/webpack/scenes/ContentViews/Delete/Steps/CVDeletionReassignActivationKeysForm.js

@@ -0,0 +1,121 @@
+import React, { useContext, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import useDeepCompareEffect from 'use-deep-compare-effect';
+import { ExpandableSection, Select, SelectOption } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { STATUS } from 'foremanReact/constants';
+import getContentViews from '../../ContentViewsActions';
+import { selectContentViewError, selectContentViews, selectContentViewStatus } from '../../ContentViewSelectors';
+import CVDeleteContext from '../CVDeleteContext';
+import EnvironmentPaths from '../../components/EnvironmentPaths/EnvironmentPaths';
+import AffectedActivationKeys from '../../Details/Versions/Delete/affectedActivationKeys';
+
+const CVDeletionReassignActivationKeysForm = () => {
+  const dispatch = useDispatch();
+  const contentViewsInEnvResponse = useSelector(state => selectContentViews(state, 'keys'));
+  const contentViewsInEnvStatus = useSelector(state => selectContentViewStatus(state, 'keys'));
+  const contentViewsInEnvError = useSelector(state => selectContentViewError(state, 'keys'));
+  const cvInEnvLoading = contentViewsInEnvStatus === STATUS.PENDING;
+  const [cvSelectOpen, setCVSelectOpen] = useState(false);
+  const [cvSelectOptions, setCvSelectionOptions] = useState([]);
+  const [showActivationKeys, setShowActivationKeys] = useState(false);
+  const {
+    currentStep, selectedEnvForAK, cvEnvironments, cvId,
+    setSelectedEnvForAK, selectedCVForAK, setSelectedCVNameForAK, setSelectedCVForAK,
+  } = useContext(CVDeleteContext);
+
+  useDeepCompareEffect(
+    () => {
+      if (selectedEnvForAK.length) {
+        dispatch(getContentViews({
+          environment_id: selectedEnvForAK[0].id,
+          include_default: true,
+          full_result: true,
+        }, 'keys'));
+      }
+      setCVSelectOpen(false);
+    },
+    [selectedEnvForAK, dispatch, setCVSelectOpen],
+  );
+
+  useDeepCompareEffect(() => {
+    const { results = [] } = contentViewsInEnvResponse;
+    const contentViewEligible = cv => Number(cv.id) !== Number(cvId);
+    if (!cvInEnvLoading && results && selectedEnvForAK.length) {
+      setCvSelectionOptions(results.map(cv => ((contentViewEligible(cv)) ?
+        (
+          <SelectOption
+            key={cv.id}
+            value={cv.id}
+          >
+            {cv.name}
+          </SelectOption>
+        ) : null)).filter(n => n));
+    }
+    if (!cvInEnvLoading && results && selectedCVForAK &&
+      results.filter(cv => cv.id === selectedCVForAK && contentViewEligible(cv)).length === 0) {
+      setSelectedCVForAK(null);
+      setSelectedCVNameForAK(null);
+    }
+  }, [contentViewsInEnvResponse, contentViewsInEnvStatus, currentStep,
+    contentViewsInEnvError, selectedEnvForAK, setSelectedCVForAK, setSelectedCVNameForAK,
+    cvInEnvLoading, selectedCVForAK, cvId]);
+
+  const fetchSelectedCVName = (id) => {
+    const { results } = contentViewsInEnvResponse ?? { };
+    return results?.filter(cv => cv.id === id)[0]?.name;
+  };
+
+  const onSelect = (_event, selection) => {
+    setSelectedCVForAK(selection);
+    setSelectedCVNameForAK(fetchSelectedCVName(selection));
+    setCVSelectOpen(false);
+  };
+
+  return (
+    <>
+      <EnvironmentPaths
+        userCheckedItems={selectedEnvForAK}
+        setUserCheckedItems={setSelectedEnvForAK}
+        publishing={false}
+        headerText={__('Select lifecycle environment')}
+        multiSelect={false}
+      />
+      {!cvInEnvLoading && selectedEnvForAK.length > 0 &&
+      <div style={{ marginTop: '1em' }}>
+        <h3>{__('Select content view')}</h3>
+        <Select
+          selections={selectedCVForAK}
+          onSelect={onSelect}
+          isOpen={cvSelectOpen}
+          isDisabled={cvSelectOptions.length === 0}
+          onToggle={isExpanded => setCVSelectOpen(isExpanded)}
+          id="selectCV"
+          name="selectCV"
+          aria-label="selectCV"
+          placeholderText={(cvSelectOptions.length === 0) ? __('No content views available') : __('Select a content view')}
+        >
+          {cvSelectOptions}
+        </Select>
+      </div>
+      }
+      <ExpandableSection
+        toggleText={showActivationKeys ?
+          'Hide activation keys' :
+          'Show activation keys'}
+        onToggle={expanded => setShowActivationKeys(expanded)}
+        isExpanded={showActivationKeys}
+      >
+        <AffectedActivationKeys
+          {...{
+            cvId,
+          }}
+          versionEnvironments={cvEnvironments}
+          deleteCV
+        />
+      </ExpandableSection>
+    </>
+  );
+};
+
+export default CVDeletionReassignActivationKeysForm;

data/webpack/scenes/ContentViews/Delete/Steps/CVDeletionReassignHostsForm.js

@@ -0,0 +1,120 @@
+import React, { useState, useContext } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import useDeepCompareEffect from 'use-deep-compare-effect';
+import { ExpandableSection, Select, SelectOption } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { STATUS } from 'foremanReact/constants';
+import getContentViews from '../../ContentViewsActions';
+import { selectContentViewError, selectContentViews, selectContentViewStatus } from '../../ContentViewSelectors';
+import CVDeleteContext from '../CVDeleteContext';
+import EnvironmentPaths from '../../components/EnvironmentPaths/EnvironmentPaths';
+import AffectedHosts from '../../Details/Versions/Delete/affectedHosts';
+
+
+const CVDeletionReassignHostsForm = () => {
+  const dispatch = useDispatch();
+  const contentViewsInEnvResponse = useSelector(state => selectContentViews(state, 'host'));
+  const contentViewsInEnvStatus = useSelector(state => selectContentViewStatus(state, 'host'));
+  const contentViewsInEnvError = useSelector(state => selectContentViewError(state, 'host'));
+  const cvInEnvLoading = contentViewsInEnvStatus === STATUS.PENDING;
+  const [cvSelectOpen, setCVSelectOpen] = useState(false);
+  const [cvSelectOptions, setCvSelectionOptions] = useState([]);
+  const [showHosts, setShowHosts] = useState(false);
+  const {
+    cvId, cvEnvironments, selectedEnvSet, selectedEnvForHost, setSelectedEnvForHost,
+    currentStep, selectedCVForHosts, setSelectedCVNameForHosts, setSelectedCVForHosts,
+  } = useContext(CVDeleteContext);
+
+  useDeepCompareEffect(
+    () => {
+      if (selectedEnvForHost.length) {
+        dispatch(getContentViews({
+          environment_id: selectedEnvForHost[0].id,
+          include_default: true,
+          full_result: true,
+        }, 'host'));
+      }
+      setCVSelectOpen(false);
+    },
+    [selectedEnvForHost, dispatch, setCVSelectOpen],
+  );
+
+  useDeepCompareEffect(() => {
+    const { results = [] } = contentViewsInEnvResponse;
+    const contentViewEligible = cv => Number(cv.id) !== Number(cvId);
+    if (!cvInEnvLoading && results && selectedCVForHosts &&
+      results.filter(cv => cv.id === selectedCVForHosts && contentViewEligible(cv)).length === 0) {
+      setSelectedCVForHosts(null);
+      setSelectedCVNameForHosts(null);
+    }
+    if (!cvInEnvLoading && results && selectedEnvForHost.length) {
+      setCvSelectionOptions(results.map(cv => ((contentViewEligible(cv)) ?
+        (
+          <SelectOption
+            key={cv.id}
+            value={cv.id}
+          >
+            {cv.name}
+          </SelectOption>
+        ) : null)).filter(n => n));
+    }
+  }, [contentViewsInEnvResponse, contentViewsInEnvStatus, currentStep,
+    contentViewsInEnvError, selectedEnvForHost, setSelectedCVForHosts, setSelectedCVNameForHosts,
+    cvInEnvLoading, selectedCVForHosts, cvId, cvEnvironments, selectedEnvSet]);
+
+  const fetchSelectedCVName = (id) => {
+    const { results } = contentViewsInEnvResponse ?? { };
+    return results?.filter(cv => cv.id === id)[0]?.name;
+  };
+
+  const onSelect = (_event, selection) => {
+    setSelectedCVForHosts(selection);
+    setSelectedCVNameForHosts(fetchSelectedCVName(selection));
+    setCVSelectOpen(false);
+  };
+
+  return (
+    <>
+      <EnvironmentPaths
+        userCheckedItems={selectedEnvForHost}
+        setUserCheckedItems={setSelectedEnvForHost}
+        publishing={false}
+        headerText={__('Select lifecycle environment')}
+        multiSelect={false}
+      />
+      {selectedEnvForHost.length > 0 &&
+      <div style={{ marginTop: '1em' }}>
+        <h3>{__('Select content view')}</h3>
+        <Select
+          selections={selectedCVForHosts}
+          onSelect={onSelect}
+          isOpen={cvSelectOpen}
+          isDisabled={cvSelectOptions.length === 0}
+          onToggle={isExpanded => setCVSelectOpen(isExpanded)}
+          id="selectCV"
+          name="selectCV"
+          aria-label="selectCV"
+          placeholderText={(cvSelectOptions.length === 0) ? __('No content views available') : __('Select a content view')}
+        >
+          {cvSelectOptions}
+        </Select>
+      </div>
+      }
+      <ExpandableSection
+        toggleText={showHosts ? 'Hide hosts' : 'Show hosts'}
+        onToggle={expanded => setShowHosts(expanded)}
+        isExpanded={showHosts}
+      >
+        <AffectedHosts
+          {...{
+          cvId,
+        }}
+          versionEnvironments={cvEnvironments}
+          deleteCV
+        />
+      </ExpandableSection>
+    </>
+  );
+};
+
+export default CVDeletionReassignHostsForm;

data/webpack/scenes/ContentViews/Delete/Steps/CVDeletionReview.js

@@ -0,0 +1,62 @@
+import React, { useContext } from 'react';
+import { useSelector } from 'react-redux';
+import { Flex, FlexItem, Label } from '@patternfly/react-core';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { translate as __ } from 'foremanReact/common/I18n';
+import CVDeleteContext from '../CVDeleteContext';
+import { selectCVActivationKeys, selectCVHosts } from '../../Details/ContentViewDetailSelectors';
+import { pluralize } from '../../../../utils/helpers';
+
+const CVDeletionReview = () => {
+  const {
+    cvId, cvEnvironments, selectedCVNameForHosts,
+    selectedEnvForHost, selectedCVNameForAK, selectedEnvForAK,
+    affectedHosts, affectedActivationKeys,
+  } = useContext(CVDeleteContext);
+  const activationKeysResponse = useSelector(state => selectCVActivationKeys(state, cvId));
+  const hostsResponse = useSelector(state => selectCVHosts(state, cvId));
+  const { results: hostResponse } = hostsResponse || {};
+  const { results: akResponse } = activationKeysResponse || {};
+  return (
+    <>
+      <h2>{__('Review Details')}</h2>
+      {cvEnvironments.length ?
+        (__('This content view will be deleted along with all versions from the environments listed below. ' +
+          'Changes listed below will be effective after clicking Delete.')) :
+        (__('This content view will be deleted. Changes will be effective after clicking Delete.'))
+      }
+      {(cvEnvironments.length !== 0) &&
+      <>
+        <h3>{__('Environments')}</h3>
+        <Flex>
+          <FlexItem><ExclamationTriangleIcon /></FlexItem>
+          <FlexItem style={{ marginBottom: '0.5em' }}>{__('All versions will be removed from these environments')}</FlexItem>
+        </Flex>
+        <Flex>
+          {cvEnvironments?.map(({ name, id }) =>
+            <FlexItem key={name}><Label isTruncated color="purple" href={`/lifecycle_environments/${id}`}>{name}</Label></FlexItem>)}
+        </Flex>
+      </>}
+      {affectedHosts &&
+      <>
+        <h3>{__('Content hosts')}</h3>
+        <Flex>
+          <FlexItem><ExclamationTriangleIcon /></FlexItem>
+          <FlexItem><p>{__(`${pluralize(hostResponse.length, 'host')} will be moved to content view ${selectedCVNameForHosts} in `)}</p></FlexItem>
+          <FlexItem><Label isTruncated color="purple" href={`/lifecycle_environments/${selectedEnvForHost[0].id}`}>{selectedEnvForHost[0].name}</Label></FlexItem>
+        </Flex>
+      </>}
+      {affectedActivationKeys &&
+      <>
+        <h3>{__('Activation keys')}</h3>
+        <Flex>
+          <FlexItem><ExclamationTriangleIcon /></FlexItem>
+          <FlexItem><p>{__(`${pluralize(akResponse.length, 'activation key')} will be moved to content view ${selectedCVNameForAK} in `)}</p></FlexItem>
+          <FlexItem><Label isTruncated color="purple" href={`/lifecycle_environments/${selectedEnvForAK[0].id}`}>{selectedEnvForAK[0].name}</Label></FlexItem>
+        </Flex>
+      </>}
+    </>
+  );
+};
+
+export default CVDeletionReview;

data/webpack/scenes/ContentViews/Delete/Steps/CVEnvironmentSelectionForm.scss

@@ -0,0 +1,4 @@
+.pf-c-expandable-section__content {
+    margin-bottom: 1em;
+    margin-top: 1em;
+}

data/webpack/scenes/ContentViews/Delete/__tests__/CvData.fixtures.json

@@ -0,0 +1,259 @@
+{
+  "total": 1,
+  "subtotal": 1,
+  "page": "1",
+  "per_page": "20",
+  "error": null,
+  "search": null,
+  "sort": {
+    "by": "name",
+    "order": "asc"
+  },
+  "results": [
+    {
+      "composite": false,
+      "component_ids": [],
+      "default": false,
+      "version_count": 4,
+      "latest_version": "4.0",
+      "latest_version_id": 41,
+      "auto_publish": false,
+      "solve_dependencies": false,
+      "import_only": false,
+      "repository_ids": [
+        7,
+        4,
+        5,
+        3,
+        466,
+        1,
+        2
+      ],
+      "id": 20,
+      "name": "cv3",
+      "label": "cv3",
+      "description": "",
+      "organization_id": 1,
+      "organization": {
+        "name": "Default Organization",
+        "label": "Default_Organization",
+        "id": 1
+      },
+      "created_at": "2021-09-28 10:22:40 -0400",
+      "updated_at": "2021-09-28 19:35:46 -0400",
+      "last_task": {
+        "id": "6d30f3b0-d7a7-4a1f-b7ae-7d9b868c9f68",
+        "result": "success",
+        "last_sync_words": "1 day"
+      },
+      "latest_version_environments": [
+        {
+          "id": 2,
+          "name": "dev1",
+          "label": "dev1"
+        },
+        {
+          "id": 3,
+          "name": "dev2",
+          "label": "dev2"
+        },
+        {
+          "id": 4,
+          "name": "dev3",
+          "label": "dev3"
+        },
+        {
+          "id": 5,
+          "name": "dev4",
+          "label": "dev4"
+        }
+      ],
+      "environments": [
+        {
+          "id": 2,
+          "name": "dev1",
+          "label": "dev1",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 3,
+          "name": "dev2",
+          "label": "dev2",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 4,
+          "name": "dev3",
+          "label": "dev3",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 5,
+          "name": "dev4",
+          "label": "dev4",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 9,
+          "name": "test1",
+          "label": "test1",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 10,
+          "name": "test2",
+          "label": "test2",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 11,
+          "name": "test3",
+          "label": "test3",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 12,
+          "name": "test4",
+          "label": "test4",
+          "permissions": {
+            "readable": true
+          }
+        },
+        {
+          "id": 13,
+          "name": "test5",
+          "label": "test5",
+          "permissions": {
+            "readable": true
+          }
+        }
+      ],
+      "repositories": [
+        {
+          "id": 7,
+          "name": "ansible_collection_repo",
+          "label": "ansible_collection_repo",
+          "content_type": "ansible_collection"
+        },
+        {
+          "id": 4,
+          "name": "docker",
+          "label": "docker",
+          "content_type": "docker"
+        },
+        {
+          "id": 5,
+          "name": "file",
+          "label": "file",
+          "content_type": "file"
+        },
+        {
+          "id": 3,
+          "name": "modular",
+          "label": "modular",
+          "content_type": "yum"
+        },
+        {
+          "id": 466,
+          "name": "python_test",
+          "label": "python_test",
+          "content_type": "python"
+        },
+        {
+          "id": 1,
+          "name": "zoo1",
+          "label": "zoo1",
+          "content_type": "yum"
+        },
+        {
+          "id": 2,
+          "name": "zoo2",
+          "label": "zoo2",
+          "content_type": "yum"
+        }
+      ],
+      "versions": [
+        {
+          "id": 32,
+          "version": "1.0",
+          "published": "2021-09-28 10:23:03 -0400",
+          "environment_ids": []
+        },
+        {
+          "id": 33,
+          "version": "2.0",
+          "published": "2021-09-28 10:23:47 -0400",
+          "environment_ids": []
+        },
+        {
+          "id": 41,
+          "version": "4.0",
+          "published": "2021-09-28 19:35:46 -0400",
+          "environment_ids": [
+            2,
+            3,
+            4,
+            5
+          ]
+        },
+        {
+          "id": 40,
+          "version": "3.0",
+          "published": "2021-09-28 19:31:28 -0400",
+          "environment_ids": [
+            9,
+            10,
+            11,
+            12,
+            13
+          ]
+        }
+      ],
+      "components": [],
+      "content_view_components": [],
+      "activation_keys": [
+        {
+          "id": 3,
+          "name": "ack3"
+        },
+        {
+          "id": 1,
+          "name": "ack1"
+        },
+        {
+          "id": 2,
+          "name": "ack2"
+        }
+      ],
+      "hosts": [
+        {
+          "id": 1,
+          "name": "centos7-devel4.samir.example.com"
+        }
+      ],
+      "next_version": "5.0",
+      "last_published": "2021-09-28 19:35:46 -0400",
+      "permissions": {
+        "view_content_views": true,
+        "edit_content_views": true,
+        "destroy_content_views": true,
+        "publish_content_views": true,
+        "promote_or_remove_content_views": true
+      }
+    }
+  ]
+}