foreman_templates 7.0.1 → 7.0.2

data/webpack/components/TemplateSyncResult/__tests__/TemplateSyncResult.test.js

@@ -0,0 +1,37 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import {
+  importTemplates,
+  exportTemplates,
+} from '../__fixtures__/templateSyncResult.fixtures';
+import TemplateSyncResult from '../TemplateSyncResult';
+
+const fixtures = {
+  'should render export result': {
+    syncResult: {
+      resultAction: 'export',
+      templates: exportTemplates,
+      repo: 'https://github.com/theforeman/community-templates.git',
+      branch: 'master',
+      gitUser: 'Admin',
+    },
+    history: {},
+  },
+  'should render empty state when no templates synced': {
+    syncResult: {
+      templates: [],
+    },
+    history: {},
+  },
+  'should render import result': {
+    syncResult: {
+      resultAction: 'import',
+      templates: importTemplates,
+      repo: '/home/vagrant/templates',
+    },
+    history: {},
+  },
+};
+
+describe('TemplateSyncResult', () =>
+  testComponentSnapshotsWithFixtures(TemplateSyncResult, fixtures));

data/webpack/components/TemplateSyncResult/__tests__/TemplateSyncResultReducer.test.js

@@ -0,0 +1,48 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import reducer, { initialState } from '../TemplateSyncResultReducer';
+import { importTemplates } from '../__fixtures__/templateSyncResult.fixtures';
+
+import {
+  TEMPLATESYNC_FORM_SUBMITTED,
+  SYNC_RESULT_PAGINATION_CHANGE,
+} from '../../../consts';
+
+const fixtures = {
+  'should return initial state': {
+    state: initialState,
+    action: {
+      type: undefined,
+      payload: {},
+    },
+  },
+  'should set new pagination': {
+    state: initialState,
+    action: {
+      type: SYNC_RESULT_PAGINATION_CHANGE,
+      payload: {
+        pagination: {
+          page: 2,
+          perPage: 5,
+        },
+      },
+    },
+  },
+  'should update state when form submitted': {
+    state: initialState,
+    action: {
+      type: TEMPLATESYNC_FORM_SUBMITTED,
+      payload: {
+        data: {
+          templates: importTemplates,
+          repo: 'https://github.com/theforeman/community-templates.git',
+          branch: 'master',
+          result_action: 'import',
+        },
+      },
+    },
+  },
+};
+
+describe('TemplateSyncResultReducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/components/TemplateSyncResult/__tests__/__snapshots__/TemplateSyncResult.test.js.snap

@@ -0,0 +1,112 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TemplateSyncResult should render empty state when no templates synced 1`] = `
+<EmptySyncResult
+  primaryAction={[Function]}
+/>
+`;
+
+exports[`TemplateSyncResult should render export result 1`] = `
+<FinishedSyncResult
+  branch="master"
+  editPaths={Object {}}
+  fileRepoStartWith={Array []}
+  gitUser="Admin"
+  pageChange={[Function]}
+  pagination={Object {}}
+  repo="https://github.com/theforeman/community-templates.git"
+  templates={
+    Array [
+      Object {
+        "additionalErrors": null,
+        "className": "JobTemplate",
+        "errors": Object {},
+        "humanizedClassName": "Job Template",
+        "locked": true,
+        "name": "random template",
+        "snippet": true,
+        "templateFile": "random_template.erb",
+      },
+      Object {
+        "additionalErrors": null,
+        "className": "Ptable",
+        "errors": Object {},
+        "humanizedClassName": "Ptable",
+        "locked": false,
+        "name": "CoreOS default",
+        "snippet": false,
+        "templateFile": "coreos_default.erb",
+      },
+    ]
+  }
+  type="export"
+/>
+`;
+
+exports[`TemplateSyncResult should render import result 1`] = `
+<FinishedSyncResult
+  branch=""
+  editPaths={Object {}}
+  fileRepoStartWith={Array []}
+  gitUser=""
+  pageChange={[Function]}
+  pagination={Object {}}
+  repo="/home/vagrant/templates"
+  templates={
+    Array [
+      Object {
+        "additionalErrors": "No \\"name\\" found in metadata",
+        "errors": null,
+        "name": null,
+        "templateFile": "random_template.erb",
+      },
+      Object {
+        "additionalErrors": null,
+        "className": "ProvisioningTemplate",
+        "errors": Object {
+          "base": Array [
+            "This template is locked",
+          ],
+        },
+        "humanizedClassName": "Provisioning Template",
+        "kind": "Provision",
+        "locked": true,
+        "name": "EPEL",
+        "snippet": true,
+        "templateFile": "epel.erb",
+      },
+      Object {
+        "additionalErrors": null,
+        "className": "Ptable",
+        "errors": Object {},
+        "humanizedClassName": "Ptable",
+        "locked": false,
+        "name": "CoreOS default",
+        "snippet": false,
+        "templateFile": "coreos_default.erb",
+      },
+      Object {
+        "additionalErrors": "No \\"model\\" found in metadata",
+        "errors": null,
+        "name": null,
+        "templateFile": "no_model.erb",
+      },
+      Object {
+        "additionalErrors": null,
+        "className": "ProvisioningTemplate",
+        "errors": Object {
+          "name": Array [
+            "has already been taken",
+          ],
+        },
+        "humanizedClassName": "Provisioning Template",
+        "locked": true,
+        "name": "Kickstart fake",
+        "snippet": true,
+        "templateFile": "kickstart_fake.erb",
+      },
+    ]
+  }
+  type="import"
+/>
+`;

data/webpack/components/TemplateSyncResult/__tests__/__snapshots__/TemplateSyncResultReducer.test.js.snap

@@ -0,0 +1,88 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TemplateSyncResultReducer should return initial state 1`] = `
+Object {
+  "pagination": Object {
+    "page": 1,
+    "perPage": 20,
+  },
+  "resultAction": "",
+  "templates": Array [],
+}
+`;
+
+exports[`TemplateSyncResultReducer should set new pagination 1`] = `
+Object {
+  "pagination": Object {
+    "page": 2,
+    "perPage": 5,
+  },
+  "resultAction": "",
+  "templates": Array [],
+}
+`;
+
+exports[`TemplateSyncResultReducer should update state when form submitted 1`] = `
+Object {
+  "branch": "master",
+  "pagination": Object {
+    "page": 1,
+    "perPage": 20,
+  },
+  "repo": "https://github.com/theforeman/community-templates.git",
+  "resultAction": "import",
+  "templates": Array [
+    Object {
+      "additionalErrors": "No \\"name\\" found in metadata",
+      "errors": null,
+      "name": null,
+      "templateFile": "random_template.erb",
+    },
+    Object {
+      "additionalErrors": null,
+      "className": "ProvisioningTemplate",
+      "errors": Object {
+        "base": Array [
+          "This template is locked",
+        ],
+      },
+      "humanizedClassName": "Provisioning Template",
+      "kind": "Provision",
+      "locked": true,
+      "name": "EPEL",
+      "snippet": true,
+      "templateFile": "epel.erb",
+    },
+    Object {
+      "additionalErrors": null,
+      "className": "Ptable",
+      "errors": Object {},
+      "humanizedClassName": "Ptable",
+      "locked": false,
+      "name": "CoreOS default",
+      "snippet": false,
+      "templateFile": "coreos_default.erb",
+    },
+    Object {
+      "additionalErrors": "No \\"model\\" found in metadata",
+      "errors": null,
+      "name": null,
+      "templateFile": "no_model.erb",
+    },
+    Object {
+      "additionalErrors": null,
+      "className": "ProvisioningTemplate",
+      "errors": Object {
+        "name": Array [
+          "has already been taken",
+        ],
+      },
+      "humanizedClassName": "Provisioning Template",
+      "locked": true,
+      "name": "Kickstart fake",
+      "snippet": true,
+      "templateFile": "kickstart_fake.erb",
+    },
+  ],
+}
+`;

data/webpack/components/TemplateSyncResult/components/EmptySyncResult.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { EmptyState, Button } from 'patternfly-react';
+import PropTypes from 'prop-types';
+
+const EmptySyncResult = ({ primaryAction }) => (
+  <EmptyState>
+    <EmptyState.Icon type="fa" name="refresh" />
+    <EmptyState.Title>No Template Sync Result</EmptyState.Title>
+    <EmptyState.Info>
+      To view results of a template sync, you must import/export the templates
+      first.
+    </EmptyState.Info>
+    <EmptyState.Action>
+      <Button bsStyle="primary" bsSize="large" onClick={primaryAction}>
+        Sync Templates
+      </Button>
+    </EmptyState.Action>
+  </EmptyState>
+);
+
+EmptySyncResult.propTypes = {
+  primaryAction: PropTypes.func.isRequired,
+};
+
+export default EmptySyncResult;

data/webpack/components/TemplateSyncResult/components/FinishedSyncResult.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { capitalize } from 'lodash';
+
+import PageLayout from 'foremanReact/routes/common/PageLayout/PageLayout';
+import { LinkContainer } from 'react-router-bootstrap';
+
+import { Button } from 'patternfly-react';
+import SyncResultList from './SyncResultList';
+
+const titleString = (type, repo, branch, gitUser, fileRepoStartWith) => {
+  const prep = type === 'import' ? 'from' : 'to';
+  const isFileRepo = fileRepoStartWith.reduce(
+    (memo, item) => repo.startsWith(item) || memo,
+    false
+  );
+
+  const branchString = branch && !isFileRepo ? `and branch ${branch}` : '';
+  const userString = (gitUser && `as user ${gitUser}`) || '';
+
+  return `${capitalize(type)} ${prep} ${repo} ${branchString} ${userString}`;
+};
+
+const FinishedSyncResult = ({
+  templates,
+  type,
+  repo,
+  branch,
+  gitUser,
+  fileRepoStartWith,
+  pagination,
+  pageChange,
+  editPaths,
+}) => (
+  <PageLayout
+    searchable={false}
+    header={titleString(type, repo, branch, gitUser, fileRepoStartWith)}
+  >
+    <div className="row">
+      <div className="title-filter col-md-4">&nbsp;</div>
+      <div id="title_action" className="col-md-8">
+        <div className="btn-toolbar pull-right">
+          <LinkContainer to="/template_syncs" activeClassName="">
+            <Button>{__('Back to sync form')}</Button>
+          </LinkContainer>
+        </div>
+      </div>
+    </div>
+
+    <SyncResultList
+      templates={templates}
+      pagination={pagination}
+      editPaths={editPaths}
+      pageChange={pageChange}
+    />
+  </PageLayout>
+);
+
+FinishedSyncResult.propTypes = {
+  templates: PropTypes.array.isRequired,
+  type: PropTypes.string.isRequired,
+  repo: PropTypes.string.isRequired,
+  branch: PropTypes.string,
+  gitUser: PropTypes.string,
+  pagination: PropTypes.object,
+  pageChange: PropTypes.func.isRequired,
+  editPaths: PropTypes.object.isRequired,
+  fileRepoStartWith: PropTypes.array.isRequired,
+};
+
+FinishedSyncResult.defaultProps = {
+  branch: '',
+  gitUser: '',
+  pagination: {},
+};
+
+export default FinishedSyncResult;

data/webpack/components/TemplateSyncResult/components/ListViewHeader.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ListView, Icon } from 'patternfly-react';
+import classNames from 'classnames';
+
+import InfoItem from './SyncedTemplate/InfoItem';
+
+const ListViewHeader = props => {
+  const additionalInfo = [
+    'Name',
+    'Locked',
+    'Snippet',
+    'Template Class',
+    'Kind',
+    'File Name',
+  ].map((title, idx) => (
+    <InfoItem itemId={`${idx}`} key={idx}>
+      <strong>{title}</strong>
+    </InfoItem>
+  ));
+
+  // Use ListView.Item as a header to get a vertical alignment
+  return (
+    <ListView.Item
+      additionalInfo={additionalInfo}
+      className={classNames(
+        'listViewItem--listItemVariants',
+        'list-view-header'
+      )}
+      leftContent={<Icon name="ok" size="sm" type="pf" />}
+      hideCloseIcon
+      stacked
+    >
+      <span />
+    </ListView.Item>
+  );
+};
+
+export default ListViewHeader;

data/webpack/components/TemplateSyncResult/components/SyncResultList.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { ListView } from 'patternfly-react';
+import PropTypes from 'prop-types';
+
+import Pagination from 'foremanReact/components/Pagination/PaginationWrapper';
+
+import SyncedTemplate from './SyncedTemplate';
+import { templatesPage } from '../TemplateSyncResultHelpers';
+import ListViewHeader from './ListViewHeader';
+
+const SyncResultList = ({ pagination, pageChange, templates, editPaths }) => (
+  <ListView>
+    <ListViewHeader />
+    {templatesPage(templates, pagination).map(template => (
+      <SyncedTemplate
+        template={template}
+        key={template.name}
+        editPath={editPaths[template.className]}
+      />
+    ))}
+    <Pagination
+      viewType="list"
+      itemCount={templates.length}
+      pagination={pagination}
+      onChange={pageChange}
+      dropdownButtonId="template-sync-result-dropdown"
+    />
+  </ListView>
+);
+
+SyncResultList.propTypes = {
+  pagination: PropTypes.shape({
+    page: PropTypes.number,
+    perPage: PropTypes.number,
+  }).isRequired,
+  pageChange: PropTypes.func.isRequired,
+  templates: PropTypes.array.isRequired,
+  editPaths: PropTypes.object.isRequired,
+};
+
+export default SyncResultList;

data/webpack/components/TemplateSyncResult/components/SyncedTemplate/EmptyInfoItem.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import InfoItem from './InfoItem';
+import { itemIteratorId } from './helpers';
+
+const EmptyInfoItem = ({ template, attr }) => (
+  <InfoItem itemId={itemIteratorId(template, attr)} />
+);
+
+EmptyInfoItem.propTypes = {
+  template: PropTypes.object.isRequired,
+  attr: PropTypes.string.isRequired,
+};
+
+export default EmptyInfoItem;

data/webpack/components/TemplateSyncResult/components/SyncedTemplate/IconInfoItem.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Icon } from 'patternfly-react';
+import PropTypes from 'prop-types';
+
+import InfoItem from './InfoItem';
+import { itemIteratorId } from './helpers';
+
+const IconInfoItem = ({ template, attr, iconName, tooltipText }) => (
+  <InfoItem itemId={itemIteratorId(template, attr)} tooltipText={tooltipText}>
+    <Icon type="fa" name={iconName} />
+  </InfoItem>
+);
+
+IconInfoItem.propTypes = {
+  template: PropTypes.object.isRequired,
+  attr: PropTypes.string.isRequired,
+  iconName: PropTypes.string.isRequired,
+  tooltipText: PropTypes.string.isRequired,
+};
+
+export default IconInfoItem;

data/webpack/components/TemplateSyncResult/components/SyncedTemplate/InfoItem.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ListView, OverlayTrigger, Tooltip } from 'patternfly-react';
+import PropTypes from 'prop-types';
+
+const InfoItem = ({ itemId, children, tooltipText }) => {
+  const overlay = (
+    <OverlayTrigger
+      overlay={tooltipText ? <Tooltip id={itemId}>{tooltipText}</Tooltip> : ''}
+      placement="top"
+      trigger={['hover', 'focus']}
+      rootClose={false}
+    >
+      {children}
+    </OverlayTrigger>
+  );
+  return (
+    <ListView.InfoItem key={itemId} className="additional-info-wide">
+      {tooltipText ? overlay : children}
+    </ListView.InfoItem>
+  );
+};
+
+InfoItem.propTypes = {
+  itemId: PropTypes.string.isRequired,
+  children: PropTypes.node,
+  tooltipText: PropTypes.string,
+};
+
+InfoItem.defaultProps = {
+  tooltipText: '',
+  children: undefined,
+};
+
+export default InfoItem;

data/webpack/components/TemplateSyncResult/components/SyncedTemplate/LinkInfoItem.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { ListView } from 'patternfly-react';
+import PropTypes from 'prop-types';
+
+import { itemIteratorId } from './helpers';
+
+const wrapWithLink = (template, editPath) => {
+  if (template.id && template.canEdit) {
+    return (
+      <a
+        href={editPath.replace(':id', template.id)}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {template.name}
+      </a>
+    );
+  }
+  return template.name || ' ';
+};
+
+const LinkInfoItem = ({ template, editPath, attr }) => (
+  <ListView.InfoItem
+    key={itemIteratorId(template, attr)}
+    className="additional-info-wide"
+  >
+    {wrapWithLink(template, editPath)}
+  </ListView.InfoItem>
+);
+
+LinkInfoItem.propTypes = {
+  template: PropTypes.object.isRequired,
+  editPath: PropTypes.string.isRequired,
+  attr: PropTypes.string.isRequired,
+};
+
+export default LinkInfoItem;

data/webpack/components/TemplateSyncResult/components/SyncedTemplate/StringInfoItem.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import EllipsisWithTooltip from 'react-ellipsis-with-tooltip';
+import PropTypes from 'prop-types';
+
+import InfoItem from './InfoItem';
+import { itemIteratorId } from './helpers';
+
+const StringInfoItem = ({
+  template,
+  attr,
+  tooltipText,
+  translate,
+  mapAttr,
+  elipsed,
+}) => {
+  const inner = (
+    <span>
+      {translate ? __(mapAttr(template, attr)) : mapAttr(template, attr)}
+    </span>
+  );
+  const innerContent = elipsed ? (
+    <EllipsisWithTooltip placement="top">{inner}</EllipsisWithTooltip>
+  ) : (
+    inner
+  );
+
+  return (
+    <InfoItem itemId={itemIteratorId(template, attr)} tooltipText={tooltipText}>
+      {innerContent}
+    </InfoItem>
+  );
+};
+
+StringInfoItem.propTypes = {
+  template: PropTypes.object.isRequired,
+  attr: PropTypes.string.isRequired,
+  tooltipText: PropTypes.string,
+  translate: PropTypes.bool,
+  mapAttr: PropTypes.func,
+  elipsed: PropTypes.bool,
+};
+
+StringInfoItem.defaultProps = {
+  translate: false,
+  mapAttr: (template, attr) => template[attr],
+  elipsed: false,
+  tooltipText: undefined,
+};
+
+export default StringInfoItem;