little register logic

site/client/app/modules/landing/views/landing.html

@@ -18,6 +18,8 @@
       <a class="btn-second btn-guest" v-on="click: asGuest">Play as guest <i class="icon-guest-load"></i></a>
       <a class="btn-none btn-login" v-on="click: openLogin">Login</a>
 
+      <span class="form-error">Nope Nope</span>
+
     </div>
   </div>
 </section>

site/client/app/modules/session/components/register.js

@@ -4,11 +4,21 @@ module.exports = {
 
   inherit: true,
 
+  data: function() {
+    return {
+      username: '',
+      password: '',
+      email: ''
+    }
+  },
+
   methods: {
     register: function(e) {
       e.preventDefault();
 
-      console.log("bal");
+      if( ! this.username || ! this.password || ! this.email) {
+        $('.form-error').hide().fadeIn('fast');
+      }
 
       return false;
     }

site/client/app/modules/session/views/register.html

@@ -1,7 +1,7 @@
 <form class="form-session">
-  <input type="text" placeholder="Username" class="field-session" autofocus>
-  <input type="text" placeholder="E-Mail" class="field-session">
-  <input type="password" placeholder="Password" class="field-session">
+  <input type="text" placeholder="Username" class="field-session field-username" autofocus v-model="username">
+  <input type="text" placeholder="E-Mail" class="field-session field-email" v-model="email">
+  <input type="password" placeholder="Password" class="field-session field-password" v-model="password">
 
   <div class="wrap-btn-action btn-register-action" v-on="click: register">
     <input type="submit" value="Register" class="btn-action" v-on="submit: register">

site/client/assets/sass/_form.scss

@@ -101,4 +101,13 @@
 }
 :-ms-input-placeholder {
   color: darken(#8798ac, 10%);
+}
+
+.form-error {
+  float: left;
+  clear: both;
+  color: #c64b4b;
+  font-size: 15px;
+  margin: 20px 0;
+  display: none;
 }