katello 3.13.4 → 3.14.0.rc1

data/webpack/redux/reducers/RedHatRepositories/__tests__/enabled.test.js

@@ -41,6 +41,7 @@ describe('enabled reducer', () => {
     expect(reducer(initialState, {
       type: types.ENABLED_REPOSITORIES_FAILURE,
       error: 'Unable to process request.',
+      missingPermissions: ['unknown'],
     })).toEqual(errorState);
   });
 

data/webpack/redux/reducers/RedHatRepositories/__tests__/sets.test.js

@@ -38,7 +38,7 @@ describe('sets reducer', () => {
   it('should have error on REPOSITORY_SETS_FAILURE', () => {
     expect(reducer(initialState, {
       type: types.REPOSITORY_SETS_FAILURE,
-      payload: 'Unable to process request.',
+      payload: { response: { data: { error: { missing_permissions: ['unknown'] } } } },
     })).toEqual(errorState);
   });
 });

data/webpack/redux/reducers/RedHatRepositories/enabled.fixtures.js

@@ -158,6 +158,7 @@ export const errorState = Immutable({
   loading: false,
   repositories: [],
   error: 'Unable to process request.',
+  missingPermissions: ['unknown'],
 });
 
 export const disablingState = successState.setIn(

data/webpack/redux/reducers/RedHatRepositories/enabled.js

@@ -58,39 +58,48 @@ const changeRepoState = (state, repoToChange, stateDiff) => (
 );
 
 export default (state = initialState, action) => {
-  if (action.type === DISABLE_REPOSITORY_REQUEST) {
-    return changeRepoState(state, action.repository, { loading: true });
-  } else if (action.type === DISABLE_REPOSITORY_FAILURE) {
-    return changeRepoState(state, action.payload.repository, { loading: false });
-  } else if (action.type === ENABLED_REPOSITORIES_REQUEST) {
-    if (!action.silent) {
-      return state.set(['loading'], true);
+  switch (action.type) {
+    case DISABLE_REPOSITORY_REQUEST:
+      return changeRepoState(state, action.repository, { loading: true });
+    case DISABLE_REPOSITORY_FAILURE:
+      return changeRepoState(state, action.payload.repository, { loading: false });
+    case ENABLED_REPOSITORIES_REQUEST:
+      if (!action.silent) {
+        return state.set(['loading'], true);
+      }
+      return state;
+    case ENABLED_REPOSITORIES_SUCCESS: {
+      const {
+        page,
+        per_page, // eslint-disable-line camelcase
+        subtotal,
+        results,
+      } = action.response;
+      return Immutable({
+        repositories: mapRepositories(results),
+        pagination: {
+          page: Number(page) || 1,
+          // server can return per_page: null when there's error in the search query,
+          // don't store it in such case
+          // eslint-disable-next-line camelcase
+          perPage: Number(per_page || state.pagination.perPage),
+        },
+        itemCount: Number(subtotal),
+        loading: false,
+        searchIsActive: !isEmpty(action.search),
+        search: action.search,
+      });
     }
-  } else if (action.type === ENABLED_REPOSITORIES_SUCCESS) {
-    const {
-      page, per_page, subtotal, results, // eslint-disable-line camelcase
-    } = action.response;
-
-    return Immutable({
-      repositories: mapRepositories(results),
-      pagination: {
-        page: Number(page) || 1,
-        // server can return per_page: null when there's error in the search query,
-        // don't store it in such case
-        // eslint-disable-next-line camelcase
-        perPage: Number(per_page || state.pagination.perPage),
-      },
-      itemCount: Number(subtotal),
-      loading: false,
-      searchIsActive: !isEmpty(action.search),
-      search: action.search,
-    });
-  } else if (action.type === ENABLED_REPOSITORIES_FAILURE) {
-    return Immutable({
-      repositories: [],
-      loading: false,
-      error: action.error,
-    });
+    case ENABLED_REPOSITORIES_FAILURE: {
+      const { error, missingPermissions } = action;
+      return Immutable({
+        repositories: [],
+        loading: false,
+        error,
+        missingPermissions,
+      });
+    }
+    default:
+      return state;
   }
-  return state;
 };

data/webpack/redux/reducers/RedHatRepositories/sets.fixtures.js

@@ -137,6 +137,7 @@ export const successState = Immutable({
 });
 
 export const errorState = Immutable({
+  error: { response: { data: { error: { missing_permissions: ['unknown'] } } } },
   loading: false,
-  error: 'Unable to process request.',
+  missingPermissions: ['unknown'],
 });

data/webpack/redux/reducers/RedHatRepositories/sets.js

@@ -1,5 +1,5 @@
 import Immutable from 'seamless-immutable';
-import { isEmpty } from 'lodash';
+import { isEmpty, get } from 'lodash';
 
 import {
   REPOSITORY_SETS_REQUEST,
@@ -40,6 +40,7 @@ export default (state = initialState, action) => {
       return Immutable({
         error: payload,
         loading: false,
+        missingPermissions: get(payload, ['response', 'data', 'error', 'missing_permissions']),
       });
 
     default:

data/webpack/redux/reducers/index.js

@@ -11,6 +11,8 @@ import { moduleStreams } from '../../scenes/ModuleStreams';
 import { reducers as organizationProductsReducers } from '../OrganizationProducts';
 import { moduleStreamDetails } from '../../scenes/ModuleStreams/Details';
 import { reducers as systemStatuses } from '../../components/extensions/about';
+import { ansibleCollections } from '../../scenes/AnsibleCollections';
+import { ansibleCollectionDetails } from '../../scenes/AnsibleCollections/Details';
 
 export default combineReducers({
   organization,
@@ -23,6 +25,8 @@ export default combineReducers({
   setOrganization,
   moduleStreams,
   moduleStreamDetails,
+  ansibleCollections,
+  ansibleCollectionDetails,
   ...organizationProductsReducers,
   ...systemStatuses,
 });

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsActions.js

@@ -0,0 +1,30 @@
+import { propsToSnakeCase } from 'foremanReact/common/helpers';
+
+import api, { orgId } from '../../services/api';
+import {
+  ANSIBLE_COLLECTIONS_REQUEST,
+  ANSIBLE_COLLECTIONS_SUCCESS,
+  ANSIBLE_COLLECTIONS_ERROR,
+} from './AnsibleCollectionsConstants';
+import { apiError } from '../../move_to_foreman/common/helpers';
+
+export const getAnsibleCollections = (extendedParams = {}) => async (dispatch) => {
+  dispatch({ type: ANSIBLE_COLLECTIONS_REQUEST });
+
+  const params = {
+    organization_id: orgId(),
+    ...propsToSnakeCase(extendedParams),
+  };
+
+  try {
+    const { data } = await api.get('/ansible_collections', {}, params);
+    return dispatch({
+      type: ANSIBLE_COLLECTIONS_SUCCESS,
+      response: data,
+    });
+  } catch (error) {
+    return dispatch(apiError(ANSIBLE_COLLECTIONS_ERROR, error));
+  }
+};
+
+export default getAnsibleCollections;

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsConstants.js

@@ -0,0 +1,3 @@
+export const ANSIBLE_COLLECTIONS_REQUEST = 'ANSIBLE_COLLECTIONS_REQUEST';
+export const ANSIBLE_COLLECTIONS_SUCCESS = 'ANSIBLE_COLLECTIONS_SUCCESS';
+export const ANSIBLE_COLLECTIONS_ERROR = 'ANSIBLE_COLLECTIONS_ERROR';

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsPage.js

@@ -0,0 +1,80 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import qs from 'query-string';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { orgId } from '../../services/api';
+import TableSchema from './AnsibleCollectionsTableSchema';
+import ContentPage from '../../components/Content/ContentPage';
+
+class AnsibleCollectionsPage extends Component {
+  constructor(props) {
+    super(props);
+
+    const queryParams = qs.parse(this.props.location.search);
+    this.state = {
+      searchQuery: queryParams.search || '',
+    };
+  }
+
+  componentDidMount() {
+    this.props.getAnsibleCollections({
+      search: this.state.searchQuery,
+    });
+  }
+
+  onPaginationChange = (pagination) => {
+    this.props.getAnsibleCollections({
+      ...pagination,
+    });
+  };
+
+  onSearch = (search) => {
+    this.props.getAnsibleCollections({ search });
+  };
+
+  getAutoCompleteParams = search => ({
+    endpoint: '/ansible_collections/auto_complete_search',
+    params: {
+      organization_id: orgId(),
+      search,
+    },
+  });
+
+  updateSearchQuery = (searchQuery) => {
+    this.setState({ searchQuery });
+  };
+
+  render() {
+    const { ansibleCollections } = this.props;
+    return (
+      <ContentPage
+        header={__('Ansible Collections')}
+        content={ansibleCollections}
+        tableSchema={TableSchema}
+        onSearch={this.onSearch}
+        getAutoCompleteParams={this.getAutoCompleteParams}
+        updateSearchQuery={this.updateSearchQuery}
+        initialInputValue={this.state.searchQuery}
+        onPaginationChange={this.onPaginationChange}
+      />
+    );
+  }
+}
+
+AnsibleCollectionsPage.propTypes = {
+  location: PropTypes.shape({
+    search: PropTypes.oneOfType([
+      PropTypes.shape({}),
+      PropTypes.string,
+    ]),
+  }),
+  getAnsibleCollections: PropTypes.func.isRequired,
+  ansibleCollections: PropTypes.shape({}).isRequired,
+};
+
+AnsibleCollectionsPage.defaultProps = {
+  location: { search: '' },
+};
+
+
+export default AnsibleCollectionsPage;

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsReducer.js

@@ -0,0 +1,39 @@
+import { initialApiState } from '../../services/api';
+import {
+  ANSIBLE_COLLECTIONS_REQUEST,
+  ANSIBLE_COLLECTIONS_SUCCESS,
+  ANSIBLE_COLLECTIONS_ERROR,
+} from './AnsibleCollectionsConstants';
+
+const initialState = initialApiState;
+
+export default (state = initialState, action) => {
+  switch (action.type) {
+    case ANSIBLE_COLLECTIONS_REQUEST: {
+      return state.set('loading', true);
+    }
+    case ANSIBLE_COLLECTIONS_SUCCESS: {
+      const {
+        results, page, per_page, subtotal, // eslint-disable-line camelcase
+      } = action.response;
+      return state.merge({
+        results,
+        loading: false,
+        pagination: {
+          page: Number(page),
+          perPage: Number(per_page || state.pagination.perPage), // eslint-disable-line camelcase
+        },
+        itemCount: Number(subtotal),
+      });
+    }
+    case ANSIBLE_COLLECTIONS_ERROR: {
+      return state.merge({
+        error: action.error,
+        loading: false,
+      });
+    }
+    default: {
+      return state;
+    }
+  }
+};

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsTableSchema.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { urlBuilder } from 'foremanReact/common/urlHelpers';
+import {
+  headerFormatter,
+  cellFormatter,
+} from '../../move_to_foreman/components/common/table/formatters';
+
+const TableSchema = [
+  {
+    property: 'name',
+    header: {
+      label: __('Name'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [
+        (value, { rowData }) => (
+          <td>
+            <Link to={urlBuilder('ansible_collections', '', rowData.id)}>{rowData.name}</Link>
+          </td>
+        ),
+      ],
+    },
+  },
+  {
+    property: 'namespace',
+    header: {
+      label: __('Author'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+  {
+    property: 'version',
+    header: {
+      label: __('Version'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+  {
+    property: 'checksum',
+    header: {
+      label: __('Checksum'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+];
+
+export default TableSchema;
+

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetails.js

@@ -0,0 +1,91 @@
+import React, { Component } from 'react';
+import BreadcrumbsBar from 'foremanReact/components/BreadcrumbBar';
+import { PropTypes } from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import api from '../../../services/api';
+import ContentDetails from '../../../components/Content/Details/ContentDetails';
+import ansibleCollectionsSchema from './AnsibleCollectionsSchema';
+
+class AnsibleCollectionDetails extends Component {
+  componentDidMount() {
+    this.updateAnsibleCollection();
+  }
+
+  componentDidUpdate(prevProps) {
+    const { match: { params: prevRouterParams } } = this.props;
+    const { match: { params: currentRouterParams } } = prevProps;
+    if (prevRouterParams.id && (prevRouterParams.id !== currentRouterParams.id)) {
+      this.updateAnsibleCollection();
+    }
+  }
+
+  updateAnsibleCollection = () => {
+    const ansibleCollectionId = parseInt(this.props.match.params.id, 10);
+    this.props.getAnsibleCollectionDetails(ansibleCollectionId);
+  };
+
+  handleBreadcrumbSwitcherItem = (e, url) => {
+    this.props.history.push(url);
+    e.preventDefault();
+  };
+
+  render() {
+    const { ansibleCollectionDetails } = this.props;
+    const {
+      loading, name, namespace, version,
+    } = ansibleCollectionDetails;
+
+    const resource = {
+      nameField: 'name',
+      resourceUrl: api.getApiUrl('/ansible_collections'),
+      switcherItemUrl: '/ansible_collections/:id',
+    };
+
+    return (
+      <div>
+        {!loading && <BreadcrumbsBar
+          onSwitcherItemClick={(e, url) => this.handleBreadcrumbSwitcherItem(e, url)}
+          data={{
+            isSwitchable: true,
+            breadcrumbItems: [
+              {
+                caption: __('Ansible Collection Details'),
+                onClick: () =>
+                  this.props.history.push('/ansible_collections'),
+              },
+              {
+                caption: `${name}-${namespace}-${version}`,
+              },
+            ],
+            resource,
+          }}
+        />}
+        <ContentDetails
+          contentDetails={ansibleCollectionDetails}
+          schema={ansibleCollectionsSchema(ansibleCollectionDetails)}
+        />
+      </div>
+    );
+  }
+}
+
+AnsibleCollectionDetails.propTypes = {
+  getAnsibleCollectionDetails: PropTypes.func.isRequired,
+  history: PropTypes.shape({ push: PropTypes.func.isRequired }).isRequired,
+  location: PropTypes.shape({}).isRequired,
+  match: PropTypes.shape({
+    params: PropTypes.shape({
+      id: PropTypes.string.isRequired,
+    }).isRequired,
+  }).isRequired,
+  ansibleCollectionDetails: PropTypes.shape({
+    loading: PropTypes.bool,
+    name: PropTypes.string,
+    namespace: PropTypes.string,
+    version: PropTypes.string,
+    repositories: PropTypes.array,
+    tags: PropTypes.array,
+  }).isRequired,
+};
+
+export default AnsibleCollectionDetails;