From 463b14ebc6b5e6076e06fb13a48edce8372bb367 Mon Sep 17 00:00:00 2001
From: Dnomd343 <dnomd343@163.com>
Date: Mon, 8 Mar 2021 17:30:59 +0800
Subject: [PATCH] feat: add the frontend

---
 index.html | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..201dc03
--- /dev/null
+++ 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>

IP +	+
AS +	+
City +	+
Region +	+
Country +	+
Timezone +	+
Location +	+
ISP