andyburke/autonomous.contact
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature: reactions

Browse source
This commit is contained in:
Andy Burke 2025-10-14 22:20:54 -07:00
parent 6500d9a9be
commit b8467ec870
16 changed files with 2603 additions and 383 deletions
Download patch file Download diff file Expand all files Collapse all files

45
public/js/textareaenhancements.js
View file

@ -1,27 +1,36 @@
let enhance_textareas_debounce_timeout;
function enhance_textareas() {
const textareas = document.body.querySelectorAll("textarea:not([data-enhanced])");
for (const textarea of textareas) {
const max_length_attr = textarea.getAttribute("maxlength");
if (/^\d+$/.test(max_length_attr)) {
const max_length = parseInt(max_length_attr, 10);
if (enhance_textareas_debounce_timeout) {
clearTimeout(enhance_textareas_debounce_timeout);
}
function on_updated() {
const counters = this.parentElement.querySelectorAll(
`[data-limit-counter-for="${this.name}"]`,
);
for (const counter of counters) {
counter.innerHTML = `${this.value.length} / ${max_length}`;
enhance_textareas_debounce_timeout = setTimeout(() => {
enhance_textareas_debounce_timeout = undefined;
const textareas = document.body.querySelectorAll("textarea:not([data-enhanced])");
for (const textarea of textareas) {
const max_length_attr = textarea.getAttribute("maxlength");
if (/^\d+$/.test(max_length_attr)) {
const max_length = parseInt(max_length_attr, 10);
function on_updated() {
const counters = this.parentElement.querySelectorAll(
`[data-limit-counter-for="${this.name}"]`,
);
for (const counter of counters) {
counter.innerHTML = `${this.value.length} / ${max_length}`;
}
}
textarea.addEventListener("keyup", on_updated);
textarea.addEventListener("paste", on_updated);
textarea.addEventListener("blur", on_updated);
on_updated.call(textarea);
}
textarea.addEventListener("keyup", on_updated);
textarea.addEventListener("paste", on_updated);
textarea.addEventListener("blur", on_updated);
on_updated.call(textarea);
textarea.dataset.enhanced = true;
}
textarea.dataset.enhanced = true;
}
}, 10);
}
const textarea_enhancement_observer = new MutationObserver(enhance_textareas);