frontend: check in html, css, js

frontend/js/signup.js

@@ -0,0 +1,43 @@
+(function (global, document) {
+
+  // Signs up the user and redirects to either the login page or the email
+  // confirmation, depending on whether or not SMTP is configured in the
+  // backend.
+  global.signup = function() {
+    if ($("#password").val() != $("#password2").val()) {
+      global.textSet("#err", "The two passwords don't match");
+      return;
+    }
+
+    var all_ok = unfilledMark(["#email", "#name", "#password", "#password2"], function(el) {
+      el.css("border-bottom", "1px solid red");
+    });
+
+    if (!all_ok) {
+      global.textSet("#err", "Please make sure all fields are filled");
+      return;
+    }
+
+    var json = {
+      "email": $("#email").val(),
+      "name": $("#name").val(),
+      "password": $("#password").val(),
+    };
+
+    global.buttonDisable("#signup-button");
+    post(global.origin + "/api/owner/new", json, function(resp) {
+      global.buttonEnable("#signup-button")
+
+      if (!resp.success) {
+        global.textSet("#err", resp.message);
+        return;
+      }
+
+      if (resp.confirmEmail)
+        document.location = "/confirm-email";
+      else
+        document.location = "/login?signedUp=true";
+    });
+  };
+
+} (window, document));