foreman_acd 0.4.0 → 0.9.0

data/webpack/components/common/ExtTextInput.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import TextInput from 'foremanReact/components/common/forms/TextInput';
+
+const ExtTextInput= ({
+  hidden,
+  editable,
+  viewText,
+  label,
+  onChange,
+  additionalData,
+}) =>{
+  if (hidden) {
+    return null;
+  }
+
+  if (!editable) {
+    return (
+      <div className="form-group">
+       <label className="col-md-2 control-label">{label}</label>
+       <div className="col-md-4">{viewText}</div>
+      </div>
+    );
+  }
+
+  return (
+    <TextInput
+       label={label}
+       value={viewText}
+       onChange={e => onChange(e.target.value, additionalData) }
+    />
+  );
+};
+
+ExtTextInput.propTypes = {
+  hidden: PropTypes.bool.isRequired,
+  editable: PropTypes.bool.isRequired,
+  viewText: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  additionalData: PropTypes.object,
+};
+
+export default ExtTextInput;

data/webpack/components/common/LockTableEntry.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Icon,
+  Button,
+} from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+const LockTableEntry = ({
+  hidden,
+  disabled,
+  onLockTableEntry,
+  additionalData,
+}) =>{
+  if (hidden) {
+    return null;
+  }
+
+  let lockButton;
+  let lockButtonTitle;
+
+  if (additionalData.rowData.locked === true) {
+    lockButton = 'locked';
+
+    if (disabled === true) {
+      lockButtonTitle = 'this entry is locked';
+    } else {
+      lockButtonTitle = 'unlock this entry';
+    }
+  } else {
+    lockButton = 'unlocked';
+
+    if (disabled === true) {
+      lockButtonTitle = 'this entry is unlocked';
+    } else {
+      lockButtonTitle = 'lock this entry';
+    }
+  }
+
+  return (
+    <span>
+      <Button
+        bsStyle="default"
+        disabled={disabled}
+        onClick={() => onLockTableEntry(additionalData) }
+      >
+        <Icon type="pf" name={lockButton} title={__(lockButtonTitle)} />
+      </Button>
+    </span>
+  );
+};
+
+LockTableEntry.propTypes = {
+  hidden: PropTypes.bool,
+  disabled: PropTypes.bool.isRequired,
+  onLockTableEntry: PropTypes.func.isRequired,
+  additionalData: PropTypes.object.isRequired,
+};
+
+export default LockTableEntry;

data/webpack/components/common/__tests__/EditTableEntry.test.js

@@ -0,0 +1,53 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import EditTableEntry from '../EditTableEntry';
+
+const noop = () => {};
+
+const fixtures = {
+  'should render edit table entry': {
+    hidden: false,
+    disabled: false,
+    handleLocking: false,
+    onEditTableEntry: noop,
+    additionalData: {},
+  },
+  'should render hidden button': {
+    hidden: true,
+    disabled: false,
+    handleLocking: false,
+    onEditTableEntry: noop,
+    additionalData: {},
+  },
+  'should render disabled button': {
+    hidden: false,
+    disabled: true,
+    handleLocking: false,
+    onEditTableEntry: noop,
+    additionalData: {},
+  },
+  'should render locked button': {
+    hidden: false,
+    disabled: false,
+    handleLocking: true,
+    onEditTableEntry: noop,
+    additionalData: { rowData: { locked: true } },
+  },
+  'should render locked and disabled button': {
+    hidden: false,
+    disabled: true,
+    handleLocking: true,
+    onEditTableEntry: noop,
+    additionalData: { rowData: { locked: true } },
+  },
+  'should render hidde, locked and disabled button': {
+    hidden: true,
+    disabled: true,
+    handleLocking: true,
+    onEditTableEntry: noop,
+    additionalData: { rowData: { locked: true } },
+  },
+};
+
+describe('EditTableEntry', () =>
+  testComponentSnapshotsWithFixtures(EditTableEntry, fixtures));

data/webpack/components/common/__tests__/LockTableEntry.test.js

@@ -0,0 +1,35 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import LockTableEntry from '../LockTableEntry';
+
+const noop = () => {};
+
+const fixtures = {
+  'should render unlock table entry': {
+    hidden: false,
+    disabled: false,
+    onLockTableEntry: noop,
+    additionalData: { rowData: { locked: false } },
+  },
+  'should render locked table entry': {
+    hidden: false,
+    disabled: false,
+    onLockTableEntry: noop,
+    additionalData: { rowData: { locked: true } },
+  },
+  'should render hidden button': {
+    hidden: true,
+    disabled: false,
+    onLockTableEntry: noop,
+    additionalData: {},
+  },
+  'should render disabled button': {
+    hidden: false,
+    disabled: true,
+    onLockTableEntry: noop,
+    additionalData: { rowData: { locked: false } },
+  },
+};
+
+describe('LockTableEntry', () =>
+  testComponentSnapshotsWithFixtures(LockTableEntry, fixtures));

data/webpack/components/common/__tests__/__snapshots__/DeleteTableEntry.test.js.snap

@@ -2,7 +2,25 @@
 
 exports[`DeleteTableEntry should render delete parameter 1`] = `
 <span>
-   
+  <MessageDialog
+    accessibleDescription=""
+    accessibleName=""
+    className=""
+    enforceFocus={true}
+    footer={null}
+    icon={null}
+    onHide={[Function]}
+    primaryAction={[Function]}
+    primaryActionButtonBsStyle="primary"
+    primaryActionButtonContent="Confirm"
+    primaryContent="Are you sure you wish to delete this item?"
+    secondaryAction={[Function]}
+    secondaryActionButtonBsStyle="default"
+    secondaryActionButtonContent="Cancel"
+    secondaryContent={null}
+    show={false}
+    title="Confirm action"
+  />
   <Button
     active={false}
     block={false}
@@ -13,6 +31,7 @@ exports[`DeleteTableEntry should render delete parameter 1`] = `
   >
     <Icon
       name="delete"
+      title="Delete entry"
       type="pf"
     />
   </Button>
@@ -21,7 +40,25 @@ exports[`DeleteTableEntry should render delete parameter 1`] = `
 
 exports[`DeleteTableEntry should render disabled button 1`] = `
 <span>
-   
+  <MessageDialog
+    accessibleDescription=""
+    accessibleName=""
+    className=""
+    enforceFocus={true}
+    footer={null}
+    icon={null}
+    onHide={[Function]}
+    primaryAction={[Function]}
+    primaryActionButtonBsStyle="primary"
+    primaryActionButtonContent="Confirm"
+    primaryContent="Are you sure you wish to delete this item?"
+    secondaryAction={[Function]}
+    secondaryActionButtonBsStyle="default"
+    secondaryActionButtonContent="Cancel"
+    secondaryContent={null}
+    show={false}
+    title="Confirm action"
+  />
   <Button
     active={false}
     block={false}
@@ -32,6 +69,7 @@ exports[`DeleteTableEntry should render disabled button 1`] = `
   >
     <Icon
       name="delete"
+      title="Delete entry"
       type="pf"
     />
   </Button>

data/webpack/components/common/__tests__/__snapshots__/EditTableEntry.test.js.snap

@@ -0,0 +1,81 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EditTableEntry should render disabled button 1`] = `
+<span>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    disabled={true}
+    onClick={[Function]}
+  >
+    <Icon
+      name="edit"
+      title="edit this entry"
+      type="pf"
+    />
+  </Button>
+</span>
+`;
+
+exports[`EditTableEntry should render edit table entry 1`] = `
+<span>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    disabled={false}
+    onClick={[Function]}
+  >
+    <Icon
+      name="edit"
+      title="edit this entry"
+      type="pf"
+    />
+  </Button>
+</span>
+`;
+
+exports[`EditTableEntry should render hidde, locked and disabled button 1`] = `""`;
+
+exports[`EditTableEntry should render hidden button 1`] = `""`;
+
+exports[`EditTableEntry should render locked and disabled button 1`] = `
+<span>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    disabled={true}
+    onClick={[Function]}
+  >
+    <Icon
+      name="edit"
+      title="This entry is locked and can not be changed."
+      type="pf"
+    />
+  </Button>
+</span>
+`;
+
+exports[`EditTableEntry should render locked button 1`] = `
+<span>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    disabled={true}
+    onClick={[Function]}
+  >
+    <Icon
+      name="edit"
+      title="This entry is locked and can not be changed."
+      type="pf"
+    />
+  </Button>
+</span>
+`;

data/webpack/components/common/__tests__/__snapshots__/LockTableEntry.test.js.snap

@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LockTableEntry should render disabled button 1`] = `
+<span>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    disabled={true}
+    onClick={[Function]}
+  >
+    <Icon
+      name="unlocked"
+      title="this entry is unlocked"
+      type="pf"
+    />
+  </Button>
+</span>
+`;
+
+exports[`LockTableEntry should render hidden button 1`] = `""`;
+
+exports[`LockTableEntry should render locked table entry 1`] = `
+<span>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    disabled={false}
+    onClick={[Function]}
+  >
+    <Icon
+      name="locked"
+      title="unlock this entry"
+      type="pf"
+    />
+  </Button>
+</span>
+`;
+
+exports[`LockTableEntry should render unlock table entry 1`] = `
+<span>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    disabled={false}
+    onClick={[Function]}
+  >
+    <Icon
+      name="unlocked"
+      title="lock this entry"
+      type="pf"
+    />
+  </Button>
+</span>
+`;

data/webpack/helper.js

@@ -1,3 +1,8 @@
+import React from 'react';
+import {
+  Table,
+} from 'patternfly-react';
+
 // Some small helper methods
 
 function arrayToObject(arr, id, value) {
@@ -14,7 +19,21 @@ function arrayToObjectObj(arr, id) {
   return rv;
 }
 
+function shortHostname(fqdn) {
+  return fqdn.split('.')[0];
+}
+
+function EasyHeaderFormatter(value, { column }) {
+  return (
+    <Table.Heading aria-label={column.header.label} {...column.header.props}>
+    {value}
+    </Table.Heading>
+  );
+}
+
 export {
   arrayToObject,
-  arrayToObjectObj
+  arrayToObjectObj,
+  shortHostname,
+  EasyHeaderFormatter
 };

data/webpack/helper.test.js

@@ -0,0 +1,37 @@
+import {
+  arrayToObject,
+  arrayToObjectObj,
+  EasyHeaderFormatter,
+} from './helper';
+
+describe('helper', () => {
+  const testArray = []
+  testArray[0] = { id: 'i1', value: 'v1' };
+  testArray[1] = { id: 'i2', value: 'v2' };
+  testArray[2] = { id: 'i3', value: 'v3' };
+
+  it('creates a object from an array', () => {
+    expect(arrayToObject(testArray, 'id', 'value')).toEqual(
+      {
+        i1: 'v1',
+        i2: 'v2',
+        i3: 'v3'
+      }
+    );
+  });
+
+  it('creates a object from an array', () => {
+    expect(arrayToObjectObj(testArray, 'id')).toEqual(
+      {
+        i1: { id: 'i1', value: 'v1' },
+        i2: { id: 'i2', value: 'v2' },
+        i3: { id: 'i3', value: 'v3' },
+      }
+    );
+  });
+
+  it('creates a object from an array', () => {
+    expect(EasyHeaderFormatter('MyValue', { column: { header: { label: 'TheLabel', props: { p1: '1' } } } })).toMatchSnapshot();
+  });
+});
+

data/webpack/index.js

@@ -1,14 +1,21 @@
 import componentRegistry from 'foremanReact/components/componentRegistry';
 import injectReducer from 'foremanReact/redux/reducers/registerReducer';
 import ParameterSelection from './components/ParameterSelection';
+import SyncGitRepo from './components/SyncGitRepo';
 import ApplicationDefinition from './components/ApplicationDefinition';
+import ApplicationDefinitionImport from './components/ApplicationDefinitionImport';
 import ApplicationInstance from './components/ApplicationInstance';
 import ApplicationInstanceReport from './components/ApplicationInstanceReport';
+import ExistingHostSelection from './components/ExistingHostSelection';
+
 import reducer from './reducer';
 
 injectReducer('foremanAcd', reducer);
 
 componentRegistry.register({ name: 'ParameterSelection', type: ParameterSelection, });
+componentRegistry.register({ name: 'SyncGitRepo', type: SyncGitRepo, });
 componentRegistry.register({ name: 'ApplicationDefinition', type: ApplicationDefinition, });
+componentRegistry.register({ name: 'ApplicationDefinitionImport', type: ApplicationDefinitionImport, });
 componentRegistry.register({ name: 'ApplicationInstance', type: ApplicationInstance, });
 componentRegistry.register({ name: 'ApplicationInstanceReport', type: ApplicationInstanceReport, });
+componentRegistry.register({ name: 'ExistingHostSelection', type: ExistingHostSelection, });