zhao/hugo-theme-moments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refractor code

Browse source
This commit is contained in:
FarseaSH 2023-04-04 22:24:43 +08:00
parent d64d41e7e6
commit e55815f3d2
1 changed files with 44 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
layouts/partials/after-content-js.html
View file

@ -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 }}