Arav
/
Dwelling
1
0
Fork 0
Code Issues Packages Releases Activity

Compare commits

base: Arav:b40dfe2d0ddd7525604fdf78c280bffd33043e5c
Branches Tags
Arav:master
Arav:old
...
compare: Arav:d35d7e08037e2a49b81a2a851224bc67779278b7
Branches Tags
Arav:master
Arav:old

2 Commits
b40dfe2d0d ... d35d7e0803

Author SHA1 Message Date
Alexander Andreev d35d7e0803
Reduced size for CAPTCHA js code. 2022-10-24 23:09:07 +04:00
Alexander Andreev 0f9c658d10
Reduced a size of a code for a mindflow. Removed check for empty name property because there's no plans to add more buttons. Click handler function defined outside to eliminate definition of many same functions. Used for ... of instead of traditional for for code reduce and it doesn't drastically affect performance actually. Especially at such low array sizes. Used force arg of a toggle method to reduce code. 2022-10-24 23:06:24 +04:00
2 changed files with 18 additions and 26 deletions
Show Stats Expand all files Collapse all files

27
homepage/static/assets/js/captcha_refresh.js
View File

@ -1,27 +1,20 @@
const g_captcha_timeout_seconds = 600;
const captcha_hidden_field = document.forms[0].children[4].children[0];
const e_captcha = document.getElementsByClassName("captcha")[0];
let g_captcha_timeout_remain = g_captcha_timeout_seconds;
let g_current_captcha_id = captcha_hidden_field.value;
function getColorScheme() {
return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
}
let g_current_captcha_id = e_captcha.children[0].value;
async function getNewCaptcha() {
const id = await fetch("/api/captcha/", { method: "POST"}).then(r => r.text());
g_current_captcha_id = id;
captcha_hidden_field.value = id;
setTimeout(() => { captcha_img.src = `/api/captcha/${id}/image?style=${getColorScheme()}` }, 600);
g_current_captcha_id = e_captcha.children[0].value = id;
const style = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
setTimeout(() => { e_captcha.children[1].src = `/api/captcha/${id}/image?style=${style}` }, 600);
g_captcha_timeout_remain = g_captcha_timeout_seconds;
}
const captcha_span = document.getElementsByClassName("captcha")[0];
const captcha_img = captcha_span.children[1];
captcha_span.classList.toggle("refresh");
captcha_span.children[3].innerHTML =
e_captcha.classList.toggle("refresh");
e_captcha.children[3].innerHTML =
`<button id="refresh">Refresh</button>ed in <b><span id="remain">600</span></b> seconds.`;
const captcha_refresh = document.getElementById("refresh");
@ -30,11 +23,11 @@ const captcha_remain = document.getElementById("remain");
captcha_refresh.classList.toggle("refresh");
captcha_refresh.addEventListener("click", async e => {
e.preventDefault();
captcha_refresh.disabled = true;
e.target.disabled = true;
setTimeout(async () => {
captcha_refresh.disabled = false;
e.target.disabled = false;
await fetch(`/api/captcha/${g_current_captcha_id}?remove`); }, 3000);
document.getElementsByName("captcha_answer")[0].value = "";
e_captcha.children[2].value = "";
await getNewCaptcha();
});

17
homepage/static/assets/js/mindflow.js
View File

@ -1,13 +1,12 @@
const buttons = document.getElementsByTagName("button");
const articles = document.getElementsByTagName("article");
document.getElementById("filter").classList.remove("hidden");
for (let i = 0; i < buttons.length; ++i)
if (buttons[i].name !== "")
buttons[i].addEventListener("click", e => {
for (let j = 0; j < articles.length; ++j)
if (articles[j].id.startsWith(e.target.name) || e.target.name === "all")
articles[j].classList.remove("hidden");
else
articles[j].classList.add("hidden"); });
function filter(e) {
for (const a of articles)
a.classList.toggle("hidden",
!(e.target.name === "all" || a.id.startsWith(e.target.name)));
}
for (const b of document.getElementsByTagName("button"))
b.addEventListener("click", filter);