API & Client: registration controls

mpwo_client/src/actions/index.js

@@ -1,9 +1,14 @@
+import keyIndex from 'react-key-index'
 import mpwoApi from '../mpwoApi'
 
 function AuthError(message) {
   return { type: 'AUTH_ERROR', message }
 }
 
+function AuthErrors(messages) {
+  return { type: 'AUTH_ERRORS', messages }
+}
+
 function ProfileSuccess(message) {
   return { type: 'PROFILE_SUCCESS', message }
 }
@@ -27,6 +32,11 @@ const updateFormDataPassword = value => ({
   password: value,
 })
 
+const updateFormDataPasswordConf = value => ({
+  type: 'UPDATE_FORMDATA_PASSWORD_CONF',
+  passwordConf: value,
+})
+
 export function getProfile(dispatch) {
   return mpwoApi
     .getProfile()
@@ -46,7 +56,11 @@ export function getProfile(dispatch) {
 export function register(formData) {
   return function(dispatch) {
     return mpwoApi
-      .register(formData.username, formData.email, formData.password)
+      .register(
+        formData.username,
+        formData.email,
+        formData.password,
+        formData.passwordConf)
       .then(ret => {
         if (ret.status === 'success') {
           window.localStorage.setItem('authToken', ret.auth_token)
@@ -92,6 +106,20 @@ export function logout() {
   return { type: 'LOGOUT' }
 }
 
+function RegisterFormControl (formData) {
+  const errMsg = []
+  if (formData.username.length < 3 || formData.username.length > 12) {
+    errMsg.push('Username: 3 to 12 characters required.')
+  }
+  if (formData.password !== formData.passwordConf) {
+    errMsg.push('Password and password confirmation don\'t match.')
+  }
+  if (formData.password.length < 8) {
+    errMsg.push('Password: 8 characters required.')
+  }
+  return errMsg
+}
+
 export function handleUserFormSubmit(event, formType) {
   event.preventDefault()
   return (dispatch, getState) => {
@@ -101,7 +129,12 @@ export function handleUserFormSubmit(event, formType) {
     if (formType === 'Login') {
       dispatch(login(formData.formData))
     } else { // formType === 'Register'
-      dispatch(register(formData.formData))
+      const ret = RegisterFormControl(formData.formData)
+      if (ret.length === 0) {
+        dispatch(register(formData.formData))
+      } else {
+        dispatch(AuthErrors(keyIndex(ret, 1)))
+      }
     }
   }
 }
@@ -112,7 +145,9 @@ export const handleFormChange = event => dispatch => {
       return dispatch(updateFormDataEmail(event.target.value))
     case 'username':
       return dispatch(updateFormDataUsername(event.target.value))
-    default: // case 'password':
+    case 'password':
       return dispatch(updateFormDataPassword(event.target.value))
+    default: // case 'password-conf':
+      return dispatch(updateFormDataPasswordConf(event.target.value))
   }
 }