Renamed to PermittedDomains

client/coral-admin/src/actions/install.js

@@ -71,21 +71,31 @@ export const submitSettings = () => (dispatch, getState) => {
 export const submitUser = () => (dispatch, getState) => {
   const userFormData = getState().install.toJS().data.user;
   validation(userFormData, dispatch, function() {
-    const data = getState().install.toJS().data;
-    dispatch(installRequest());
-    coralApi('/setup', {method: 'POST', body: data})
-      .then(result => {
-        console.log(result);
-        dispatch(installSuccess());
-        dispatch(nextStep());
-      })
-      .catch(error => {
-        console.error(error);
-        dispatch(installFailure(`${error.translation_key}`));
-      });
+    dispatch(nextStep());
   });
 };
 
+export const submitWhitelistDomains = () => (dispatch) => {
+  submitForm().then(() => {
+    dispatch(installSuccess());
+  });
+};
+
+const submitForm = () => (dispatch, getState) => {
+  const data = getState().install.toJS().data;
+  dispatch(installRequest());
+  return coralApi('/setup', { method: 'POST', body: data })
+    .then(result => {
+      console.log(result);
+      dispatch(installSuccess());
+      dispatch(nextStep());
+    })
+    .catch(error => {
+      console.error(error);
+      dispatch(installFailure(`${error.translation_key}`));
+    });
+};
+
 export const updateSettingsFormData = (name, value) => ({type: actions.UPDATE_FORMDATA_SETTINGS, name, value});
 export const updateUserFormData = (name, value) => ({type: actions.UPDATE_FORMDATA_USER, name, value});
 

client/coral-admin/src/containers/Install/InstallContainer.js

@@ -18,7 +18,7 @@ import {
 import InitialStep from './components/Steps/InitialStep';
 import AddOrganizationName from './components/Steps/AddOrganizationName';
 import CreateYourAccount from './components/Steps/CreateYourAccount';
-import WhitelistStep from './components/Steps/WhitelistStep';
+import PermittedDomainsStep from './components/Steps/PermittedDomainsStep';
 import FinalStep from './components/Steps/FinalStep';
 
 class InstallContainer extends Component {
@@ -41,10 +41,7 @@ class InstallContainer extends Component {
                 <h2>Welcome to the Coral Project</h2>
                 { install.step !== 0 ? <WizardNav items={install.navItems} currentStep={install.step} icon='check'/> : null }
                 <Wizard currentStep={install.step} {...this.props}>
-                  <InitialStep/>
-                  <AddOrganizationName/>
-                  <CreateYourAccount/>
-                  <WhitelistStep/>
+                  <PermittedDomainsStep/>
                   <FinalStep/>
                 </Wizard>
               </div>

client/coral-admin/src/containers/Install/components/Steps/PermittedDomainsStep.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import styles from './style.css';
+import {Button, Card} from 'coral-ui';
+import TagsInput from 'react-tagsinput';
+
+const lang = new I18n(translations);
+import translations from '../../translations.json';
+import I18n from 'coral-framework/modules/i18n/i18n';
+
+const PermittedDomainsStep = props => {
+  const {nextStep, onChangeDomainlist} = props;
+  const domains = [];
+  return (
+    <div className={styles.step}>
+      <h3>{lang.t('PERMITTED_DOMAINS.TITLE')}</h3>
+      <Card>
+        <p>{lang.t('PERMITTED_DOMAINS.DESCRIPTION')}</p>
+        <TagsInput
+          value={domains}
+          inputProps={{placeholder: 'URL'}}
+          addOnPaste={true}
+          pasteSplit={data => data.split(',').map(d => d.trim())}
+          onChange={tags => onChangeDomainlist(tags)}
+        />
+      </Card>
+      <Button cStyle='green' onClick={nextStep} raised>{lang.t('PERMITTED_DOMAINS.SUBMIT')}</Button>
+    </div>
+  );
+};
+
+export default PermittedDomainsStep;

client/coral-admin/src/containers/Install/components/Steps/WhitelistStep.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import styles from './style.css';
-import {Button} from 'coral-ui';
-
-const WhitelistStep = props => {
-  const {nextStep} = props;
-  return (
-    <div className={styles.step}>
-      <h3>Domain Whitelist</h3>
-      <Button cStyle='green' onClick={nextStep} raised>Add domains</Button>
-    </div>
-  );
-};
-
-export default WhitelistStep;

client/coral-admin/src/containers/Install/translations.json

@@ -0,0 +1,16 @@
+{
+  "en": {
+    "PERMITTED_DOMAINS": {
+      "TITLE": "Permitted domains",
+      "DESCRIPTION": "Add permitted domains",
+      "SUBMIT": "Finish install"
+    }
+  },
+  "es": {
+    "PERMITTED_DOMAINS": {
+      "TITLE": "Dominios Permitidos",
+      "DESCRIPTION": "Agrega dominios permitidos",
+      "SUBMIT": "Finalizar instalación"
+    }
+  }
+}

client/coral-admin/src/reducers/install.js

@@ -6,10 +6,7 @@ const initialState = Map({
   isLoading: false,
   data: Map({
     settings: Map({
-      organizationName: '',
-      domains: Map({
-        whitelist: List()
-      })
+      organizationName: ''
     }),
     user: Map({
       username: '',