Merge branch 'phone-mask' of https://github.com/senaduka/svijetlastrana-front into phone-mask

src/routes/selfRegister/components/SignUp.js

@@ -19,9 +19,8 @@ import Instance from '../../../components/Connection';
 
 import Checkbox from 'material-ui/Checkbox';
 
-import ValidationErrorsInfoDialog from '../../../components/Shared/ValidationErrorsInfoDialog';
-
 import InputMask from 'react-input-mask';
+import ValidationErrorsInfoDialog from '../../../components/Shared/ValidationErrorsInfoDialog';
 
 class SignUp extends React.Component {
   constructor(props) {
@@ -63,12 +62,24 @@ class SignUp extends React.Component {
 
   componentDidMount = () => { }
 
+  getFormattedPhoneNumber(phone){
+    if(phone && phone.length > 0) {
+      return phone.replace('+1','').replace('(','').replace(')','').replace('-','').replace(' ','').trim()
+    }
+    return '';
+  }
+
+  isPhoneNumberFormatValid() {
+    let formattedNumber = this.getFormattedPhoneNumber(this.state.phone_number);
+    return !isNaN(formattedNumber) && (formattedNumber.toString().length === 10);
+  }
+
   buttonValidated = () => {
     let validated = true;
     if (!this.state.provider_name || this.state.provider_name === null || this.state.provider_name === "") validated = false;
     if (!this.state.provider_npi || this.state.provider_npi === null || this.state.provider_npi === "") validated = false;
     if (!this.state.email || this.state.email === null || this.state.email === "") validated = false;
-    if (!this.state.phone_number || this.state.phone_number === null || this.state.phone_number === "") validated = false;
+    if (!this.state.phone_number || this.state.phone_number === null || this.state.phone_number === "" || !this.isPhoneNumberFormatValid()) validated = false;
     if (!this.state.first || this.state.first === null || this.state.first === "") validated = false;
     if (!this.state.last || this.state.last === null || this.state.last === "") validated = false;
     if (!this.state.pass || this.state.pass === null || this.state.pass === "") validated = false;
@@ -98,7 +109,11 @@ class SignUp extends React.Component {
   };
 
   handlePhone = (event) => {
-    let phone = event.target.value;
+    let phone = this.getFormattedPhoneNumber(event.target.value);
+    if (phone.indexOf("+1") < 0 && phone.length == 10) {
+      phone = "+1" + phone;
+      phone = phone.substring(0, 12);
+    }
 
     this.setState(Object.assign(this.state, { phone_number: phone }));
   };
@@ -145,6 +160,9 @@ class SignUp extends React.Component {
       "pass": this.state.pass,
     };
 
+    console.log(user);
+    return;
+
     Instance.setToken(null).post('/v1/selfregister/', user).then(function (res) {
       localStorage.removeItem('loggedUser');
       location.href = '/#/login';