mirrors/not-gwent-online
1
0
Fork 0
mirror of https://github.com/exane/not-gwent-online synced 2024-11-23 19:36:53 +00:00
Code Releases Activity

little register logic

Browse Source
This commit is contained in:
devfake 2015-06-23 15:10:01 +02:00
parent 75990b84c7
commit 313c660ba5
4 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/client/app/modules/landing/views/landing.html
View File

@ -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>

12
site/client/app/modules/session/components/register.js
View File

@ -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;
}

6
site/client/app/modules/session/views/register.html
View File

@ -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">

9
site/client/assets/sass/_form.scss
View File

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