foreman_templates 7.0.1 → 7.0.2

data/webpack/components/NewTemplateSync/components/__tests__/__snapshots__/SyncSettingField.test.js.snap

@@ -0,0 +1,131 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncSettingField should render boolean setting as checkbox 1`] = `
+<TextButtonField
+  blank={Object {}}
+  buttonAttrs={
+    Object {
+      "buttonAction": [Function],
+      "buttonText": <ButtonTooltip
+        tooltipId="force"
+      />,
+    }
+  }
+  className=""
+  disabled={false}
+  fieldRequired={false}
+  fieldSelector={[Function]}
+  inputClassName="col-md-6"
+  item={
+    Object {
+      "id": 46,
+      "name": "force",
+      "settingsType": "bool",
+      "value": false,
+    }
+  }
+  label="undefined "
+  name="force"
+  tooltipHelp={
+    <FieldLevelHelp
+      buttonClass=""
+      content={null}
+      placement="top"
+      rootClose={true}
+    />
+  }
+  validate={Array []}
+/>
+`;
+
+exports[`SyncSettingField should render setting with input field 1`] = `
+<TextButtonField
+  blank={Object {}}
+  buttonAttrs={
+    Object {
+      "buttonAction": [Function],
+      "buttonText": <ButtonTooltip
+        tooltipId="filter"
+      />,
+    }
+  }
+  className=""
+  disabled={false}
+  fieldRequired={false}
+  fieldSelector={[Function]}
+  inputClassName="col-md-6"
+  item={
+    Object {
+      "id": 47,
+      "name": "filter",
+      "settingsType": "string",
+      "value": "",
+    }
+  }
+  label="undefined "
+  name="filter"
+  tooltipHelp={
+    <FieldLevelHelp
+      buttonClass=""
+      content={null}
+      placement="top"
+      rootClose={true}
+    />
+  }
+  validate={Array []}
+/>
+`;
+
+exports[`SyncSettingField should render setting with select choices 1`] = `
+<TextButtonField
+  blank={Object {}}
+  buttonAttrs={
+    Object {
+      "buttonAction": [Function],
+      "buttonText": <ButtonTooltip
+        tooltipId="associate"
+      />,
+    }
+  }
+  className=""
+  disabled={false}
+  fieldRequired={false}
+  fieldSelector={[Function]}
+  inputClassName="col-md-6"
+  item={
+    Object {
+      "id": 45,
+      "name": "associate",
+      "selection": Array [
+        Object {
+          "label": "New",
+          "value": "new",
+        },
+        Object {
+          "label": "Never",
+          "value": "never",
+        },
+        Object {
+          "label": "Always",
+          "value": "always",
+        },
+      ],
+      "settingsType": "string",
+      "value": "new",
+    }
+  }
+  label="undefined "
+  name="associate"
+  tooltipHelp={
+    <FieldLevelHelp
+      buttonClass=""
+      content={null}
+      placement="top"
+      rootClose={true}
+    />
+  }
+  validate={Array []}
+>
+  new
+</TextButtonField>
+`;

data/webpack/components/NewTemplateSync/components/__tests__/__snapshots__/SyncSettingFields.test.js.snap

@@ -0,0 +1,94 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncSettingFields should show export settings 1`] = `
+<Fragment>
+  <SyncSettingField
+    disabled={false}
+    key="filter"
+    resetField={[Function]}
+    setting={
+      Object {
+        "id": 47,
+        "name": "filter",
+        "settingsType": "string",
+        "value": "",
+      }
+    }
+  />
+  <SyncSettingField
+    disabled={false}
+    key="negate"
+    resetField={[Function]}
+    setting={
+      Object {
+        "id": 48,
+        "name": "negate",
+        "settingsType": "bool",
+        "value": false,
+      }
+    }
+  />
+  <SyncSettingField
+    disabled={false}
+    key="repo"
+    resetField={[Function]}
+    setting={
+      Object {
+        "id": 49,
+        "name": "repo",
+        "required": true,
+        "settingsType": "string",
+        "validate": Array [
+          [Function],
+        ],
+        "value": "https://github.com/theforeman/community-templates.git",
+      }
+    }
+  />
+</Fragment>
+`;
+
+exports[`SyncSettingFields should show import settings 1`] = `
+<Fragment>
+  <SyncSettingField
+    disabled={false}
+    key="associate"
+    resetField={[Function]}
+    setting={
+      Object {
+        "id": 45,
+        "name": "associate",
+        "selection": Array [
+          Object {
+            "label": "New",
+            "value": "new",
+          },
+          Object {
+            "label": "Never",
+            "value": "never",
+          },
+          Object {
+            "label": "Always",
+            "value": "always",
+          },
+        ],
+        "settingsType": "string",
+        "value": "new",
+      }
+    }
+  />
+  <SyncSettingField
+    disabled={false}
+    key="force"
+    resetField={[Function]}
+    setting={
+      Object {
+        "id": 46,
+        "name": "force",
+        "settingsType": "bool",
+        "value": false,
+      }
+    }
+  />
+</Fragment>
+`;

data/webpack/components/NewTemplateSync/components/__tests__/__snapshots__/SyncTypeRadios.test.js.snap

@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncTypeRadios should render 1`] = `
+<CommonForm
+  className=""
+  inputClassName="col-md-6"
+  label="Test radios"
+>
+  <Radio
+    bsClass="radio"
+    checked={false}
+    disabled={false}
+    inline={true}
+    key="0"
+    onChange={[Function]}
+    title="A"
+    value="a"
+  >
+    A
+  </Radio>
+  <Radio
+    bsClass="radio"
+    checked={true}
+    disabled={false}
+    inline={true}
+    key="1"
+    onChange={[Function]}
+    title="B"
+    value="b"
+  >
+    B
+  </Radio>
+  <Radio
+    bsClass="radio"
+    checked={false}
+    disabled={false}
+    inline={true}
+    key="2"
+    onChange={[Function]}
+    title="C"
+    value="c"
+  >
+    C
+  </Radio>
+</CommonForm>
+`;

data/webpack/components/NewTemplateSync/components/__tests__/__snapshots__/TextButtonField.test.js.snap

@@ -0,0 +1,112 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextButtonField should render checkbox item 1`] = `
+<Field
+  blank={Object {}}
+  buttonAttrs={
+    Object {
+      "buttonAction": [Function],
+      "buttonText": "Button",
+    }
+  }
+  component={[Function]}
+  disabled={false}
+  fieldRequired={false}
+  fieldSelector={[Function]}
+  item={
+    Object {
+      "type": "checkbox",
+    }
+  }
+  label="Checkbox"
+  name="Checkbox field"
+  tooltipHelp={null}
+/>
+`;
+
+exports[`TextButtonField should render select item with custom blank opt 1`] = `
+<Field
+  blank={
+    Object {
+      "label": "Bare Metal",
+      "value": "bareMetal",
+    }
+  }
+  buttonAttrs={
+    Object {
+      "buttonAction": [Function],
+      "buttonText": "Button",
+    }
+  }
+  component={[Function]}
+  disabled={false}
+  fieldRequired={false}
+  fieldSelector={[Function]}
+  item={
+    Object {
+      "selection": Array [
+        Object {
+          "label": "A",
+          "value": "a",
+        },
+        Object {
+          "label": "B",
+          "value": "b",
+        },
+        Object {
+          "label": "C",
+          "value": "c",
+        },
+      ],
+      "type": "select",
+    }
+  }
+  label="Select"
+  name="select field"
+  tooltipHelp={null}
+/>
+`;
+
+exports[`TextButtonField should render text field without field selector 1`] = `
+<Field
+  blank={Object {}}
+  buttonAttrs={
+    Object {
+      "buttonAction": [Function],
+      "buttonText": "Button",
+    }
+  }
+  component={[Function]}
+  disabled={false}
+  fieldRequired={false}
+  fieldSelector={[Function]}
+  item={Object {}}
+  label="Text field"
+  name="no selector"
+  tooltipHelp={null}
+/>
+`;
+
+exports[`TextButtonField should render text item 1`] = `
+<Field
+  blank={Object {}}
+  buttonAttrs={
+    Object {
+      "buttonAction": [Function],
+      "buttonText": "Button",
+    }
+  }
+  component={[Function]}
+  disabled={false}
+  fieldRequired={false}
+  fieldSelector={[Function]}
+  item={
+    Object {
+      "type": "text",
+    }
+  }
+  label="Text"
+  name="Text field"
+  tooltipHelp={null}
+/>
+`;

data/webpack/components/NewTemplateSync/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { connect } from 'react-redux';
+
+import * as TemplateSyncActions from './NewTemplateSyncActions';
+import NewTemplateSync from './NewTemplateSync';
+import { selectLoadingSettings, selectError } from './NewTemplateSyncSelectors';
+import withProtectedView from '../../withProtectedView';
+import PermissionDenied from '../PermissionDenied';
+
+const mapStateToProps = state => ({
+  loadingSettings: selectLoadingSettings(state),
+  error: selectError(state),
+});
+
+const permissionList = (
+  <ul className="list-unstyled">
+    <li>import_templates</li>
+    <li>export_templates</li>
+  </ul>
+);
+
+export default withProtectedView(
+  connect(
+    mapStateToProps,
+    TemplateSyncActions
+  )(NewTemplateSync),
+  PermissionDenied,
+  props =>
+    props.userPermissions &&
+    (props.userPermissions.import || props.userPermissions.export),
+  { doc: permissionList }
+);

data/webpack/components/PageNotFound.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { EmptyStatePattern as EmptyState } from 'foremanReact/components/common/EmptyState';
+
+const PageNotFound = props => (
+  <EmptyState
+    iconType="fa"
+    icon="exclamation-triangle"
+    header={__('Page Not Found')}
+    description={__('The page you are looking for does not exist')}
+  />
+);
+
+export default PageNotFound;

data/webpack/components/PermissionDenied.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { EmptyStatePattern as EmptyState } from 'foremanReact/components/common/EmptyState';
+
+const PermissionDenied = props => {
+  const description = (
+    <span>
+      {__('You are not authorized to perform this action.')}
+      <br />
+      {__(
+        'Please request one of the required permissions listed below from a Foreman administrator:'
+      )}
+      <br />
+    </span>
+  );
+
+  return (
+    <EmptyState
+      iconType="fa"
+      icon="lock"
+      header={__('Permission Denied')}
+      description={description}
+      documentation={props.doc}
+    />
+  );
+};
+
+PermissionDenied.propTypes = {
+  doc: PropTypes.node.isRequired,
+};
+
+export default PermissionDenied;

data/webpack/components/TemplateSyncResult/TemplateSyncResult.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { isEmpty } from 'lodash';
+import PropTypes from 'prop-types';
+
+import EmptySyncResult from './components/EmptySyncResult';
+import FinishedSyncResult from './components/FinishedSyncResult';
+
+import './TemplateSyncResult.scss';
+
+const TemplateSyncResult = ({
+  syncResult: { templates, resultAction, repo, branch, gitUser, pagination },
+  history,
+  syncedTemplatesPageChange,
+  editPaths,
+  fileRepoStartWith,
+}) => {
+  const redirectBack = () => history.push({ pathname: '/template_syncs' });
+
+  return isEmpty(templates) ? (
+    <EmptySyncResult primaryAction={redirectBack} />
+  ) : (
+    <FinishedSyncResult
+      templates={templates}
+      type={resultAction}
+      repo={repo}
+      branch={branch}
+      gitUser={gitUser}
+      fileRepoStartWith={fileRepoStartWith}
+      editPaths={editPaths}
+      pagination={pagination}
+      pageChange={syncedTemplatesPageChange}
+    />
+  );
+};
+
+TemplateSyncResult.propTypes = {
+  syncResult: PropTypes.shape({
+    templates: PropTypes.array,
+    resultAction: PropTypes.string,
+    repo: PropTypes.string,
+    branch: PropTypes.string,
+    gitUser: PropTypes.string,
+    pagination: PropTypes.shape({
+      page: PropTypes.number,
+      perPage: PropTypes.number,
+    }),
+    syncedTemplatesPageChange: PropTypes.func,
+  }).isRequired,
+  history: PropTypes.object.isRequired,
+  editPaths: PropTypes.object,
+  fileRepoStartWith: PropTypes.array,
+  syncedTemplatesPageChange: PropTypes.func,
+};
+
+TemplateSyncResult.defaultProps = {
+  editPaths: {},
+  syncedTemplatesPageChange: () => {},
+  fileRepoStartWith: [],
+};
+
+export default TemplateSyncResult;

data/webpack/components/TemplateSyncResult/TemplateSyncResult.scss

@@ -0,0 +1,39 @@
+#foreman-templates {
+  .list-view-pf-body {
+    .list-view-pf-description {
+      width: 20%;
+    }
+  }
+
+  .list-view-pf-additional-info-item.additional-info-wide {
+    width: 15%;
+  }
+
+  .list-group-item-heading {
+    font-weight: normal;
+    font-size: 12px;
+  }
+
+  .list-view-header {
+    border-top: 0px;
+    background-color: #fff;
+    border-left-color: #fff;
+    border-right-color: #fff;
+
+    .list-view-pf-main-info {
+      padding-bottom: 0px;
+    }
+
+    .list-group-item-heading {
+      font-weight: 600;
+    }
+
+    .list-view-pf-left {
+      visibility: hidden;
+    }
+    .list-view-pf-expand {
+      visibility: hidden;
+      margin-bottom: 0px;
+    }
+  }
+}

data/webpack/components/TemplateSyncResult/TemplateSyncResultActions.js

@@ -0,0 +1,4 @@
+import { SYNC_RESULT_PAGINATION_CHANGE } from '../../consts';
+
+export const syncedTemplatesPageChange = pagination => dispatch =>
+  dispatch({ type: SYNC_RESULT_PAGINATION_CHANGE, payload: { pagination } });

data/webpack/components/TemplateSyncResult/TemplateSyncResultHelpers.js

@@ -0,0 +1,6 @@
+// move to some sort of pagination helper in core
+export const templatesPage = (templates, pagination) => {
+  const offset = (pagination.page - 1) * pagination.perPage;
+
+  return templates.slice(offset, offset + pagination.perPage);
+};

data/webpack/components/TemplateSyncResult/TemplateSyncResultReducer.js

@@ -0,0 +1,33 @@
+import Immutable from 'seamless-immutable';
+import { deepPropsToCamelCase } from 'foremanReact/common/helpers';
+
+import {
+  TEMPLATESYNC_FORM_SUBMITTED,
+  SYNC_RESULT_PAGINATION_CHANGE,
+} from '../../consts';
+
+export const initialState = Immutable({
+  resultAction: '',
+  templates: [],
+
+  pagination: {
+    page: 1,
+    perPage: 20,
+  },
+});
+
+const syncResult = (state = initialState, action) => {
+  const { payload } = action;
+  switch (action.type) {
+    case TEMPLATESYNC_FORM_SUBMITTED:
+      return state.merge({
+        ...deepPropsToCamelCase(payload.data),
+      });
+    case SYNC_RESULT_PAGINATION_CHANGE:
+      return state.set('pagination', payload.pagination);
+    default:
+      return state;
+  }
+};
+
+export default syncResult;

data/webpack/components/TemplateSyncResult/TemplateSyncResultSelectors.js

@@ -0,0 +1 @@
+export const selectSyncResult = state => state.foremanTemplates.syncResult;

data/webpack/components/TemplateSyncResult/__fixtures__/templateSyncResult.fixtures.js

@@ -0,0 +1,86 @@
+export const exportTemplates = [
+  {
+    name: 'random template',
+    templateFile: 'random_template.erb',
+    additionalErrors: null,
+    errors: {},
+    snippet: true,
+    locked: true,
+    className: 'JobTemplate',
+    humanizedClassName: 'Job Template',
+  },
+  {
+    name: 'CoreOS default',
+    templateFile: 'coreos_default.erb',
+    additionalErrors: null,
+    errors: {},
+    snippet: false,
+    locked: false,
+    className: 'Ptable',
+    humanizedClassName: 'Ptable',
+  },
+];
+
+export const noName = {
+  name: null,
+  templateFile: 'random_template.erb',
+  additionalErrors: 'No "name" found in metadata',
+  errors: null,
+};
+
+export const epel = {
+  name: 'EPEL',
+  templateFile: 'epel.erb',
+  additionalErrors: null,
+  errors: { base: ['This template is locked'] },
+  snippet: true,
+  locked: true,
+  className: 'ProvisioningTemplate',
+  kind: 'Provision',
+  humanizedClassName: 'Provisioning Template',
+};
+
+export const coreos = {
+  name: 'CoreOS default',
+  templateFile: 'coreos_default.erb',
+  additionalErrors: null,
+  errors: {},
+  snippet: false,
+  locked: false,
+  className: 'Ptable',
+  humanizedClassName: 'Ptable',
+};
+
+export const filteredOut = {
+  name: 'CoreOS default',
+  templateFile: 'coreos_default.erb',
+  additionalErrors: null,
+  additionalInfo: 'Skipping, this template was filtered out.',
+  errors: {},
+  snippet: false,
+  locked: false,
+  className: 'Ptable',
+  humanizedClassName: 'Ptable',
+};
+
+export const importTemplates = [
+  noName,
+  epel,
+  coreos,
+  {
+    name: null,
+    templateFile: 'no_model.erb',
+    additionalErrors: 'No "model" found in metadata',
+    errors: null,
+  },
+  {
+    name: 'Kickstart fake',
+    templateFile: 'kickstart_fake.erb',
+    additionalErrors: null,
+    errors: { name: ['has already been taken'] },
+    snippet: true,
+    locked: true,
+    className: 'ProvisioningTemplate',
+    humanizedClassName: 'Provisioning Template',
+  },
+];