1 files changed, 20 insertions, 2 deletions
diff --git a/public/index.php b/public/index.php
index 1ca22fc..00ede01 100644
--- a/public/index.php
+++ b/public/index.php
@@ -56,8 +56,9 @@
 		</div>
 
 		<div id="result" class="hidden" style="margin-bottom: 1rem;">
-			<div class="alert alert-info" style="margin-bottom: 0;">
-				<strong>Ihre saubere URL lautet:</strong><br>
+			<div class="alert alert-info" id="result-field" style="margin-bottom: 0;">
+				<strong><span id="result-header">Ihre saubere URL lautet:<span></strong>
+				<br>
 				<span id="fill-result"></span><br>
 			</div>
 			<div class="copy">
@@ -92,6 +93,7 @@
 			url = json.url;
 		} else {
 			console.log("Failed to fetch response");
+			fail();
 		}
 
 		console.log("returning url: " + url);
@@ -128,10 +130,25 @@
 
 		return url.href.toString();
 	};
+
 	function printResult(url) {
 		document.getElementById('result').classList.remove('hidden');
 		document.getElementById('fill-result').innerHTML = url;
 	}
+	const resultheader = document.getElementById('result-header').innerHTML;
+
+	function fail() {
+		document.getElementById('result-field').classList.remove('alert-info');
+		document.getElementById('result-field').classList.add('alert-danger');
+		document.getElementById('result-header').innerHTML = "Zu viele Anfragen. URL wurde eventuell nicht aufgelöst. (nochmal probieren)";
+	}
+
+	function reset() {
+		document.getElementById('result-field').classList.add('alert-info');
+		document.getElementById('result-field').classList.remove('alert-danger');
+		document.getElementById('result-header').innerHTML = resultheader;
+	}
+
 	function copy(that){
 		var inp = document.createElement('input');
 		document.body.appendChild(inp)
@@ -154,6 +171,7 @@
 	window.addEventListener("load",function() {
 		document.getElementById('form').addEventListener("submit", async (e) => {
 			e.preventDefault();
+			reset();
 			let url = document.getElementById('url').value
 
 			url = untrack (url);