foreman_templates 7.0.1 → 7.0.2

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

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NewTemplateSyncReducer should return initial state 1`] = `
+Object {
+  "error": "",
+  "exportSettings": Array [],
+  "importSettings": Array [],
+  "loadingSettings": false,
+}
+`;
+
+exports[`NewTemplateSyncReducer should start loading on setting values request 1`] = `
+Object {
+  "error": "",
+  "exportSettings": Array [],
+  "importSettings": Array [],
+  "loadingSettings": true,
+}
+`;
+
+exports[`NewTemplateSyncReducer should stop loading on setting values success 1`] = `
+Object {
+  "error": "",
+  "exportSettings": Array [
+    Object {
+      "id": 47,
+      "name": "filter",
+      "settingsType": "string",
+      "value": "",
+    },
+    Object {
+      "id": 48,
+      "name": "negate",
+      "settingsType": "bool",
+      "value": false,
+    },
+    Object {
+      "id": 49,
+      "name": "repo",
+      "settingsType": "string",
+      "value": "https://github.com/theforeman/community-templates.git",
+    },
+  ],
+  "importSettings": Array [
+    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",
+    },
+    Object {
+      "id": 46,
+      "name": "force",
+      "settingsType": "bool",
+      "value": false,
+    },
+  ],
+  "loadingSettings": false,
+}
+`;

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

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NewTemplateSyncSelectors should return export settings 1`] = `
+Array [
+  Object {
+    "id": 47,
+    "name": "filter",
+    "settingsType": "string",
+    "value": "",
+  },
+  Object {
+    "id": 48,
+    "name": "negate",
+    "settingsType": "bool",
+    "value": false,
+  },
+  Object {
+    "id": 49,
+    "name": "repo",
+    "settingsType": "string",
+    "value": "https://github.com/theforeman/community-templates.git",
+  },
+]
+`;
+
+exports[`NewTemplateSyncSelectors should return import settings 1`] = `
+Array [
+  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",
+  },
+  Object {
+    "id": 46,
+    "name": "force",
+    "settingsType": "bool",
+    "value": false,
+  },
+]
+`;
+
+exports[`NewTemplateSyncSelectors should return loading error 1`] = `"Error"`;
+
+exports[`NewTemplateSyncSelectors should return loading settings 1`] = `true`;

data/webpack/components/NewTemplateSync/components/ButtonTooltip.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Tooltip, Icon, OverlayTrigger } from 'patternfly-react';
+import PropTypes from 'prop-types';
+
+const ButtonTooltip = props => {
+  const tooltip = (
+    <Tooltip id={`${props.tooltipId}-tooltip-id`}>
+      <span>Use default value from settings</span>
+    </Tooltip>
+  );
+
+  return (
+    <OverlayTrigger overlay={tooltip} trigger={['hover', 'focus']}>
+      <Icon type="fa" name="refresh" />
+    </OverlayTrigger>
+  );
+};
+
+ButtonTooltip.propTypes = {
+  tooltipId: PropTypes.string.isRequired,
+};
+
+export default ButtonTooltip;

data/webpack/components/NewTemplateSync/components/NewTemplateSyncForm/NewTemplateSyncForm.js

@@ -0,0 +1,145 @@
+import React from 'react';
+import { change } from 'redux-form';
+import PropTypes from 'prop-types';
+
+import Form from 'foremanReact/components/common/forms/Form';
+
+import SyncSettingsFields from '../SyncSettingFields';
+import SyncTypeRadios from '../SyncTypeRadios';
+import { NEW_TEMPLATE_SYNC_FORM_NAME } from './NewTemplateSyncFormConstants';
+
+const submit = syncType => (formValues, dispatch, props) => {
+  const { submitForm, importUrl, exportUrl, history, currentFields } = props;
+  const url = syncType === 'import' ? importUrl : exportUrl;
+  const currentFieldNames = Object.keys(currentFields);
+  const postValues = Object.keys(formValues).reduce((memo, key) => {
+    if (currentFieldNames.includes(key)) {
+      memo[key] = formValues[key];
+    }
+    return memo;
+  }, {});
+
+  return submitForm({
+    url,
+    values: postValues,
+    message: `Templates were ${syncType}ed.`,
+    item: 'TemplateSync',
+  }).then(args => {
+    history.replace({ pathname: '/template_syncs/result' });
+  });
+};
+
+const redirectToResult = history => () =>
+  history.push({ pathname: '/template_syncs/result' });
+
+class NewTemplateSyncForm extends React.Component {
+  allowedSyncType = (userPermissions, radioAttrs) =>
+    this.props.userPermissions[radioAttrs.permission];
+
+  constructor(props) {
+    super(props);
+
+    this.radioButtons = [
+      { label: 'Import', value: 'import', permission: 'import' },
+      { label: 'Export', value: 'export', permission: 'export' },
+    ];
+
+    this.state = {
+      syncType: this.radioButtons.find(radioAttrs =>
+        this.allowedSyncType(props.userPermissions, radioAttrs)
+      ).value,
+    };
+  }
+
+  updateSyncType = event => {
+    this.setState({ syncType: event.target.value });
+  };
+
+  permitRadioButtons = buttons =>
+    buttons.filter(buttonAttrs =>
+      this.allowedSyncType(this.props.userPermissions, buttonAttrs)
+    );
+
+  initRadioButtons = syncType =>
+    this.permitRadioButtons(this.radioButtons).map(buttonAttrs => ({
+      get checked() {
+        return this.value === syncType;
+      },
+      onChange: this.updateSyncType,
+      ...buttonAttrs,
+    }));
+
+  render() {
+    const {
+      submitting,
+      error,
+      handleSubmit,
+      importSettings,
+      exportSettings,
+      dispatch,
+      history,
+      validationData,
+      valid,
+    } = this.props;
+
+    const resetToDefault = ((dispatchFn, changeFn, nameOfForm) => (
+      fieldName,
+      value
+    ) => {
+      dispatchFn(changeFn(nameOfForm, fieldName, value));
+    })(dispatch, change, NEW_TEMPLATE_SYNC_FORM_NAME);
+
+    return (
+      <Form
+        onSubmit={handleSubmit(submit(this.state.syncType))}
+        disabled={submitting || (!valid && !error)}
+        submitting={submitting}
+        error={error}
+        onCancel={redirectToResult(history)}
+        errorTitle={
+          error && error.severity === 'danger' ? __('Error! ') : __('Warning! ')
+        }
+      >
+        <SyncTypeRadios
+          name="syncType"
+          controlLabel="Action type"
+          radios={this.initRadioButtons(this.state.syncType)}
+          disabled={submitting}
+        />
+        <SyncSettingsFields
+          importSettings={importSettings}
+          exportSettings={exportSettings}
+          syncType={this.state.syncType}
+          resetField={resetToDefault}
+          disabled={submitting}
+          validationData={validationData}
+        />
+      </Form>
+    );
+  }
+}
+
+NewTemplateSyncForm.propTypes = {
+  importSettings: PropTypes.array,
+  exportSettings: PropTypes.array,
+  userPermissions: PropTypes.object.isRequired,
+  submitting: PropTypes.bool,
+  error: PropTypes.object,
+  handleSubmit: PropTypes.func.isRequired,
+  dispatch: PropTypes.func,
+  history: PropTypes.object,
+  validationData: PropTypes.object,
+  valid: PropTypes.bool.isRequired,
+};
+
+NewTemplateSyncForm.defaultProps = {
+  importSettings: [],
+  exportSettings: [],
+  validationData: {},
+  error: undefined,
+  dispatch: () => {},
+  submitting: false,
+  history: {},
+};
+
+export default NewTemplateSyncForm;

data/webpack/components/NewTemplateSync/components/NewTemplateSyncForm/NewTemplateSyncFormConstants.js

@@ -0,0 +1 @@
+export const NEW_TEMPLATE_SYNC_FORM_NAME = 'newTemplateSync';

data/webpack/components/NewTemplateSync/components/NewTemplateSyncForm/NewTemplateSyncFormSelectors.js

@@ -0,0 +1,24 @@
+import { createSelector } from 'reselect';
+
+import {
+  selectImportSettings,
+  selectExportSettings,
+} from '../../NewTemplateSyncSelectors';
+
+export const selectInitialFormValues = createSelector(
+  selectImportSettings,
+  selectExportSettings,
+  (importSettings, exportSettings) =>
+    importSettings
+      .concat(exportSettings)
+      .reduce(
+        (memo, item) => Object.assign(memo, { [item.name]: item.value }),
+        {}
+      )
+);
+
+const selectFormState = (formName, state) =>
+  state.form && state.form[formName] ? state.form[formName] : {};
+
+export const selectRegisteredFields = (formName, state) =>
+  selectFormState(formName, state).registeredFields || {};

data/webpack/components/NewTemplateSync/components/NewTemplateSyncForm/__tests__/NewTemplateSyncForm.test.js

@@ -0,0 +1,42 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import NewTemplateSyncForm from '../NewTemplateSyncForm';
+
+import {
+  importSettings,
+  exportSettings,
+} from '../../../__fixtures__/templateSyncSettings.fixtures';
+
+const noop = () => {};
+
+const commonFixture = {
+  importUrl: '/import',
+  exportUrl: '/export',
+  validationData: {},
+  userPermissions: {
+    import: true,
+    export: true,
+  },
+  handleSubmit: noop,
+  valid: true,
+  importSettings,
+  exportSettings,
+};
+
+const fixtures = {
+  'should render when for import settings': {
+    loadingSettings: false,
+    ...commonFixture,
+  },
+  'should render for export settings': {
+    loadingSettings: true,
+    ...commonFixture,
+    userPermissions: {
+      import: false,
+      export: true,
+    },
+  },
+};
+
+describe('NewTemplateSyncForm', () =>
+  testComponentSnapshotsWithFixtures(NewTemplateSyncForm, fixtures));

data/webpack/components/NewTemplateSync/components/NewTemplateSyncForm/__tests__/NewTemplateSyncFormSelectors.test.js

@@ -0,0 +1,37 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import { NEW_TEMPLATE_SYNC_FORM_NAME } from '../NewTemplateSyncFormConstants';
+import {
+  registeredImportSettings,
+  initialValues,
+  stateFactory,
+  importSettings,
+  exportSettings,
+} from '../../../__fixtures__/templateSyncSettings.fixtures';
+
+import {
+  selectInitialFormValues,
+  selectRegisteredFields,
+} from '../NewTemplateSyncFormSelectors';
+
+const formStateFactory = obj => ({
+  form: {
+    [NEW_TEMPLATE_SYNC_FORM_NAME]: obj,
+  },
+});
+
+const fixtures = {
+  'should return registered fields': () =>
+    selectRegisteredFields(
+      NEW_TEMPLATE_SYNC_FORM_NAME,
+      formStateFactory(registeredImportSettings)
+    ),
+  'should return initial form values': () =>
+    selectInitialFormValues({
+      ...stateFactory({ importSettings, exportSettings }),
+      ...formStateFactory(initialValues),
+    }),
+};
+
+describe('NewTemplateSyncFormSelectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

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

@@ -0,0 +1,176 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NewTemplateSyncForm should render for export settings 1`] = `
+<Form
+  disabled={false}
+  errorTitle="Warning! "
+  onCancel={[Function]}
+  submitting={false}
+>
+  <SyncTypeRadios
+    controlLabel="Action type"
+    disabled={false}
+    name="syncType"
+    radios={
+      Array [
+        Object {
+          "checked": true,
+          "label": "Export",
+          "onChange": [Function],
+          "permission": "export",
+          "value": "export",
+        },
+      ]
+    }
+  />
+  <SyncSettingsFields
+    disabled={false}
+    exportSettings={
+      Array [
+        Object {
+          "id": 47,
+          "name": "filter",
+          "settingsType": "string",
+          "value": "",
+        },
+        Object {
+          "id": 48,
+          "name": "negate",
+          "settingsType": "bool",
+          "value": false,
+        },
+        Object {
+          "id": 49,
+          "name": "repo",
+          "settingsType": "string",
+          "value": "https://github.com/theforeman/community-templates.git",
+        },
+      ]
+    }
+    importSettings={
+      Array [
+        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",
+        },
+        Object {
+          "id": 46,
+          "name": "force",
+          "settingsType": "bool",
+          "value": false,
+        },
+      ]
+    }
+    resetField={[Function]}
+    syncType="export"
+    validationData={Object {}}
+  />
+</Form>
+`;
+
+exports[`NewTemplateSyncForm should render when for import settings 1`] = `
+<Form
+  disabled={false}
+  errorTitle="Warning! "
+  onCancel={[Function]}
+  submitting={false}
+>
+  <SyncTypeRadios
+    controlLabel="Action type"
+    disabled={false}
+    name="syncType"
+    radios={
+      Array [
+        Object {
+          "checked": true,
+          "label": "Import",
+          "onChange": [Function],
+          "permission": "import",
+          "value": "import",
+        },
+        Object {
+          "checked": false,
+          "label": "Export",
+          "onChange": [Function],
+          "permission": "export",
+          "value": "export",
+        },
+      ]
+    }
+  />
+  <SyncSettingsFields
+    disabled={false}
+    exportSettings={
+      Array [
+        Object {
+          "id": 47,
+          "name": "filter",
+          "settingsType": "string",
+          "value": "",
+        },
+        Object {
+          "id": 48,
+          "name": "negate",
+          "settingsType": "bool",
+          "value": false,
+        },
+        Object {
+          "id": 49,
+          "name": "repo",
+          "settingsType": "string",
+          "value": "https://github.com/theforeman/community-templates.git",
+        },
+      ]
+    }
+    importSettings={
+      Array [
+        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",
+        },
+        Object {
+          "id": 46,
+          "name": "force",
+          "settingsType": "bool",
+          "value": false,
+        },
+      ]
+    }
+    resetField={[Function]}
+    syncType="import"
+    validationData={Object {}}
+  />
+</Form>
+`;

data/webpack/components/NewTemplateSync/components/NewTemplateSyncForm/__tests__/__snapshots__/NewTemplateSyncFormSelectors.test.js.snap

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NewTemplateSyncFormSelectors should return initial form values 1`] = `
+Object {
+  "associate": "new",
+  "filter": "",
+  "force": false,
+  "negate": false,
+  "repo": "https://github.com/theforeman/community-templates.git",
+}
+`;
+
+exports[`NewTemplateSyncFormSelectors should return registered fields 1`] = `
+Object {
+  "associate": 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",
+  },
+  "force": Object {
+    "id": 46,
+    "name": "force",
+    "settingsType": "bool",
+    "value": false,
+  },
+}
+`;

data/webpack/components/NewTemplateSync/components/NewTemplateSyncForm/index.js

@@ -0,0 +1,44 @@
+import { connect } from 'react-redux';
+import { reduxForm } from 'redux-form';
+
+import * as FormActions from 'foremanReact/redux/actions/common/forms';
+
+import { NEW_TEMPLATE_SYNC_FORM_NAME } from './NewTemplateSyncFormConstants';
+import NewTemplateSyncForm from './NewTemplateSyncForm';
+
+import {
+  selectImportSettings,
+  selectExportSettings,
+} from '../../NewTemplateSyncSelectors';
+import {
+  selectInitialFormValues,
+  selectRegisteredFields,
+} from './NewTemplateSyncFormSelectors';
+
+const mapStateToProps = (state, ownProps) => {
+  const importSettings = selectImportSettings(state);
+
+  const exportSettings = selectExportSettings(state);
+
+  const initialFormValues = selectInitialFormValues(state);
+
+  const currentFields = selectRegisteredFields(
+    NEW_TEMPLATE_SYNC_FORM_NAME,
+    state
+  );
+
+  return {
+    initialValues: { ...initialFormValues },
+    importSettings,
+    exportSettings,
+    currentFields,
+  };
+};
+
+const form = reduxForm({ form: NEW_TEMPLATE_SYNC_FORM_NAME })(
+  NewTemplateSyncForm
+);
+export default connect(
+  mapStateToProps,
+  FormActions
+)(form);