Cleaned up login/account creation page

Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
James Ketr 2018-09-28 01:48:02 -07:00
parent 4a9bb061b0
commit 1566d132f6

View File

@ -385,7 +385,7 @@
<paper-input tabindex=0 id="password" label="Password" type="password" value="{{password}}" on-keypress="enterCheck"></paper-input> <paper-input tabindex=0 id="password" label="Password" type="password" value="{{password}}" on-keypress="enterCheck"></paper-input>
<paper-input tabindex=0 id="name" label="Display name" value="{{name}}" on-keypress="enterCheck"></paper-input> <paper-input tabindex=0 id="name" label="Display name" value="{{name}}" on-keypress="enterCheck"></paper-input>
<paper-input tabindex=0 id="who" label="Who do you know?" value="{{who}}" on-keypress="enterCheck"></paper-input> <paper-input tabindex=0 id="who" label="Who do you know?" value="{{who}}" on-keypress="enterCheck"></paper-input>
<paper-button tabindex=0 id="createButton" disabled$="[[disableCreate(username,name,password,mail)]]" on-tap="create" raised><div hidden$="[[loggingIn]]">create</div><div hidden$="[[!loggingIn]]"><paper-spinner active$="[[loggingIn]]"></paper-spinner></div></paper-button> <paper-button tabindex=0 id="createButton" disabled$="[[disableCreate(mail,password,name,who)]]" on-tap="create" raised><div hidden$="[[loggingIn]]">create</div><div hidden$="[[!loggingIn]]"><paper-spinner active$="[[loggingIn]]"></paper-spinner></div></paper-button>
</div> </div>
</paper-dialog> </paper-dialog>
<paper-toast id="toast"></paper-toast> <paper-toast id="toast"></paper-toast>
@ -478,11 +478,11 @@
return !username || username == "" || !password || password == ""; return !username || username == "" || !password || password == "";
}, },
disableCreate: function(username, name, mail, password) { disableCreate: function(mail, password, name, who) {
return !username || username == "" || return !mail || mail == "" ||
!password || password == "" || !password || password == "" ||
!name || name == "" || !name || name == "" ||
!mail || mail == ""; !who || who == "";
}, },
enterCheck: function(event) { enterCheck: function(event) {
@ -490,7 +490,9 @@
var next = event.currentTarget.nextElementSibling; var next = event.currentTarget.nextElementSibling;
event.preventDefault(); event.preventDefault();
if (next.tagName.toLowerCase() == "paper-button") { if (next.tagName.toLowerCase() == "paper-button") {
next.click(); if (!next.disabled) {
next.click();
}
} else { } else {
this.async(function(next) { this.async(function(next) {
next._focusableElement.focus(); next._focusableElement.focus();