Created the debuger

MarvinJWendt · MarvinJWendt · commit 1a5d6bde447b · 2017-09-01T05:13:06.000+02:00
diff --git a/debug.html b/debug.html
@@ -1 +1,95 @@
+<html>
 
+<head>
+  <title>API Debugger</title>
+  <style>
+
+    .center {
+      text-align: center;
+      margin-left: auto;
+      margin-right: auto;
+      margin-top: 100px;
+    }
+
+    textarea {
+      width: 600px;
+      height: 450px;
+      font-size: 18px;
+    }
+
+    input {
+      height: 30px;
+      width: 1200px;
+      font-size: 15px;
+    }
+
+    button {
+      font-size: 20px;
+      margin-top: 10px;
+    }
+
+  </style>
+</head>
+
+<body>
+  <div class="center">
+
+    <h1>API-Debugger</h1>
+
+    <div>
+      <input id="url" placeholder="/api" />
+      <br><br>
+    </div>
+
+    <div>
+      <textarea id="body" placeholder="Body"></textarea>
+      <textarea id="response" placeholder="Response"></textarea>
+    </div>
+
+    <div>
+      <button onclick="submit('GET')">GET</button>
+      <button onclick="submit('POST')">POST</button>
+      <button onclick="submit('PUT')">PUT</button>
+      <button onclick="submit('DELETE')">DELETE</button>
+    </div>
+
+    <div>
+      <button onclick="toJSON()">Beauty-JSON</button>
+    </div>
+
+  </div>
+</body>
+
+</html>
+
+<script>
+
+function submit(method)
+{
+
+  var http = new XMLHttpRequest();
+  http.open(method, document.getElementById('url').value, true);
+
+  http.onreadystatechange = function() {
+      if(http.readyState == 4)
+      {
+        if(http.status == 200 | http.status == 201 | http.status == 202)
+        {
+          document.getElementById('response').value = http.responseText;
+        }
+        else
+        {
+          document.getElementById('response').value = "Error: " + http.status
+        }
+      }
+  }
+
+        http.send(document.getElementById('body').value);
+}
+
+function toJSON()
+{
+  document.getElementById('response').value = JSON.stringify(JSON.parse(document.getElementById('response').value), null, '\t');
+}
+
+</script>
