foreman_scc_manager 1.8.19 → 2.0.0

data/webpack/components/SCCProductPage/components/SCCProductView/components/SCCRepoView/index.js

@@ -0,0 +1,113 @@
+import { foremanUrl } from 'foremanReact/common/helpers';
+import { sprintf, translate as __ } from 'foremanReact/common/I18n';
+
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import {
+  Dropdown,
+  DropdownItem,
+  BadgeToggle,
+  Tooltip,
+} from '@patternfly/react-core';
+import { Icon } from 'patternfly-react';
+import { BrowserRouter, Link } from 'react-router-dom';
+
+import './styles.scss';
+
+const createKatelloRepoLink = (repo, sccProductId) => {
+  const url = foremanUrl(
+    `/products/${sccProductId}/repositories/${repo.katello_root_repository_id}`
+  );
+  return (
+    <Tooltip content={__('Go to Repository page')}>
+      <BrowserRouter>
+        <Link to={url} target="_blank">
+          {repo.name}
+        </Link>
+      </BrowserRouter>
+    </Tooltip>
+  );
+};
+
+const createRepoDropDownItem = (repo, sccProductId) => (
+  <DropdownItem
+    key={repo.id}
+    component="button"
+    icon={
+      repo.subscription_valid ? (
+        repo.katello_root_repository_id !== null ? (
+          <Icon name="check" type="fa" />
+        ) : (
+          <Tooltip content={__('Repository not imported')}>
+            <Icon name="ban" type="fa" />
+          </Tooltip>
+        )
+      ) : (
+        <Tooltip content={__('Please check your SUSE subscription')}>
+          <Icon name="warning-triangle-o" type="pf" size="2x" />
+        </Tooltip>
+      )
+    }
+  >
+    {repo.katello_root_repository_id !== null
+      ? createKatelloRepoLink(repo, sccProductId)
+      : repo.name}
+  </DropdownItem>
+);
+
+const SCCRepoView = ({ sccRepos, sccProductId }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const onToggle = (toggle) => {
+    setIsOpen(toggle);
+  };
+
+  const onFocus = () => {
+    const element = document.getElementById(
+      sprintf('scc-repo-show-toggle-id-%s', sccProductId)
+    );
+    element.focus();
+  };
+
+  const onSelect = (event) => {
+    setIsOpen(!isOpen);
+    onFocus();
+  };
+
+  const dropdownItems = sccRepos.map((repo) =>
+    createRepoDropDownItem(repo, sccProductId)
+  );
+
+  return (
+    <Dropdown
+      onSelect={onSelect}
+      toggle={
+        <BadgeToggle
+          id={sprintf('scc-repo-show-toggle-id-%s', sccProductId)}
+          key={sprintf('scc-repo-show-toggle-id-%s', sccProductId)}
+          onToggle={onToggle}
+        >
+          {sprintf(
+            __('Repositories (%s/%s)'),
+            sccRepos.filter((r) => r.katello_root_repository_id !== null)
+              .length,
+            sccRepos.length
+          )}
+        </BadgeToggle>
+      }
+      isOpen={isOpen}
+      dropdownItems={dropdownItems}
+    />
+  );
+};
+
+SCCRepoView.propTypes = {
+  sccRepos: PropTypes.array,
+  sccProductId: PropTypes.number,
+};
+
+SCCRepoView.defaultProps = {
+  sccRepos: undefined,
+  sccProductId: undefined,
+};
+
+export default SCCRepoView;

data/webpack/components/SCCProductPage/components/SCCProductView/components/SCCRepoView/styles.scss

@@ -0,0 +1,14 @@
+.pf-c-button.pf-m-plain {
+  --pf-c-button--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-button--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-button--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-button--PaddingLeft: var(--pf-global--spacer--sm);
+}
+
+.pf-c-dropdown__toggle::before {
+  --pf-c-button--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-button--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-button--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-button--PaddingLeft: var(--pf-global--spacer--xs);
+}
+

data/webpack/components/SCCProductPage/components/SCCProductView/index.js

@@ -0,0 +1,236 @@
+import React, { useState } from 'react';
+import { Icon } from 'patternfly-react';
+import PropTypes from 'prop-types';
+import { sprintf, translate as __ } from 'foremanReact/common/I18n';
+import { foremanUrl } from 'foremanReact/common/helpers';
+import {
+  TreeView,
+  Button,
+  Card,
+  CardTitle,
+  CardBody,
+  Tooltip,
+  Flex,
+  FlexItem,
+} from '@patternfly/react-core';
+import { BrowserRouter, Link } from 'react-router-dom';
+import { cloneDeep, filter, clone } from 'lodash';
+import SCCProductTreeExpander from '../common/SCCProductTreeExpander';
+import SCCSubscribedProductsExpander from '../common/SCCSubscribedProductsExpander';
+import SCCRepoView from './components/SCCRepoView';
+
+const addCheckBoxToTree = (tree) => {
+  const checkProps = {};
+  checkProps.checked = tree.product_id !== null;
+  checkProps.disabled = true;
+  tree.checkProps = checkProps;
+};
+
+const addKatelloLinkToTree = (tree) => {
+  const url = foremanUrl(`/products/${tree.product_id}`);
+  // Link component needs to be wrapped in a Router
+  tree.customBadgeContent.push(
+    <BrowserRouter>
+      <Link to={url} target="_blank">
+        <Tooltip content={__('Go to Product page')}>
+          <Button variant="plain" id="tt-ref">
+            <Icon name="external-link" type="fa" />
+          </Button>
+        </Tooltip>
+      </Link>
+    </BrowserRouter>
+  );
+  return tree;
+};
+
+const addEditIcon = (tree, editProductTree) => {
+  tree.customBadgeContent.push(
+    <Tooltip content={__('Add more sub products to Product tree')}>
+      <Button
+        variant="plain"
+        id={tree.id.toString()}
+        onClick={(evt) => editProductTree(evt, tree.id)}
+      >
+        <Icon name="edit" type="pf" size="2x" />
+      </Button>
+    </Tooltip>
+  );
+
+  return tree;
+};
+
+const addReposToTree = (tree) => {
+  tree.customBadgeContent.push(
+    <Tooltip content={__('Show currently added repositories')}>
+      <SCCRepoView
+        sccRepos={tree.scc_repositories}
+        sccProductId={tree.product_id}
+      />
+    </Tooltip>
+  );
+  return tree;
+};
+
+const addValidationStatusToTree = (tree) => {
+  tree.customBadgeContent.push(
+    <Tooltip content={__('Please check your SUSE subscription')}>
+      <Button variant="plain">
+        <Icon name="warning-triangle-o" type="pf" size="2x" />
+      </Button>
+    </Tooltip>
+  );
+  return tree;
+};
+
+const setupTreeViewListItem = (tree, isRoot, editProductTree) => {
+  tree.key = 'view'.concat(tree.id.toString());
+  tree.customBadgeContent = [];
+  if (!tree.subscription_valid) addValidationStatusToTree(tree);
+  addReposToTree(tree);
+  addCheckBoxToTree(tree);
+  if (tree.product_id !== null) {
+    addKatelloLinkToTree(tree);
+    if (isRoot) {
+      addEditIcon(tree, editProductTree);
+    }
+  }
+  if ('children' in tree) {
+    tree.children = tree.children.map((c) =>
+      setupTreeViewListItem(c, false, editProductTree)
+    );
+  }
+  return tree;
+};
+
+const filterDeep = (tree) => {
+  if (tree.product_id !== null) {
+    const filtered = clone(tree);
+    if ('children' in tree) {
+      filtered.children = filter(
+        tree.children,
+        (child) => child.product_id !== null
+      ).map(filterDeep);
+      if (filtered.children.length === 0) {
+        delete filtered.children;
+      }
+    }
+    return filtered;
+  }
+  return null;
+};
+
+const SCCProductView = ({
+  sccProducts,
+  editProductTreeGlobal,
+  subscriptionTaskId,
+}) => {
+  const editProductTree = (evt, productId) => {
+    editProductTreeGlobal(productId);
+  };
+  const sccProductsClone = cloneDeep(sccProducts);
+  // wrap actual iterator function into anonymous function to pass extra parameters
+  const [allProducts, setAllProducts] = useState(
+    sccProductsClone.map((tree) =>
+      setupTreeViewListItem(tree, true, editProductTree)
+    )
+  );
+  const [subscribedProducts, setSubscribedProducts] = useState(null);
+  const [showAll, setShowAll] = useState(true);
+  const [expandAll, setExpandAll] = useState();
+
+  const showSubscribed = () => {
+    if (subscribedProducts === null) {
+      const test = allProducts.map(filterDeep);
+      setSubscribedProducts(test);
+    }
+  };
+
+  const setShowAllFromChild = (showAllFromChild) => {
+    if (!showAllFromChild) {
+      showSubscribed();
+    }
+    setShowAll(showAllFromChild);
+  };
+
+  const setExpandAllFromChild = (expandAllFromChild) => {
+    setExpandAll(expandAllFromChild);
+  };
+
+  return (
+    <Card>
+      <CardTitle>{__('Selected SUSE Products')}</CardTitle>
+      {sccProducts.length > 0 && (
+        <CardBody>
+          <Flex>
+            <SCCProductTreeExpander
+              setExpandAllInParent={setExpandAllFromChild}
+            />
+            <SCCSubscribedProductsExpander
+              setExpandAllInParent={setShowAllFromChild}
+            />
+          </Flex>
+          <Flex>
+            <TreeView
+              data={showAll ? allProducts : subscribedProducts}
+              allExpanded={expandAll}
+              hasChecks
+              hasBadges
+              hasGuides
+            />
+          </Flex>
+        </CardBody>
+      )}
+      {sccProducts.length === 0 && (
+        <CardBody>
+          {__(
+            'You currently have no SUSE products selected. Search and add SUSE products in the section below.'
+          )}
+        </CardBody>
+      )}
+      <Flex>
+        {sccProducts.length > 0 && (
+          <FlexItem>
+            <Button variant="link">
+              <BrowserRouter>
+                <Link
+                  to="/foreman_tasks/tasks/?search=Subscribe+SCC+Product"
+                  target="_blank"
+                >
+                  {__('Show all subscription tasks')}
+                </Link>
+              </BrowserRouter>
+            </Button>
+          </FlexItem>
+        )}
+        {subscriptionTaskId !== '' && (
+          <FlexItem>
+            <Button variant="link">
+              <BrowserRouter>
+                <Link
+                  to={sprintf('/foreman_tasks/tasks/%s', subscriptionTaskId)}
+                  target="_blank"
+                >
+                  {__('Show last product subscription task')}
+                </Link>
+              </BrowserRouter>
+            </Button>
+          </FlexItem>
+        )}
+      </Flex>
+    </Card>
+  );
+};
+
+SCCProductView.propTypes = {
+  sccProducts: PropTypes.array,
+  editProductTreeGlobal: PropTypes.func,
+  subscriptionTaskId: PropTypes.string,
+};
+
+SCCProductView.defaultProps = {
+  sccProducts: undefined,
+  editProductTreeGlobal: undefined,
+  subscriptionTaskId: '',
+};
+
+export default SCCProductView;

data/webpack/components/SCCProductPage/components/common/SCCGenericExpander/index.js

@@ -0,0 +1,58 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Flex, FlexItem, Select, SelectOption } from '@patternfly/react-core';
+
+const SCCGenericExpander = ({
+  setInParent,
+  selectOptionOpen,
+  selectOptionClose,
+  initLabel,
+}) => {
+  const [label, setLabel] = useState(initLabel);
+  const [isOpen, setIsOpen] = useState(false);
+
+  const options = [
+    <SelectOption key={0} value={selectOptionOpen} />,
+    <SelectOption key={1} value={selectOptionClose} />,
+  ];
+
+  const onSelect = (evt, selection) => {
+    if (selection === selectOptionOpen) {
+      setInParent(true);
+    } else {
+      setInParent(false);
+    }
+    setLabel(selection);
+    setIsOpen(false);
+  };
+
+  const onToggle = (isOpenSelect) => {
+    setIsOpen(isOpenSelect);
+  };
+
+  return (
+    <Flex>
+      <FlexItem>
+        <Select
+          onToggle={onToggle}
+          onSelect={onSelect}
+          selections={label}
+          isOpen={isOpen}
+        >
+          {options}
+        </Select>
+      </FlexItem>
+    </Flex>
+  );
+};
+
+SCCGenericExpander.propTypes = {
+  setInParent: PropTypes.func.isRequired,
+  selectOptionOpen: PropTypes.string.isRequired,
+  selectOptionClose: PropTypes.string.isRequired,
+  initLabel: PropTypes.string.isRequired,
+};
+
+SCCGenericExpander.deaultProps = {};
+
+export default SCCGenericExpander;

data/webpack/components/SCCProductPage/components/common/SCCProductTreeExpander/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import SCCGenericExpander from '../SCCGenericExpander';
+
+const SCCProductTreeExpander = ({ setExpandAllInParent }) => (
+  <SCCGenericExpander
+    setInParent={setExpandAllInParent}
+    selectOptionOpen={__('Expand products')}
+    selectOptionClose={__('Collapse products')}
+    initLabel={__('Collapse/Expand')}
+  />
+);
+
+SCCProductTreeExpander.propTypes = {
+  setExpandAllInParent: PropTypes.func.isRequired,
+};
+
+SCCProductTreeExpander.defaultProps = {};
+
+export default SCCProductTreeExpander;

data/webpack/components/SCCProductPage/components/common/SCCSubscribedProductsExpander/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import SCCGenericExpander from '../SCCGenericExpander';
+
+const SCCSubscribedProductsExpander = ({ setExpandAllInParent }) => (
+  <SCCGenericExpander
+    setInParent={setExpandAllInParent}
+    selectOptionOpen={__('Show all products')}
+    selectOptionClose={__('Show only subscribed products')}
+    initLabel={__('Show/Hide unsubscribed')}
+  />
+);
+
+SCCSubscribedProductsExpander.propTypes = {
+  setExpandAllInParent: PropTypes.func.isRequired,
+};
+
+SCCSubscribedProductsExpander.defaultProps = {};
+
+export default SCCSubscribedProductsExpander;

data/webpack/components/SCCProductPage/index.js

@@ -0,0 +1,18 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import * as actions from './SCCProductPageActions';
+import SCCProductPage from './SCCProductPage';
+import * as Selector from './SCCProductPageSelectors';
+
+// map state to props
+const mapStateToProps = (state) => ({
+  scc_products: Selector.selectSCCProducts(state),
+  scc_account_id: Selector.selectSCCAccountId(state),
+});
+
+// map action dispatchers to props
+const mapDispatchToProps = (dispatch) => bindActionCreators(actions, dispatch);
+
+// export connected component
+export default connect(mapStateToProps, mapDispatchToProps)(SCCProductPage);

data/webpack/components/SCCProductPage/sccProductPage.scss

@@ -0,0 +1,8 @@
+@import '~@theforeman/vendor/scss/variables';
+
+.pf-c-tile {
+  --pf-c-tile--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-tile--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-tile--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-tile--PaddingLeft: var(--pf-global--spacer--xs);
+}

data/webpack/index.js

@@ -0,0 +1,11 @@
+import componentRegistry from 'foremanReact/components/componentRegistry';
+import injectReducer from 'foremanReact/redux/reducers/registerReducer';
+import SCCProductPage from './components/SCCProductPage';
+import reducer from './reducer';
+
+componentRegistry.register({
+  name: 'SCCProductPage',
+  type: SCCProductPage,
+});
+
+injectReducer('foremanSccManager', reducer);

data/webpack/reducer.js

@@ -0,0 +1,7 @@
+import { combineReducers } from 'redux';
+
+import SCCProductPageReducer from './components/SCCProductPage/SCCProductPageReducer';
+
+export default combineReducers({
+  SCCProductPageReducer,
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: foreman_scc_manager
 version: !ruby/object:Gem::Version
-  version: 1.8.19
+  version: 2.0.0
 platform: ruby
 authors:
 - ATIX AG
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-04-29 00:00:00.000000000 Z
+date: 2022-10-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rdoc
@@ -128,6 +128,7 @@ files:
 - app/models/scc_account.rb
 - app/models/scc_account_sync_plan_task_group.rb
 - app/models/scc_extending.rb
+- app/models/scc_katello_repository.rb
 - app/models/scc_product.rb
 - app/models/scc_repository.rb
 - app/views/api/v2/scc_accounts/base.json.rabl
@@ -165,10 +166,17 @@ files:
 - db/migrate/20210210104407_add_root_repository_id_to_scc_repository.rb
 - db/migrate/20210224095050_connect_katello_root_repository_to_scc_repository.rb
 - db/migrate/20210713092440_add_permissions.rb
+- db/migrate/20220425132605_add_scc_katello_repository_relation.rb
+- db/migrate/20220429100843_remove_root_repository_id_from_scc_repository.rb
+- db/migrate/20220429102717_populate_scc_katello_repositories.rb
+- db/migrate/20220513132652_populate_upstream_authentication_token.rb
+- db/migrate/20220531120722_add_product_category_to_scc_products.rb
 - lib/foreman_scc_manager.rb
 - lib/foreman_scc_manager/engine.rb
 - lib/foreman_scc_manager/version.rb
+- lib/tasks/republish_repositories.rake
 - lib/tasks/rubocop.rake
+- lib/tasks/setup_authentication_token.rake
 - lib/tasks/test.rake
 - locale/Makefile
 - locale/action_names.rb
@@ -178,6 +186,7 @@ files:
 - locale/en/foreman_scc_manager.po
 - locale/foreman_scc_manager.pot
 - locale/gemspec.rb
+- package.json
 - test/actions/sync_test.rb
 - test/controllers/api/v2/scc_accounts_test.rb
 - test/controllers/api/v2/scc_products_test.rb
@@ -188,6 +197,7 @@ files:
 - test/fixtures/files/data_products_page2.json
 - test/fixtures/files/data_repositories.json
 - test/fixtures/files/data_subscriptions.json
+- test/fixtures/models/katello_root_repositories.yml
 - test/fixtures/models/scc_accounts.yml
 - test/fixtures/models/scc_products.yml
 - test/fixtures/models/scc_repositories.yml
@@ -196,6 +206,29 @@ files:
 - test/support/fixtures_support.rb
 - test/test_plugin_helper.rb
 - test/unit/foreman_scc_manager_test.rb
+- webpack/components/SCCProductPage/EmptySccProducts.js
+- webpack/components/SCCProductPage/SCCProductPage.js
+- webpack/components/SCCProductPage/SCCProductPageActions.js
+- webpack/components/SCCProductPage/SCCProductPageConstants.js
+- webpack/components/SCCProductPage/SCCProductPageReducer.js
+- webpack/components/SCCProductPage/SCCProductPageSelectors.js
+- webpack/components/SCCProductPage/components/SCCProductPicker/components/SCCGenericPicker/index.js
+- webpack/components/SCCProductPage/components/SCCProductPicker/components/SCCTreePicker/components/SCCRepoPicker/index.js
+- webpack/components/SCCProductPage/components/SCCProductPicker/components/SCCTreePicker/components/SCCRepoPicker/styles.scss
+- webpack/components/SCCProductPage/components/SCCProductPicker/components/SCCTreePicker/index.js
+- webpack/components/SCCProductPage/components/SCCProductPicker/index.js
+- webpack/components/SCCProductPage/components/SCCProductPicker/styles.scss
+- webpack/components/SCCProductPage/components/SCCProductPickerModal/index.js
+- webpack/components/SCCProductPage/components/SCCProductView/components/SCCRepoView/index.js
+- webpack/components/SCCProductPage/components/SCCProductView/components/SCCRepoView/styles.scss
+- webpack/components/SCCProductPage/components/SCCProductView/index.js
+- webpack/components/SCCProductPage/components/common/SCCGenericExpander/index.js
+- webpack/components/SCCProductPage/components/common/SCCProductTreeExpander/index.js
+- webpack/components/SCCProductPage/components/common/SCCSubscribedProductsExpander/index.js
+- webpack/components/SCCProductPage/index.js
+- webpack/components/SCCProductPage/sccProductPage.scss
+- webpack/index.js
+- webpack/reducer.js
 homepage: https://www.orcharhino.com/
 licenses:
 - GPL-3.0
@@ -215,26 +248,27 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.2.5
 signing_key: 
 specification_version: 4
 summary: Suse Customer Center plugin for Foreman
 test_files:
-- test/support/fixtures_support.rb
-- test/unit/foreman_scc_manager_test.rb
-- test/actions/sync_test.rb
-- test/test_plugin_helper.rb
-- test/factories/foreman_scc_manager_factories.rb
 - test/models/scc_product_test.rb
 - test/models/scc_account_test.rb
-- test/features/sync_test.rb
-- test/fixtures/models/scc_repositories.yml
+- test/controllers/scc_accounts_controller_test.rb
+- test/controllers/api/v2/scc_accounts_test.rb
+- test/controllers/api/v2/scc_products_test.rb
+- test/fixtures/models/katello_root_repositories.yml
 - test/fixtures/models/scc_accounts.yml
 - test/fixtures/models/scc_products.yml
+- test/fixtures/models/scc_repositories.yml
+- test/fixtures/files/data_products_page2.json
 - test/fixtures/files/data_products_page1.json
 - test/fixtures/files/data_subscriptions.json
-- test/fixtures/files/data_products_page2.json
 - test/fixtures/files/data_repositories.json
-- test/controllers/scc_accounts_controller_test.rb
-- test/controllers/api/v2/scc_products_test.rb
-- test/controllers/api/v2/scc_accounts_test.rb
+- test/features/sync_test.rb
+- test/unit/foreman_scc_manager_test.rb
+- test/actions/sync_test.rb
+- test/support/fixtures_support.rb
+- test/factories/foreman_scc_manager_factories.rb
+- test/test_plugin_helper.rb