X-Git-Url: http://git.bytex64.net/?a=blobdiff_plain;f=www%2Fjssrc%2Fblerg%2FSignupDialog.js;fp=www%2Fjssrc%2Fblerg%2FSignupDialog.js;h=3a1660fe02c3c361d9c09e0d89beacda988442eb;hb=79a8b4304e691959e39d24fe9438d73bcea1badf;hp=f51e52604058a3364a6c2466d12ced359b5f8659;hpb=b1a0c97ba2653976a4b4eb91d989ebf6eafdcc18;p=blerg.git diff --git a/www/jssrc/blerg/SignupDialog.js b/www/jssrc/blerg/SignupDialog.js index f51e526..3a1660f 100644 --- a/www/jssrc/blerg/SignupDialog.js +++ b/www/jssrc/blerg/SignupDialog.js @@ -8,6 +8,7 @@ enyo.kind({ modal: true, components: [ {tag: "h2", content: "Sign Up"}, + {name: "spinner", kind: "OldSchoolSpinner", showing: false, style: "position: absolute; top: 8px; right: 8px"}, {kind: "onyx.Groupbox", components: [ {kind: "onyx.InputDecorator", components: [ {name: "username", kind: "onyx.Input", placeholder: "Username"} @@ -16,13 +17,43 @@ enyo.kind({ {name: "password", kind: "onyx.Input", placeholder: "Password", type: "password"} ]} ]}, - {kind: "onyx.Button", content: "Signup", onclick: "signupClick", classes: "onyx-affirmative"}, - {kind: "onyx.Button", content: "Cancel", onclick: "cancelClick", classes: "onyx-negative"} + {name: "message", tag: "p", content: "No, really, that's all I need. I don't want to send you email. It's too much work to program in email updates. :-P"}, + {name: "signupError", tag: "p", showing: false, classes: "blerg-error", content: "I couldn't sign you up. That username is already in use, or something went wrong on the backend. *shrug*"}, + {name: "signupButton", kind: "onyx.Button", content: "Signup", onclick: "signupClick", classes: "onyx-affirmative"}, + {kind: "onyx.Button", content: "Cancel", onclick: "cancelClick", classes: "onyx-negative"}, + {name: "api", kind: "blerg.API", + onSignupSuccess: "signupSuccess", + onSignupFailure: "signupFailure"} ], signupClick: function() { - // Do stuff + this.$.signupButton.setDisabled(true); + this.$.spinner.show(); + this.$.spinner.start(); + this.$.api.signup(this.$.username.getValue(), this.$.password.getValue()); }, cancelClick: function() { + this.$.signupError.hide(); + this.$.message.show(); + this.$.username.setValue(''); + this.$.password.setValue(''); this.hide(); + }, + signupSuccess: function(inSender, inEvent) { + this.$.signupButton.setDisabled(false); + this.$.spinner.hide(); + this.$.spinner.stop(); + this.bubble('onTryLogin', { + username: this.$.username.getValue(), + password: this.$.password.getValue() + }); + window.location.href = '/#' + inEvent.username; + this.cancelClick(); + }, + signupFailure: function(inSender, inEvent) { + this.$.signupButton.setDisabled(false); + this.$.spinner.hide(); + this.$.spinner.stop(); + this.$.message.hide(); + this.$.signupError.show(); } });