Fixed registration form

assets/js/components/client/register.js

@@ -34,9 +34,13 @@ const registerForm = {
         },
         category: function(v) {
             if (_.isEmpty(v)) return "Pilih kategori Anda"
+        },
+        email: function(v) {
+            if (_.isEmpty(v)) return "Masukkan email Anda"
         }
     }),
     oninit: function(vnode) {
+        registerForm.form.email(vnode.attrs.u)
         registerForm.form.name("")
         registerForm.form.gender("")
         registerForm.form.birthdate(moment().format("YYYY-MM-DD HH:mm:ss"))
@@ -76,7 +80,12 @@ const registerForm = {
                 }, m("form", {
                         onsubmit: function(e) {
                             e.preventDefault()
-                            m.route.set("/questionnaires")
+                            // m.route.set("/questionnaires")
+                            if (!registerForm.form.isValid()) console.log('err', registerForm.form.error())
+                            else {
+                                registerForm.form.category(registerForm.form.category().id)
+                                Respondent.save(registerForm.form.data())
+                            }
                         },
                         style: {
                             padding: "1em",
@@ -124,7 +133,7 @@ const registerForm = {
                                             value: registerForm.form.name(),
                                             events: {
                                                 oninput: function() {
-                                                    registerForm.form.name()
+                                                    registerForm.form.name(this.value)
                                                 }
                                             },
                                             validate: function() {

assets/js/components/header.js

@@ -38,10 +38,10 @@ export const header = {
     view: function(vnode) {
         var state = vnode.state
         var email = state.email
-        return !_.isNil(Respondent.current.data) ?
+        return !_.isNil(Respondent.current.data)
-        _.isEmpty(Respondent.current.data) ?
+        ? m.route.set("/questionnaires")
-        m.route.set("/register?u=" + email)
+        : !_.isNil(Respondent.current.message)
-        : m.route.set("/questionnaires")
+        ? m.route.set("/register?u="+email)
         : [
             m(".header-img", {
                 style: {

assets/js/models/Respondent.js

@@ -18,15 +18,25 @@ const Respondent = {
     fetchByEmail: function(email) {
         Respondent.loading = true
         m.request({
-            url: "http://api.questionnaire.dev/v1/respondents",
+            url: "http://api.questionnaire.dev/v1/respondents/search/"+email,
-            method: "POST",
+            method: "GET"
-            data: {email}
         })
         .then(function(res) {
             Respondent.current = res
             Respondent.loading = false
             console.log(Respondent.current, res);
         })
+    },
+    save: function(data) {
+        m.request({
+            url: "http://api.questionnaire.dev/v1/respondents",
+            method: "POST",
+            data
+        })
+        .then(function(res) {
+            Respondent.current = res
+            m.route.set('/questionnaires')
+        })
     }
 }