feat: add the frontend

3 years ago · 463b14ebc6
1 changed files with 74 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Dnomd343 - IP</title>
+</head>
+<script src="https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js"></script>
+<script>
+  $(document).ready(function(){
+    $.get("/ip",function(data){
+      $("input").val(data);
+    });
+    $("table").hide();
+    $("button").click(function(){
+      $("p").text("Please Wait...");
+      $("table").hide();
+      $.get("/info/"+$("input").val(),function(data){
+        console.log(data);
+        $("p").text("");
+        $("table").show();
+        $("#ip").text(data.ip);
+        $("#as").text(data.as);
+        $("#city").text(data.city);
+        $("#region").text(data.region);
+        $("#country").text(data.country);
+        $("#timezone").text(data.timezone);
+        $("#loc").text(data.loc);
+        $("#isp").text(data.isp);
+      });
+    });
+  });
+</script>
+<body>
+
+  <h2>IP info</h2>
+  <input type="text">
+  <button>Submit</button>
+  <p></p>
+  <table border="1">
+    <tr>
+      <td>IP</th>
+      <td id="ip"></th>
+    </tr>
+    <tr>
+      <td>AS</th>
+      <td id="as"></th>
+    </tr>
+    <tr>
+      <td>City</th>
+      <td id="city"></th>
+    </tr>
+    <tr>
+      <td>Region</th>
+      <td id="region"></th>
+    </tr>
+    <tr>
+      <td>Country</th>
+      <td id="country"></th>
+    </tr>
+    <tr>
+      <td>Timezone</th>
+      <td id="timezone"></th>
+    </tr>
+    <tr>
+      <td>Location</th>
+      <td id="loc"></th>
+    </tr>
+    <tr>
+      <td>ISP</td>
+      <td id="isp"></td>
+    </tr>
+  </table>
+</body>
+</html>