foreman_acd 0.6.0 → 0.9.1

data/webpack/components/SyncGitRepo/SyncGitRepoReducer.js

@@ -0,0 +1,80 @@
+import Immutable from 'seamless-immutable';
+
+import {
+  SYNC_GIT_REPO_INIT,
+  SYNC_GIT_REPO_LOAD_SCM_TYPE,
+  SYNC_GIT_REPO_LOAD_PATH,
+  SYNC_GIT_REPO_LOAD_GIT_COMMIT,
+  SYNC_GIT_REPO_LOAD_GIT_URL,
+  SYNC_GIT_REPO_FAILURE,
+  SYNC_GIT_REPO_REQUEST,
+  SYNC_GIT_REPO_SUCCESS,
+} from './SyncGitRepoConstants';
+
+export const initialState = Immutable({
+  loading: false,
+});
+
+const syncGitRepoConf = (state = initialState, action) => {
+  const { payload } = action;
+
+  switch (action.type) {
+    case SYNC_GIT_REPO_INIT: {
+      return state.merge(payload);
+    }
+    case SYNC_GIT_REPO_LOAD_SCM_TYPE: {
+      let newState = {};
+      const scmType = action.scmType;
+
+      newState = {
+        scmType: scmType,
+      };
+
+      return state.merge(newState);
+    }
+    case SYNC_GIT_REPO_LOAD_PATH: {
+      let newState = {};
+      const path = action.path;
+
+      newState = {
+        path: path,
+      };
+
+      return state.merge(newState);
+    }
+    case SYNC_GIT_REPO_LOAD_GIT_COMMIT: {
+      let newState = {};
+      const gitCommit = action.gitCommit;
+
+      newState = {
+        gitCommit: gitCommit,
+      };
+
+      return state.merge(newState);
+    }
+    case SYNC_GIT_REPO_LOAD_GIT_URL: {
+      let newState = {};
+      const gitUrl = action.gitUrl;
+
+      newState = {
+        gitUrl: gitUrl,
+      };
+
+      return state.merge(newState);
+    }
+    case SYNC_GIT_REPO_FAILURE: {
+       return state.merge({ error: payload.error, loading: false });
+     }
+     case SYNC_GIT_REPO_REQUEST: {
+       return state.set('loading', true);
+     }
+     case SYNC_GIT_REPO_SUCCESS: {
+       let newState = {};
+       return state.merge(newState);
+     }
+    default:
+      return state;
+  }
+};
+
+export default syncGitRepoConf;

data/webpack/components/SyncGitRepo/SyncGitRepoSelectors.js

@@ -0,0 +1,6 @@
+const syncGitRepoConf = state => state.foremanAcd.syncGitRepoConf;
+
+export const selectScmType = state => syncGitRepoConf(state).scmType;
+export const selectPath = state => syncGitRepoConf(state).path;
+export const selectGitCommit = state => syncGitRepoConf(state).gitCommit;
+export const selectGitUrl = state => syncGitRepoConf(state).gitUrl;

data/webpack/components/SyncGitRepo/__fixtures__/syncGitRepoConfData_1.fixtures.js

@@ -0,0 +1,7 @@
+export const syncGitRepoConfData_1 = {
+  path: 'https://example.com',
+  gitCommit: 'master',
+  scmType: { git: "git" },
+  scmTypes: { git: "git", directory: "directory"},
+  gitUrl: 'https://github.com/alpha.git'
+}

data/webpack/components/SyncGitRepo/__fixtures__/syncGitRepoReducer.fixtures.js

@@ -0,0 +1,44 @@
+import Immutable from 'seamless-immutable';
+import {
+   cloneDeep,
+   findIndex,
+   findLastIndex,
+} from 'lodash';
+
+import {
+  syncGitRepoConfData_1,
+} from '../__fixtures__/syncGitRepoConfData_1.fixtures';
+
+export const successState = Immutable(syncGitRepoConfData_1);
+
+// Payload Data
+export const initSyncGitRepoPayload = syncGitRepoConfData_1;
+
+export const loadPathPayload = {
+  path: 'https://example.com'
+};
+
+export const loadGitCommitPayload = {
+  gitCommit: 'master'
+};
+
+export const loadGitUrlPayload = {
+  gitUrl: 'https://github.com/alpha.git'
+};
+
+export const loadScmTypePayload = {
+  scmType: {
+    git: "git",
+  }
+};
+
+export const handleGitRepoSyncRequestPayload = {
+  clearRows: false,
+};
+
+export const handleGitRepoSyncSuccessPayload = {
+};
+
+export const handleGitRepoSyncFailurePayload = {
+  error: "Something really bad happend",
+};

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

@@ -0,0 +1,27 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import SyncGitRepo from '../SyncGitRepo';
+
+const noop = () => {};
+
+const fixtures = {
+  'should render ansible playbook': {
+    data: {
+      scmType: "",
+      path: "",
+      gitCommit: "",
+      appDefinitions: "",
+      gitUrl: "",
+      scmTypes: {},
+    },
+    initSyncGitRepo: noop,
+    loadScmType: noop,
+    loadPath: noop,
+    loadGitCommit: noop,
+    loadGitUrl: noop,
+    handleGitRepoSync: noop,
+  },
+};
+
+describe('SyncGitRepo', () =>
+  testComponentSnapshotsWithFixtures(SyncGitRepo, fixtures));

data/webpack/components/SyncGitRepo/__tests__/SyncGitRepoReducer.test.js

@@ -0,0 +1,95 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+import reducer, { initialState } from '../SyncGitRepoReducer';
+
+import {
+  successState,
+  initSyncGitRepoPayload,
+  loadPathPayload,
+  loadGitCommitPayload,
+  loadScmTypePayload,
+  loadGitUrlPayload,
+  handleGitRepoSyncRequestPayload,
+  handleGitRepoSyncSuccessPayload,
+  handleGitRepoSyncFailurePayload,
+} from '../__fixtures__/syncGitRepoReducer.fixtures';
+
+import {
+  SYNC_GIT_REPO_INIT,
+  SYNC_GIT_REPO_LOAD_SCM_TYPE,
+  SYNC_GIT_REPO_LOAD_PATH,
+  SYNC_GIT_REPO_LOAD_GIT_COMMIT,
+  SYNC_GIT_REPO_LOAD_GIT_URL,
+  SYNC_GIT_REPO_REQUEST,
+  SYNC_GIT_REPO_FAILURE,
+  SYNC_GIT_REPO_SUCCESS,
+} from '../SyncGitRepoConstants';
+
+const fixtures = {
+  'should return initial state': {
+    state: initialState,
+    action: {
+      type: undefined,
+      payload: {},
+    },
+  },
+
+  'should initialize component': {
+    state: initialState,
+    action: {
+      type: SYNC_GIT_REPO_INIT,
+      payload: initSyncGitRepoPayload,
+    },
+  },
+  'should load path': {
+    state: successState,
+    action: {
+      type: SYNC_GIT_REPO_LOAD_PATH,
+      path: loadPathPayload,
+    },
+  },
+  'should load git commit': {
+    state: successState,
+    action: {
+      type: SYNC_GIT_REPO_LOAD_GIT_COMMIT,
+      gitCommit: loadGitCommitPayload,
+    },
+  },
+  'should load git url': {
+    state: successState,
+    action: {
+      type: SYNC_GIT_REPO_LOAD_GIT_URL,
+      gitCommit: loadGitUrlPayload,
+    },
+  },
+  'should load scm_type': {
+    state: successState,
+    action: {
+      type: SYNC_GIT_REPO_LOAD_SCM_TYPE,
+      scmType: loadScmTypePayload,
+    },
+  },
+  'should request handle git repo sync': {
+    state: successState,
+    action: {
+      type: SYNC_GIT_REPO_REQUEST,
+      payload: handleGitRepoSyncRequestPayload,
+    },
+  },
+  'should handle git repo sync be successful': {
+    state: successState,
+    action: {
+      type: SYNC_GIT_REPO_SUCCESS,
+      payload: handleGitRepoSyncSuccessPayload,
+    },
+  },
+  'should handle git repo sync be erroneous': {
+    state: successState,
+    action: {
+      type: SYNC_GIT_REPO_FAILURE,
+      payload: handleGitRepoSyncFailurePayload,
+    },
+  },
+};
+
+describe('SyncGitRepoReducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/components/SyncGitRepo/__tests__/SyncGitRepoSelectors.test.js

@@ -0,0 +1,32 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import {
+  selectScmType,
+  selectPath,
+  selectGitCommit,
+  selectGitUrl,
+} from '../SyncGitRepoSelectors';
+
+import {
+  syncGitRepoConfData_1,
+} from '../__fixtures__/syncGitRepoConfData_1.fixtures';
+
+const stateFactory = obj => ({
+  foremanAcd: {
+    syncGitRepoConf: obj,
+  },
+});
+
+const fixtures = {
+  'should return scmType from syncGitRepoConfData_1 fixtures': () =>
+    selectScmType(stateFactory(syncGitRepoConfData_1)),
+  'should return path from syncGitRepoConfData_1 fixtures': () =>
+    selectPath(stateFactory(syncGitRepoConfData_1)),
+  'should return gitCommit from syncGitRepoConfData_1 fixtures': () =>
+    selectGitCommit(stateFactory(syncGitRepoConfData_1)),
+  'should return gitUrl from syncGitRepoConfData_1 fixtures': () =>
+    selectGitUrl(stateFactory(syncGitRepoConfData_1)),
+};
+
+describe('SyncGitRepoSelectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

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

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncGitRepo should render ansible playbook 1`] = `
+<span>
+  <div>
+    <ScmTypeSelector
+      editable={true}
+      hidden={false}
+      label="SCM Type *"
+      onChange={[Function]}
+      options={Object {}}
+      selectValue=""
+    />
+    <div />
+    <div
+      className="form-group"
+    >
+      <div
+        className="col-md-2"
+      />
+      <div
+        className="col-md-4"
+      >
+        <pre>
+          SCM Type cannot be blank
+        </pre>
+      </div>
+    </div>
+  </div>
+</span>
+`;

data/webpack/components/SyncGitRepo/__tests__/__snapshots__/SyncGitRepoReducer.test.js.snap

@@ -0,0 +1,137 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncGitRepoReducer should handle git repo sync be erroneous 1`] = `
+Object {
+  "error": "Something really bad happend",
+  "gitCommit": "master",
+  "gitUrl": "https://github.com/alpha.git",
+  "loading": false,
+  "path": "https://example.com",
+  "scmType": Object {
+    "git": "git",
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should handle git repo sync be successful 1`] = `
+Object {
+  "gitCommit": "master",
+  "gitUrl": "https://github.com/alpha.git",
+  "path": "https://example.com",
+  "scmType": Object {
+    "git": "git",
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should initialize component 1`] = `
+Object {
+  "gitCommit": "master",
+  "gitUrl": "https://github.com/alpha.git",
+  "loading": false,
+  "path": "https://example.com",
+  "scmType": Object {
+    "git": "git",
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should load git commit 1`] = `
+Object {
+  "gitCommit": Object {
+    "gitCommit": "master",
+  },
+  "gitUrl": "https://github.com/alpha.git",
+  "path": "https://example.com",
+  "scmType": Object {
+    "git": "git",
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should load git url 1`] = `
+Object {
+  "gitCommit": "master",
+  "gitUrl": undefined,
+  "path": "https://example.com",
+  "scmType": Object {
+    "git": "git",
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should load path 1`] = `
+Object {
+  "gitCommit": "master",
+  "gitUrl": "https://github.com/alpha.git",
+  "path": Object {
+    "path": "https://example.com",
+  },
+  "scmType": Object {
+    "git": "git",
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should load scm_type 1`] = `
+Object {
+  "gitCommit": "master",
+  "gitUrl": "https://github.com/alpha.git",
+  "path": "https://example.com",
+  "scmType": Object {
+    "scmType": Object {
+      "git": "git",
+    },
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should request handle git repo sync 1`] = `
+Object {
+  "gitCommit": "master",
+  "gitUrl": "https://github.com/alpha.git",
+  "loading": true,
+  "path": "https://example.com",
+  "scmType": Object {
+    "git": "git",
+  },
+  "scmTypes": Object {
+    "directory": "directory",
+    "git": "git",
+  },
+}
+`;
+
+exports[`SyncGitRepoReducer should return initial state 1`] = `
+Object {
+  "loading": false,
+}
+`;

data/webpack/components/SyncGitRepo/__tests__/__snapshots__/SyncGitRepoSelectors.test.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncGitRepoSelectors should return gitCommit from syncGitRepoConfData_1 fixtures 1`] = `"master"`;
+
+exports[`SyncGitRepoSelectors should return gitUrl from syncGitRepoConfData_1 fixtures 1`] = `"https://github.com/alpha.git"`;
+
+exports[`SyncGitRepoSelectors should return path from syncGitRepoConfData_1 fixtures 1`] = `"https://example.com"`;
+
+exports[`SyncGitRepoSelectors should return scmType from syncGitRepoConfData_1 fixtures 1`] = `
+Object {
+  "git": "git",
+}
+`;

data/webpack/components/SyncGitRepo/components/FormTextInput.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ExtTextInput from '../../common/ExtTextInput';
+import RailsData from '../../common/RailsData'
+
+const FormTextInput= ({
+  label,
+  hidden,
+  editable,
+  viewText,
+  onChange,
+  parameter,
+}) =>{
+  return (
+    <div >
+      <div  >
+        <ExtTextInput
+          label={label}
+          editable={editable}
+          viewText={viewText}
+          onChange={onChange}
+        />
+        <RailsData
+          key='ansible_playbook_form_data'
+          view='ansible_playbook'
+          parameter={parameter}
+          value={viewText}
+        />
+      </div>
+    </div>
+  );
+};
+
+FormTextInput.propTypes = {
+  label: PropTypes.string.isRequired,
+  editable: PropTypes.bool.isRequired,
+  viewText: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  parameter: PropTypes.string,
+};
+
+export default FormTextInput;

data/webpack/components/SyncGitRepo/components/ScmTypeSelector.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ExtSelect from '../../common/ExtSelect';
+import RailsData from '../../common/RailsData'
+
+const ScmTypeSelector= ({
+  label,
+  hidden,
+  editable,
+  viewText,
+  selectValue,
+  onChange,
+  options,
+}) =>{
+  return (
+    <div className="form-group">
+      <label className="col-md-2 control-label">{label}</label>
+      <div className="col-md-4">
+        <ExtSelect
+          hidden={hidden}
+          editable={editable}
+          viewText={viewText}
+          selectValue={selectValue}
+          onChange={onChange}
+          options={options}
+        />
+        <RailsData
+          key='ansible_playbook_scm_data'
+          view='ansible_playbook'
+          parameter='scm_type'
+          value={selectValue}
+        />
+      </div>
+    </div>
+  );
+};
+
+ScmTypeSelector.propTypes = {
+  label: PropTypes.string.isRequired,
+  editable: PropTypes.bool.isRequired,
+  viewText: PropTypes.string,
+  selectValue: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  options: PropTypes.object,
+};
+
+export default ScmTypeSelector;

data/webpack/components/SyncGitRepo/index.js

@@ -0,0 +1,28 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import './SyncGitRepo.scss';
+import SyncGitRepo from './SyncGitRepo';
+import * as SyncGitRepoActions from './SyncGitRepoActions';
+
+import {
+  selectScmType,
+  selectPath,
+  selectGitCommit,
+  selectGitUrl,
+} from './SyncGitRepoSelectors';
+
+const mapStateToProps = state => ({
+  scmType: selectScmType(state),
+  gitCommit: selectGitCommit(state),
+  path: selectPath(state),
+  gitUrl: selectGitUrl(state)
+});
+
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(SyncGitRepoActions, dispatch);
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(SyncGitRepo);

data/webpack/components/common/DeleteTableEntry.js

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import {
   Icon,
   Button,
+  MessageDialog,
 } from 'patternfly-react';
 import { translate as __ } from 'foremanReact/common/I18n';
 
@@ -16,12 +17,25 @@ const DeleteTableEntry = ({
     return null;
   }
 
+  const [showModal, setShowModal] = useState(false);
+  const toggleModal = () => setShowModal(!showModal);
+
   return (
     <span>
+      <MessageDialog
+        show={showModal}
+        onHide={toggleModal}
+        primaryAction={() => onDeleteTableEntry(additionalData)}
+        secondaryAction={toggleModal}
+        primaryActionButtonContent={__('Confirm')}
+        secondaryActionButtonContent={__('Cancel')}
+        title={__('Confirm action')}
+        primaryContent={__('Are you sure you wish to delete this item?')}
+      />
       <Button
         bsStyle="default"
         disabled={disabled}
-        onClick={() => window.confirm(__("Are you sure you wish to delete this item?")) && onDeleteTableEntry(additionalData) }
+        onClick={toggleModal}
       >
         <Icon type="pf" name="delete" title={__("Delete entry")} />
       </Button>

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;