foreman_acd 0.4.0 → 0.9.0

data/webpack/components/ExistingHostSelection/components/__tests__/ServiceSelector.test.js

@@ -0,0 +1,35 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import ServiceSelector from '../ServiceSelector';
+
+const noop = () => {};
+
+const data = [
+  { name: 'report 1', status: 'done' },
+  { name: 'report 2', status: 'pending' }
+];
+
+const fixtures = {
+  'should render the service selector': {
+    hidden: false,
+    label: 'Test Label',
+    viewText: 'view service',
+    selectValue: '1',
+    onChange: noop,
+    options: { first: 'first', second: 'second'},
+    additionalData: { moreData: 'moooore' },
+  },
+  'should render the hidden service selector': {
+    hidden: true,
+    label: 'Test Label',
+    viewText: 'view service',
+    selectValue: '1',
+    onChange: noop,
+    options: { first: 'first', second: 'second'},
+    additionalData: { },
+  },
+};
+
+describe('ServiceSelector', () =>
+  testComponentSnapshotsWithFixtures(ServiceSelector, fixtures));
+

data/webpack/components/ExistingHostSelection/components/__tests__/__snapshots__/ServiceSelector.test.js.snap

@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ServiceSelector should render the hidden service selector 1`] = `
+<div
+  className="form-group"
+>
+  <label
+    className="col-md-2 control-label"
+  >
+    Test Label
+  </label>
+  <div
+    className="col-md-4"
+  >
+    <ExtSelect
+      additionalData={Object {}}
+      editable={true}
+      hidden={true}
+      onChange={[Function]}
+      options={
+        Object {
+          "first": "first",
+          "second": "second",
+        }
+      }
+      selectValue="1"
+      viewText="view service"
+    />
+    <RailsData
+      key="service_id"
+      parameter="service_id"
+      value="1"
+      view="existing_host_selection"
+    />
+  </div>
+</div>
+`;
+
+exports[`ServiceSelector should render the service selector 1`] = `
+<div
+  className="form-group"
+>
+  <label
+    className="col-md-2 control-label"
+  >
+    Test Label
+  </label>
+  <div
+    className="col-md-4"
+  >
+    <ExtSelect
+      additionalData={
+        Object {
+          "moreData": "moooore",
+        }
+      }
+      editable={true}
+      hidden={false}
+      onChange={[Function]}
+      options={
+        Object {
+          "first": "first",
+          "second": "second",
+        }
+      }
+      selectValue="1"
+      viewText="view service"
+    />
+    <RailsData
+      key="service_id"
+      parameter="service_id"
+      value="1"
+      view="existing_host_selection"
+    />
+  </div>
+</div>
+`;

data/webpack/components/ExistingHostSelection/index.js

@@ -0,0 +1,26 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import './ExistingHostSelection.scss';
+import ExistingHostSelection from './ExistingHostSelection';
+import * as ExistingHostSelectionActions from './ExistingHostSelectionActions';
+
+import {
+  selectServiceId,
+  selectAvailableHosts,
+  selectAlreadyUsedHosts,
+} from './ExistingHostSelectionSelectors';
+
+const mapStateToProps = state => ({
+  serviceId: selectServiceId(state),
+  availableHosts: selectAvailableHosts(state),
+  alreadyUsedHosts: selectAlreadyUsedHosts(state),
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(ExistingHostSelectionActions, dispatch);
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ExistingHostSelection);

data/webpack/components/ParameterSelection/ParameterSelection.js

@@ -6,8 +6,11 @@ import { orderBy } from 'lodash';
 import * as resolve from 'table-resolver';
 import Select from 'foremanReact/components/common/forms/Select';
 import AddTableEntry from '../common/AddTableEntry';
+import EditTableEntry from '../common/EditTableEntry';
 import DeleteTableEntry from '../common/DeleteTableEntry';
-import ExtSelect from '../common/ExtSelect';
+import LockTableEntry from '../common/LockTableEntry';
+import ForemanModal from 'foremanReact/components/ForemanModal';
+import * as YamlValidator from '../../js-yaml';
 
 import {
   transformForemanData,
@@ -30,6 +33,7 @@ import {
   Button,
   Table,
   FormControl,
+  InputGroup,
   defaultSortingOrder,
   customHeaderFormattersDefinition,
   inlineEditFormatterFactory,
@@ -45,12 +49,42 @@ class ParameterSelection extends React.Component {
 
   constructor(props) {
     super(props);
+    this.state = {textValue: ''};
   }
 
+  handleChange = event => {
+    this.setState({textValue: event.target.value});
+  };
+
   isEditing({rowData}) {
     return (rowData.backup !== undefined);
   }
 
+  yamlValidator() {
+    let result = true;
+    let msg = "";
+    try {
+      const doc = YamlValidator.load(this.state.textValue);
+    } catch (e) {
+      result = false;
+      msg = "Invalid Yaml: " + e.name + ": " + e.message;
+    }
+    return {
+      validateResult: result,
+      validateMsg: msg
+    }
+  }
+
+  yamlValue() {
+    if (this.props.editParamsRowIndex != undefined) {
+      let id = this.props.editParamsRowIndex;
+      if (this.props.parameters[id] != undefined) {
+        return this.props.parameters[id]['value'];
+      }
+    }
+    return '';
+  }
+
   // enables our custom header formatters extensions to reactabular
   customHeaderFormatters = customHeaderFormattersDefinition;
 
@@ -64,8 +98,11 @@ class ParameterSelection extends React.Component {
       initParameterSelection,
       sortParameter,
       deleteParameter,
+      lockParameter,
       activateEditParameter,
       changeEditParameter,
+      openParameterSelectionDialogBox,
+      closeParameterSelectionDialogBox,
       loadParamData,
     } = this.props;
 
@@ -83,12 +120,20 @@ class ParameterSelection extends React.Component {
       isEditing: additionalData => this.props.editMode,
       renderValue: (value, additionalData) => (
         <td style={{ padding: '2px' }}>
-          <Button
-            bsStyle="default"
-            onClick={() => activateEditParameter(additionalData)}
-          >
-            <Icon type="pf" name="edit" />
-          </Button>
+          <EditTableEntry
+            disabled={false}
+            handleLocking={!allowRowAdjustment}
+            onEditTableEntry={() => activateEditParameter(additionalData)}
+            additionalData={additionalData}
+          />
+          &nbsp;
+          <LockTableEntry
+            hidden={!allowRowAdjustment}
+            disabled={!allowRowAdjustment}
+            onLockTableEntry={lockParameter}
+            additionalData={additionalData}
+          />
+          &nbsp;
           <DeleteTableEntry
             hidden={!allowRowAdjustment}
             disabled={false}
@@ -99,9 +144,19 @@ class ParameterSelection extends React.Component {
       ),
       renderEdit: (value, additionalData) => (
         <td style={{ padding: '2px' }}>
-          <Button bsStyle="default" disabled>
-            <Icon type="pf" name="edit" />
-          </Button>
+          <EditTableEntry
+            disabled={true}
+            onEditTableEntry={() => activateEditParameter(additionalData)}
+            additionalData={additionalData}
+          />
+          &nbsp;
+          <LockTableEntry
+            hidden={!allowRowAdjustment}
+            disabled={true}
+            onLockTableEntry={lockParameter}
+            additionalData={additionalData}
+          />
+          &nbsp;
           <DeleteTableEntry
             hidden={!allowRowAdjustment}
             disabled={true}
@@ -144,6 +199,22 @@ class ParameterSelection extends React.Component {
           />
         </td>
       ),
+      renderEditComplexText: (value, additionalData, subtype='text') => (
+        <td className="editing">
+        <InputGroup>
+          <FormControl
+            type={subtype}
+            defaultValue={additionalData.rowData.isYaml == true ? '' : value}
+            onBlur={e => changeEditParameter(e.target.value, additionalData) }
+            readOnly={additionalData.rowData.isYaml}
+            placeholder={'Press YAML button for Yaml Data'}
+          />
+          <InputGroup.Button>
+            <Button onClick= {e => openParameterSelectionDialogBox(e)}> YAML </Button>
+          </InputGroup.Button>
+        </InputGroup>
+        </td>
+      ),
       renderEditSelect: (value, additionalData, options) => (
         <td className="editing">
           <Select
@@ -188,6 +259,10 @@ class ParameterSelection extends React.Component {
             case 'text':
               prettyValue = value
               break;
+            case 'complex':
+              prettyValue = additionalData.rowData.isYaml ? 'YAML value' : value;
+              break;
+
           }
         }
         return inlineEditFormatterImpl.renderValue(prettyValue, additionalData)
@@ -214,6 +289,8 @@ class ParameterSelection extends React.Component {
               case 'password':
                 return inlineEditFormatterImpl.renderEditText(value, additionalData, 'password');
               case 'text':
+              case 'complex':
+                return inlineEditFormatterImpl.renderEditComplexText(value, additionalData);
               default:
                 return inlineEditFormatterImpl.renderEditText(value, additionalData);
             }
@@ -222,6 +299,7 @@ class ParameterSelection extends React.Component {
         }
       }
     });
+
     this.inlineEditFormatter = inlineEditFormatter;
 
     initParameterSelection(
@@ -253,6 +331,8 @@ class ParameterSelection extends React.Component {
       addParameter,
       confirmEditParameter,
       cancelEditParameter,
+      closeParameterSelectionDialogBox,
+      editModeCallback,
     } = this.props;
 
     let sortedParameters;
@@ -260,6 +340,7 @@ class ParameterSelection extends React.Component {
 
     if (newEntryIndex >= 0) {
       const newEntry = parameters[newEntryIndex];
+
       // sort all elements, besides the newEntry which will be
       // added to the end of the Array
       const tmpParameters = cloneDeep(parameters);
@@ -284,15 +365,18 @@ class ParameterSelection extends React.Component {
       )(parameters);
     }
 
+    // Make sure that the component which includes the
+    // ParameterSelection is aware of the current editMode state
+    if (editModeCallback !== undefined) {
+      editModeCallback(this.props.editMode);
+    }
+
+    let { validateResult, validateMsg } = this.yamlValidator();
+
     return(
       <div>
         <div className="clearfix">
           <div className="form-group">
-            <AddTableEntry
-               hidden={!allowRowAdjustment}
-               disabled={ this.props.editMode }
-               onAddTableEntry={ addParameter }
-            />
             <Table.PfProvider
               striped
               bordered
@@ -335,6 +419,38 @@ class ParameterSelection extends React.Component {
             />
           </div>
         </div>
+        <div>
+        <ForemanModal
+          id="ParameterSelectionComplexDataModal"
+          dialogClassName="complex_data_modal"
+          title={__("YAML Data Input")}
+
+        >
+          <ForemanModal.Header closeButton={false}>
+          </ForemanModal.Header>
+          <textarea id='yamlData'
+            defaultValue= {this.yamlValue()}
+            onChange={this.handleChange}
+            style={{width: "550px", height: "350px", fontFamily: "Courier"}}  />
+          <ForemanModal.Footer>
+            <div>
+            {validateResult == false ? (
+                <div className="form-group">
+                <div class="alert alert-danger alert-dismissable">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                <span class="pficon pficon-close"></span>
+                </button>
+                <span class="pficon pficon-error-circle-o"></span>
+                  {validateMsg}
+                </div>
+                </div>
+            ) : (<div></div>)}
+              <Button bsStyle="primary" onClick ={() => closeParameterSelectionDialogBox({ mode: 'save' })}>{__("Save")}</Button>
+              <Button bsStyle="default" onClick={() => closeParameterSelectionDialogBox({ mode: 'cancel' })}>{__("Cancel")}</Button>
+            </div>
+          </ForemanModal.Footer>
+        </ForemanModal>
+        </div>
       </div>
     );
   }
@@ -348,6 +464,8 @@ ParameterSelection.defaultProps = {
   parameters: [],
   columns: [],
   sortingColumns: {},
+  editParamsRowIndex: [],
+  editModeCallback: undefined,
 };
 
 ParameterSelection.propTypes = {
@@ -366,16 +484,21 @@ ParameterSelection.propTypes = {
   parameterTypes: PropTypes.object,
   parameters: PropTypes.array,
   sortingColumns: PropTypes.object,
+  editModeCallback: PropTypes.func,
   columns: PropTypes.array,
   sortParameter: PropTypes.func,
   addParameter: PropTypes.func,
   deleteParameter: PropTypes.func,
+  lockParameter: PropTypes.func,
   activateEditParameter: PropTypes.func,
   confirmEditParameter: PropTypes.func,
   cancelEditParameter: PropTypes.func,
   changeEditParameter: PropTypes.func,
+  openParameterSelectionDialogBox: PropTypes.func,
+  closeParameterSelectionDialogBox: PropTypes.func,
   loadParamData: PropTypes.func,
   paramDefinition: PropTypes.object,
+  editParamsRowIndex: PropTypes.array,
 };
 
 export default ParameterSelection;

data/webpack/components/ParameterSelection/ParameterSelection.scss

@@ -8,3 +8,10 @@
     max-width: none !important;
 }
 
+.complex_data_modal {
+    margin-top: 0;
+    margin-bottom: 0;
+    height: 80%;
+    width: 40%;
+    max-width: none !important;
+}

data/webpack/components/ParameterSelection/ParameterSelectionActions.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import * as sort from 'sortabular';
+import { translate as __ } from 'foremanReact/common/I18n';
 
 import {
   actionHeaderCellFormatter,
@@ -19,9 +20,15 @@ import {
   filterUsedParameterTypes,
 } from './ParameterSelectionHelper';
 
+import {
+  setModalOpen,
+  setModalClosed,
+} from 'foremanReact/components/ForemanModal/ForemanModalActions';
+
 import {
   PARAMETER_SELECTION_INIT,
   PARAMETER_SELECTION_TYPES,
+  PARAMETER_SELECTION_LOCK,
   PARAMETER_SELECTION_DELETE,
   PARAMETER_SELECTION_ADD,
   PARAMETER_SELECTION_EDIT_ACTIVATE,
@@ -34,6 +41,8 @@ import {
   PARAMETER_SELECTION_LOAD_PARAM_DATA_REQUEST,
   PARAMETER_SELECTION_LOAD_PARAM_DATA_SUCCESS,
   PARAMETER_SELECTION_LOAD_PARAM_DATA_FAILURE,
+  PARAMETER_SELECTION_COMPLEX_DATA_MODAL_OPEN,
+  PARAMETER_SELECTION_COMPLEX_DATA_MODAL_CLOSE,
 } from './ParameterSelectionConstants';
 
 export const initParameterSelection = (
@@ -58,9 +67,9 @@ export const initParameterSelection = (
   };
   initialState.paramDefinition = paramDefinition;
 
-  let valueLabel = 'Value';
+  let valueLabel = __('Value');
   if (useDefaultValue) {
-    valueLabel = 'Default value';
+    valueLabel = __('Default value');
   }
 
   initialState.columns = []
@@ -73,7 +82,7 @@ export const initParameterSelection = (
   addToColumns( {
       property: 'name',
       header: {
-        label: 'Name',
+        label: __('Name'),
         props: {
           sort: true,
           style: {
@@ -92,7 +101,7 @@ export const initParameterSelection = (
   addToColumns( {
       property: 'description',
       header: {
-        label: 'Description',
+        label: __('Description'),
         props: {
           sort: true,
           style: {
@@ -115,7 +124,7 @@ export const initParameterSelection = (
     addToColumns( {
       property: 'type',
       header: {
-        label: 'Type',
+        label: __('Type'),
         props: {
           sort: true,
           style: {
@@ -156,7 +165,7 @@ export const initParameterSelection = (
   addToColumns( {
       property: 'actions',
       header: {
-        label: 'Actions',
+        label: __('Actions'),
         props: {
           style: {
             width: '10%'
@@ -175,6 +184,8 @@ export const initParameterSelection = (
     initialState.parameterTypes = filterUsedParameterTypes(PARAMETER_SELECTION_TYPES, parameters);
   }
 
+  initialState.paramType = paramType;
+
   dispatch({
     type: PARAMETER_SELECTION_INIT,
     payload: initialState,
@@ -183,13 +194,46 @@ export const initParameterSelection = (
 
 const errorHandler = (msg, err) => {
   const error = {
-    errorMsg: 'Failed to fetch data from server.',
+    errorMsg: __('Failed to fetch data from server.'),
     statusText: err,
   };
   return { type: msg, payload: { error } };
 };
 
-export const addParameter = (additionalData) => ({
+export const lockParameter = (additionalData) => ({
+  type: PARAMETER_SELECTION_LOCK,
+  payload: {
+    ...additionalData,
+  },
+});
+
+export const openParameterSelectionDialogBox = (additionalData) => dispatch => {
+  dispatch({
+    type: PARAMETER_SELECTION_COMPLEX_DATA_MODAL_OPEN,
+    payload: {
+      ...additionalData,
+    }
+  });
+  dispatch(
+    setModalOpen({ id: 'ParameterSelectionComplexDataModal' })
+  );
+};
+
+export const closeParameterSelectionDialogBox = (additionalData) => dispatch => {
+  dispatch({
+    type: PARAMETER_SELECTION_COMPLEX_DATA_MODAL_CLOSE,
+    payload: {
+      ...additionalData,
+    }
+  });
+
+  dispatch(
+    setModalClosed({ id: 'ParameterSelectionComplexDataModal' })
+  );
+};
+
+export const addParameter = (additionalData) => (
+  {
   type: PARAMETER_SELECTION_ADD,
   payload: {
     ...additionalData,
@@ -259,4 +303,3 @@ export const loadParamData = (attr) => dispatch => {
     )
     .catch(error => dispatch(errorHandler(PARAMETER_SELECTION_LOAD_PARAM_DATA_FAILURE, error)));
 };
-

data/webpack/components/ParameterSelection/ParameterSelectionConstants.js

@@ -1,4 +1,5 @@
 export const PARAMETER_SELECTION_INIT = 'INIT_PARAMETER_SELECTION_INIT';
+export const PARAMETER_SELECTION_LOCK = 'PARAMETER_SELECTION_LOCK';
 export const PARAMETER_SELECTION_DELETE = 'PARAMETER_SELECTION_DELETE';
 export const PARAMETER_SELECTION_ADD = 'PARAMETER_SELECTION_ADD';
 export const PARAMETER_SELECTION_EDIT_ACTIVATE = 'PARAMETER_SELECTION_EDIT_ACTIVATE';
@@ -11,6 +12,8 @@ export const PARAMETER_SELECTION_LOAD_PARAM_DATA_SUCCESS = 'PARAMETER_SELECTION_
 export const PARAMETER_SELECTION_LOAD_PARAM_DATA_FAILURE = 'PARAMETER_SELECTION_LOAD_PARAM_DATA_FAILURE';
 export const PARAMETER_SELECTION_PARAM_TYPE_FOREMAN = 'PARAMETER_SELECTION_PARAM_TYPE_FOREMAN';
 export const PARAMETER_SELECTION_PARAM_TYPE_ANSIBLE = 'PARAMETER_SELECTION_PARAM_TYPE_ANSIBLE';
+export const PARAMETER_SELECTION_COMPLEX_DATA_MODAL_OPEN = 'PARAMETER_SELECTION_COMPLEX_DATA_MODAL_OPEN';
+export const PARAMETER_SELECTION_COMPLEX_DATA_MODAL_CLOSE = 'PARAMETER_SELECTION_COMPLEX_DATA_MODAL_CLOSE';
 
 // Make sure the object is sorted by value
 //   (Compute Profile -> Partition table -> Root password)