From e55815f3d243890919d1cff64e23d5d22f81d09f Mon Sep 17 00:00:00 2001
From: FarseaSH <yy_shao@outlook.com>
Date: Tue, 4 Apr 2023 22:24:43 +0800
Subject: [PATCH] refractor code

---
 layouts/partials/after-content-js.html | 88 +++++++++++++-------------
 1 file changed, 44 insertions(+), 44 deletions(-)

diff --git a/layouts/partials/after-content-js.html b/layouts/partials/after-content-js.html
index b15454c..0cadb7e 100644
--- a/layouts/partials/after-content-js.html
+++ b/layouts/partials/after-content-js.html
@@ -53,59 +53,59 @@
 
 {{ if .Site.Params.infiniteScroll }}
 <script>
-var throttle_pause = false;
-var fetching = false;
-var page_number = {{ $.Paginator.PageNumber }};
-const total_pages = {{ $.Paginator.TotalPages }};
+    var throttle_pause = false;
+    var fetching = false;
+    var page_number = {{ $.Paginator.PageNumber }};
+    const total_pages = {{ $.Paginator.TotalPages }};
 
-const throttle = (func, timeout) => {
-    if (throttle_pause || fetching) return;
-    throttle_pause = true;
-    setTimeout(() => {
-        func();
-        throttle_pause = false;
-    }, timeout);
-};
+    const throttle = (func, timeout) => {
+        if (throttle_pause || fetching) return;
+        throttle_pause = true;
+        setTimeout(() => {
+            func();
+            throttle_pause = false;
+        }, timeout);
+    };
 
-const loading_wrapper = document.querySelector(".loading-wrapper");
+    const loading_wrapper = document.querySelector(".loading-wrapper");
 
-document.addEventListener("scroll", () => {
-    throttle(() => {
-        const last_moment = document.querySelector(".page > .container .moment-row:last-child");
-        const page_end = window.innerHeight + window.pageYOffset + 100 + last_moment.offsetHeight >= document.body.offsetHeight;
-        if (page_end && page_number < total_pages) {
-            fetching = true;
-            loading_wrapper.style.display = "flex";
-            fetch(`/${++page_number}`).then((response) => {
-                return response.text();
-            }).then((html_string) => {
-                const parser = new DOMParser();
-                const next_page = parser.parseFromString(html_string, "text/html");
-                {{ if .Site.Params.heti }}
-                const heti = new Heti(next_page);
-                heti.autoSpacing();
-                {{ end }}
-                const rows = next_page.querySelectorAll(".moment-row");
-                const container = document.querySelector(".page > .container");
-                rows.forEach((r) => {
-                    container.appendChild(r);
+    document.addEventListener("scroll", () => {
+        throttle(() => {
+            const last_moment = document.querySelector(".page > .container .moment-row:last-child");
+            const page_end = window.innerHeight + window.pageYOffset + 100 + last_moment.offsetHeight >= document.body.offsetHeight;
+            if (page_end && page_number < total_pages) {
+                fetching = true;
+                loading_wrapper.style.display = "flex";
+                fetch(`/${++page_number}`).then((response) => {
+                    return response.text();
+                }).then((html_string) => {
+                    const parser = new DOMParser();
+                    const next_page = parser.parseFromString(html_string, "text/html");
+                    {{ if .Site.Params.heti }}
+                    const heti = new Heti(next_page);
+                    heti.autoSpacing();
+                    {{ end }}
+                    const rows = next_page.querySelectorAll(".moment-row");
+                    const container = document.querySelector(".page > .container");
+                    rows.forEach((r) => {
+                        container.appendChild(r);
+                    });
+                }).catch((err) => {
+                    console.log(err);
+                }).then(() => {
+                    fetching = false;
+                loading_wrapper.style.display = "none";
                 });
-            }).catch((err) => {
-                console.log(err);
-            }).then(() => {
-                fetching = false;
-            loading_wrapper.style.display = "none";
-            });
-        }
-    }, 250);
-})
+            }
+        }, 250);
+    })
 </script>
 {{ end }}
 
 
 {{ if .Site.Params.heti }}
 <script>
-const heti = new Heti(document);
-heti.autoSpacing();
+    const heti = new Heti(document);
+    heti.autoSpacing();
 </script>
 {{ end }}