web kinda finished

web/js/logic.js

@@ -0,0 +1,84 @@
+
+function send()
+{
+	let me = document.getElementById("btnSend");
+	if (me.classList.contains("btn-disabled")) return;
+
+	me.innerHTML = "<div class=\"spinnerbox\"><div class=\"spinner primary\"></div></div>";
+
+	me.classList.add("btn-disabled");
+
+	let uid = document.getElementById("uid");
+	let key = document.getElementById("ukey");
+	let msg = document.getElementById("msg");
+	let txt = document.getElementById("txt");
+
+	uid.classList.remove('input-invalid');
+	key.classList.remove('input-invalid');
+	msg.classList.remove('input-invalid');
+	txt.classList.remove('input-invalid');
+
+	let data = new FormData();
+	data.append('user_id', uid.value);
+	data.append('user_key', key.value);
+	data.append('title', msg.value);
+	data.append('content', txt.value);
+
+	let xhr = new XMLHttpRequest();
+	xhr.open('POST', '/send.php', true);
+	xhr.onreadystatechange = function ()
+	{
+		if (xhr.readyState !== 4) return;
+
+		console.log('Status: ' + xhr.status);
+		if (xhr.status === 200)
+		{
+			let resp = JSON.parse(xhr.responseText);
+			if (!resp.success)
+			{
+				if (resp.errhighlight === 101) uid.classList.add('input-invalid');
+				if (resp.errhighlight === 102) key.classList.add('input-invalid');
+				if (resp.errhighlight === 103) msg.classList.add('input-invalid');
+				if (resp.errhighlight === 104) txt.classList.add('input-invalid');
+
+				Toastify({
+					text: resp.message,
+					gravity: "top",
+					positionLeft: false,
+					backgroundColor: "#D32F2F",
+				}).showToast();
+			}
+			else
+			{
+				window.location.href =
+					'/index_sent.php' +
+					'?ok=' + 1 +
+					'&message_count=' + resp.messagecount +
+					'&quota=' + resp.quota +
+					'&preset_user_id=' + uid.value +
+					'&preset_user_key=' + key.value;
+			}
+		}
+		else
+		{
+			Toastify({
+				text: 'Request failed: Statuscode=' + xhr.status,
+				gravity: "top",
+				positionLeft: false,
+				backgroundColor: "#D32F2F",
+			}).showToast();
+		}
+
+		me.classList.remove("btn-disabled");
+		me.innerHTML = "Send";
+	};
+	xhr.send(data);
+}
+
+window.addEventListener("load",function ()
+{
+	let btnSend = document.getElementById("btnSend");
+
+	if (btnSend !== undefined) btnSend.onclick = function () { send(); return false; };
+
+},false);