From 32ddcdc269ce811ea81fb1040bd88b7d7eefb5e6 Mon Sep 17 00:00:00 2001
From: Paul <paul@paulbsd.com>
Date: Wed, 5 Jun 2024 11:14:02 +0200
Subject: [PATCH] updated dip

---
 static/js/main.js | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/static/js/main.js b/static/js/main.js
index b322264..6054f56 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1,24 +1,36 @@
+const dip_ip = document.getElementById("dip_ip");
+const dip_hostname = document.getElementById("dip_hostname");
+const dip_city = document.getElementById("dip_city");
+const dip_country = document.getElementById("dip_country");
+const dip_as_number = document.getElementById("dip_as_number");
+const dip_as_org = document.getElementById("dip_as_org");
+
+function setData(res) {
+  dip_ip.innerHTML = res["ip"];
+  dip_hostname.innerHTML = res["hostname"];
+  dip_city.innerHTML = res["city"];
+  dip_country.innerHTML = res["country"];
+  dip_as_number.innerHTML = res["as"]["number"];
+  dip_as_org.innerHTML = res["as"]["org"];
+}
+
 function main() {
   let ip = "";
-  let dip_ip = document.getElementById("dip_ip");
-  let dip_hostname = document.getElementById("dip_hostname");
-  let dip_city = document.getElementById("dip_city");
-  let dip_country = document.getElementById("dip_country");
-  let dip_as_number = document.getElementById("dip_as_number");
-  let dip_as_org = document.getElementById("dip_as_org");
 
   if (window.location.pathname.length > 4) {
     ip = window.location.pathname.split("/")[1];
   }
 
+  const localdata = localStorage.getItem("data");
+  if (localdata) {
+    const data = JSON.parse(localdata);
+    setData(data);
+  }
+
   fetch(`/json/${ip}`).then((response) => {
-    response.json().then((res) => {
-      dip_ip.innerHTML = res["ip"];
-      dip_hostname.innerHTML = res["hostname"];
-      dip_city.innerHTML = res["city"];
-      dip_country.innerHTML = res["country"];
-      dip_as_number.innerHTML = res["as"]["number"];
-      dip_as_org.innerHTML = res["as"]["org"];
+    response.json().then((data) => {
+      setData(data);
+      localStorage.setItem("data",JSON.stringify(data));
     });
   });
 }