User Email Check on Signup

api/controllers/registerUser.py

@@ -21,6 +21,16 @@
 router = Blueprint('registerUser', __name__)
 
 
+@router.route('/checkemail', methods=['GET'])
+def check_user():
+    email = request.args.get('email',1,type=str)
+    print(email)
+    if auth.check_user_by_email(email) == "EXISTS":
+        print("exists")
+        return jsonify({"data":{"attributes":{"exist":"Email Exists"},"links":{"self":"/user/checkemail"},"type":"checkuser","id":"null"},"links":{"self":"check-email"}})
+    else :
+        return jsonify({"data":{"attributes":{"exist":"Email Available"},"links":{"self":"/user/checkemail"},"type":"checkuser","id":"null"},"links":{"self":"check-email"}})
+
 @router.route('/register', methods=['POST'])
 def register_user():
     schema = UserSchema()
@@ -88,6 +98,7 @@ def register_user():
                 perm.save_to_db()
         else:
             newUser = user_
+        print(jsonify(schema.dump(newUser).data))
         return jsonify(schema.dump(newUser).data)
 
 

frontend/app/adapters/checkuser.js

@@ -0,0 +1,12 @@
+import DS from 'ember-data';
+import ENV from '../config/environment';
+
+const { APP } = ENV;
+const { JSONAPIAdapter } = DS;
+
+export default JSONAPIAdapter.extend({
+  host        : APP.backLink,
+  pathForType : () => {
+    return 'user/checkemail';
+  }
+});

frontend/app/components/forms/signup-form.js

@@ -29,6 +29,15 @@ export default Component.extend({
         }
       }
     },
+    emailcheck(event) {
+      var email = $('#email').val();
+      var regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
+      if (regex.test(email)) {
+        this.get('emailcheck')(email);
+      } else {
+        $('#emailstatus').text('Email Invalid');
+      }
+    },
     showPasswordSignupConfirm() {
       function show() {
         $('#pwdConfirm').attr('type',  'text');

frontend/app/controllers/signup.js

@@ -1,5 +1,5 @@
 import Controller from '@ember/controller';
-
+import $ from 'jquery';
 import { inject as service } from '@ember/service';
 
 export default Controller.extend({
@@ -30,13 +30,13 @@ export default Controller.extend({
                 clearDuration : 1500
               });
             });
-          } else {
-            _this.get('notifications').error('Sign Up Failed ! Please try again', {
-              autoClear     : true,
-              clearDuration : 1500
-            });
           }
         });
+    },
+    emailcheck(email) {
+      this.get('store').queryRecord('checkuser', { email }).then(function(data) {
+        $('#emailstatus').text(data.get('exist'));
+      });
     }
   }
 });

frontend/app/models/checkuser.js

@@ -0,0 +1,8 @@
+import DS from 'ember-data';
+
+const { Model, attr } = DS;
+
+export default Model.extend({
+  email : attr('string'),
+  exist : attr('string')
+});

frontend/app/styles/partials/signup.scss

@@ -8,6 +8,10 @@ $colorwhite: #ffffff;
   top: 40px;
 }
 
+#emailstatus {
+  text-align: center;
+}
+
 .form {
   .ending-border {
     border-bottom: 0.01rem dotted;

frontend/app/templates/components/forms/signup-form.hbs

@@ -10,9 +10,11 @@
                 <div class="field required">
                     <div class="ui left icon input">
                         <i class="mail icon"></i>
-                        {{input type="text" value=email name="email" placeholder="E-mail address"}}
+                        {{input type="text" value=email name="email" id="email" keyPress=(action 'emailcheck') placeholder="E-mail address"}}
                     </div>
+                    <div id="emailstatus" ></div>
                 </div>
+
                 <div class="field required">
                     <div class="ui left icon input">
                         <i class="user icon"></i>

frontend/app/templates/signup.hbs

@@ -1,5 +1,5 @@
 <div class="ui one column container stackable doubling centered grid">
   <div class="column">
-    {{forms/signup-form signUp=(action 'signUp')}}
+    {{forms/signup-form signUp=(action 'signUp')  emailcheck=(action 'emailcheck')}}
   </div>
 </div>