From e82e56db70dfe0d112840cb24aa1fc1a083685b8 Mon Sep 17 00:00:00 2001
From: Aevann1 <Aevann1@protonmail.com>
Date: Wed, 21 Jul 2021 13:25:13 +0200
Subject: [PATCH] sneed

---
 ruqqus/templates/sign_up.html | 43 ++++++++++++++++++++++++++++++++---
 1 file changed, 40 insertions(+), 3 deletions(-)
diff --git a/ruqqus/templates/sign_up.html b/ruqqus/templates/sign_up.html
index 385e0894f..3302ff964 100644
--- a/ruqqus/templates/sign_up.html
+++ b/ruqqus/templates/sign_up.html
@@ -1,8 +1,47 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
+		{% include "bootstrap.html" %}
+		<script>
+			// Check username length, special chars
 
+			$('#username-register').on('input', function () {
+
+				var charCount = document.getElementById("username-register").value;
+				var id = document.getElementById("usernameHelpRegister");
+				var successID = document.getElementById("usernameHelpSuccess");
+
+				var ruqqusAPI = '/api/is_available/' + charCount;
+
+				if (charCount.length >= 3) {
+
+					$.getJSON(ruqqusAPI, function(result) {
+						$.each(result, function(i, field) {
+							if (field == false) {
+								id.innerHTML = '<span class="form-text font-weight-bold text-danger mt-1">Username already taken :(';
+							}
+						});
+					});
+
+				}
+
+				if (!/[^a-zA-Z0-9_\-$]/.test(charCount)) {
+					// Change alert text
+					id.innerHTML = '<span class="form-text font-weight-bold text-success mt-1">Username is a-okay!';
+
+					if (charCount.length < 3) {
+						id.innerHTML = '<span class="form-text font-weight-bold text-muted mt-1">Username must be at least 3 characters long.';
+					}
+					else if (charCount.length > 25) {
+						id.innerHTML = '<span class="form-text font-weight-bold text-danger mt-1">Username must be 25 characters or less.';
+					}
+				}
+				else {
+					id.innerHTML = '<span class="form-text font-weight-bold text-danger mt-1">No special characters or spaces allowed.</span>';
+				};
+
+			});
+		</script>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 		<meta name="description" content="Sign up in under 27 seconds.">
@@ -162,8 +201,6 @@
 		</div>
 </div>
 
-{% include "bootstrap.html" %}
-
 <!-- Drama JS -->
 
 <script src="/assets/js/all_js.js"></script>
