From 5aa817175ef049bd0ec6e6748a83814e0801c45e Mon Sep 17 00:00:00 2001
From: JohnathanLin <289348588@qq.com>
Date: Sun, 29 Oct 2023 11:13:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A5=BD=E5=8F=8B=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=EF=BC=8C=E4=B8=8D=E8=A6=81=E6=AF=8F=E6=AC=A1=E9=83=BD?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/shortcodes/friendList.html | 93 ++++++++++++++++++++++++------
 1 file changed, 75 insertions(+), 18 deletions(-)

diff --git a/layouts/shortcodes/friendList.html b/layouts/shortcodes/friendList.html
index 9d273f4..e3754df 100644
--- a/layouts/shortcodes/friendList.html
+++ b/layouts/shortcodes/friendList.html
@@ -1,27 +1,84 @@
 <script>
     
 $( document ).ready(function() {
-  $.get("https://getgithubfriend.azurewebsites.net/api/getGithubFriend", { name: '{{ .Get "githubLoginList" }}' }, function(data) {
-    var dataObj = JSON.parse(data)
-    Object.keys(dataObj['data']).forEach(element => {
-      console.log(element, dataObj['data'][element])
-      $("div.post-content").append(' \
-        <div class="friend-link"> \
-          <a href="' + dataObj['data'][element]['websiteUrl'] +'" target="_blank"> \
-            <div class="friend-link-avatar"> \
-              <img src="' + dataObj['data'][element]['avatarUrl'] + '"/> \
-            </div> \
-            <div> \
-              <div class="friend-link-name">' + dataObj['data'][element]['name'] + '</div> \
-              <div class="friend-link-bio">' + dataObj['data'][element]['bioHTML'] + '</div> \
-            </div>\
-          </a>\
-        </div>'
-      )
+  var cacheFriendsData = getItem("windypath-friend");
+  if (cacheFriendsData !== null) {
+    console.log("from cache")
+    showFriends(cacheFriendsData)
+  } else {
+    console.log("not cache")
+    $.get("https://getgithubfriend.azurewebsites.net/api/getGithubFriend", { name: '{{ .Get "githubLoginList" }}' }, function(data) {
+      showFriends(data)
+      setItem("windypath-friend", data)
     });
-  });
+  }
 });
 
+
+// add an entry
+// default expiry is 30 days in milliseconds
+function setItem(key, value, maxAge = 30 * 60 * 60 * 1000) {
+    // store the value as the object
+    // along with the expiry date
+    let result  = {
+      data : value
+    }
+    
+    
+    if(maxAge){
+      // set the expiry 
+      // from the current date
+      result.expireTime = Date.now() + maxAge;
+    }
+    
+    // stringify the result
+    // and the data in original storage
+    window.localStorage.setItem(key, JSON.stringify(result));
+}
+
+function getItem(key) {
+  // get the parsed value of the given key
+  let result = JSON.parse(window.localStorage.getItem(key));
+  
+  // if the key has value
+  if(result){ 
+      
+      // if the entry is expired
+      // remove the entry and return null
+      if(result.expireTime <= Date.now()){
+          window.localStorage.removeItem(key);
+          return null;
+      }  
+      
+      // else return the value
+      return result.data;
+  }
+  
+  // if the key does not have value
+  return null;
+}
+
+function showFriends(data) {
+  var dataObj = JSON.parse(data)
+  Object.keys(dataObj['data']).forEach(element => {
+    // console.log(element, dataObj['data'][element])
+    $("div.post-content").append(' \
+      <div class="friend-link"> \
+        <a href="' + dataObj['data'][element]['websiteUrl'] +'" target="_blank"> \
+          <div class="friend-link-avatar"> \
+            <img src="' + dataObj['data'][element]['avatarUrl'] + '"/> \
+          </div> \
+          <div> \
+            <div class="friend-link-name">' + dataObj['data'][element]['name'] + '</div> \
+            <div class="friend-link-bio">' + dataObj['data'][element]['bioHTML'] + '</div> \
+          </div>\
+        </a>\
+      </div>'
+    )
+  });
+}
+
+
 </script>