diff --git a/client/coral-admin/src/actions/install.js b/client/coral-admin/src/actions/install.js
index c1d05d253..73e7aaa82 100644
--- a/client/coral-admin/src/actions/install.js
+++ b/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});
diff --git a/client/coral-admin/src/containers/Install/InstallContainer.js b/client/coral-admin/src/containers/Install/InstallContainer.js
index b015140ed..fe41e12e4 100644
--- a/client/coral-admin/src/containers/Install/InstallContainer.js
+++ b/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 {
Welcome to the Coral Project
{ install.step !== 0 ? : null }
-
-
-
-
+
diff --git a/client/coral-admin/src/containers/Install/components/Steps/PermittedDomainsStep.js b/client/coral-admin/src/containers/Install/components/Steps/PermittedDomainsStep.js
new file mode 100644
index 000000000..c5fae148e
--- /dev/null
+++ b/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 (
+
+
{lang.t('PERMITTED_DOMAINS.TITLE')}
+
+ {lang.t('PERMITTED_DOMAINS.DESCRIPTION')}
+ data.split(',').map(d => d.trim())}
+ onChange={tags => onChangeDomainlist(tags)}
+ />
+
+
+
+ );
+};
+
+export default PermittedDomainsStep;
diff --git a/client/coral-admin/src/containers/Install/components/Steps/WhitelistStep.js b/client/coral-admin/src/containers/Install/components/Steps/WhitelistStep.js
deleted file mode 100644
index e246b457e..000000000
--- a/client/coral-admin/src/containers/Install/components/Steps/WhitelistStep.js
+++ /dev/null
@@ -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 (
-
-
Domain Whitelist
-
-
- );
-};
-
-export default WhitelistStep;
diff --git a/client/coral-admin/src/containers/Install/translations.json b/client/coral-admin/src/containers/Install/translations.json
new file mode 100644
index 000000000..494a020f4
--- /dev/null
+++ b/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"
+ }
+ }
+}
diff --git a/client/coral-admin/src/reducers/install.js b/client/coral-admin/src/reducers/install.js
index 429d5cce0..8d3ea0f76 100644
--- a/client/coral-admin/src/reducers/install.js
+++ b/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: '',