From 313c660ba5ab6e02fdf6ffddb5685893e7d14e12 Mon Sep 17 00:00:00 2001
From: devfake <devfakeplus@googlemail.com>
Date: Tue, 23 Jun 2015 15:10:01 +0200
Subject: [PATCH] little register logic

---
 site/client/app/modules/landing/views/landing.html   |  2 ++
 .../app/modules/session/components/register.js       | 12 +++++++++++-
 site/client/app/modules/session/views/register.html  |  6 +++---
 site/client/assets/sass/_form.scss                   |  9 +++++++++
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/site/client/app/modules/landing/views/landing.html b/site/client/app/modules/landing/views/landing.html
index da4bc29..9ac4fd9 100644
--- a/site/client/app/modules/landing/views/landing.html
+++ b/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>
\ No newline at end of file
diff --git a/site/client/app/modules/session/components/register.js b/site/client/app/modules/session/components/register.js
index 81c9ea0..56261c9 100644
--- a/site/client/app/modules/session/components/register.js
+++ b/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;
     }
diff --git a/site/client/app/modules/session/views/register.html b/site/client/app/modules/session/views/register.html
index 133c112..1258027 100644
--- a/site/client/app/modules/session/views/register.html
+++ b/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">
diff --git a/site/client/assets/sass/_form.scss b/site/client/assets/sass/_form.scss
index 9fc7dbd..9704f19 100644
--- a/site/client/assets/sass/_form.scss
+++ b/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;
 }
\ No newline at end of file