Added 'altcha' captcha system for account and channel creation.

www/js/register.js

@@ -14,20 +14,56 @@ GNU Affero General Public License for more details.
 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
 
-//I could make a class like the others but it's so god-damned basic why bother?
-async function registerPrompt(event){
-    if(!event || event.key == "Enter"){
-        var user = document.querySelector("#register-username").value;
-        var pass = document.querySelector("#register-password").value;
-        var passConfirm = document.querySelector("#register-password-confirm").value;
-        var email = document.querySelector("#register-email").value;
+class registerPrompt{
+    constructor(){
+        //Grab user prompt
+        this.user = document.querySelector("#register-username");
+        //Grab pass prompts
+        this.pass = document.querySelector("#register-password");
+        this.passConfirm = document.querySelector("#register-password-confirm");
+        //Grab email prompt
+        this.email = document.querySelector("#register-email");
+        //Grab register button
+        this.button = document.querySelector("#register-button");
+        //Grab altcha widget
+        this.altcha = document.querySelector("altcha-widget");
+        //Setup null property to hold verification payload from altcha widget
+        this.verification = null
 
-        utils.ajax.register(user, pass, passConfirm, email);
+        //Run input setup after DOM content has completely loaded to ensure altcha event listeners work
+        document.addEventListener('DOMContentLoaded', this.setupInput.bind(this));
+    }
+
+    setupInput(){
+        //Add verification event listener to altcha widget
+        this.altcha.addEventListener("verified", this.verify.bind(this));
+
+        //Add register event listener to register button
+        this.button.addEventListener("click", this.register.bind(this));
+    }
+
+    verify(event){
+        //pull verification payload from event
+        this.verification = event.detail.payload;
+    }
+
+    register(){
+        //If altcha verification isn't complete
+        if(this.verification == null){
+            //don't bother
+            return;
+        }
+
+        //if the confirmation password doesn't match
+        if(this.pass.value != this.passConfirm.value){
+            //Scream and shout
+            new canopyUXUtils.popup(`<p>Confirmation password does not match!</p>`);
+            return;
+        }
+
+        //Send the registration informaiton off to the server
+        utils.ajax.register(this.user.value , this.pass.value , this.passConfirm.value , this.email.value, this.verification);
     }
 }
 
-//assign events
-document.querySelector("#register-username").addEventListener("keydown", registerPrompt)
-document.querySelector("#register-password").addEventListener("keydown", registerPrompt)
-document.querySelector("#register-password-confirm").addEventListener("keydown", registerPrompt)
-document.querySelector("#register-email").addEventListener("keydown", registerPrompt)
+const registerForm = new registerPrompt();