ustj/web/pages/add-thread.hoon
2024-06-29 02:14:46 +07:00

51 lines
1.4 KiB
Plaintext

/- sur=forum, tp=post
/+ sr=sortug
/= comps /web/components/components
/= pt /web/components/post-text
|_ =bowl:gall
++ $
;main#thread-main
;h1.tc:"New Thread"
;div#thread-composer
;div#composer-proper
;form#form(action "new-thread", method "POST")
;input#thread-title(type "text", name "title", placeholder "title");
;input#thread-url(type "text", name "url", placeholder "url");
;textarea#textarea(name "text");
;button:"Submit"
;script:"{script}"
==
==
==
==
++ script ^~ %- trip
'''
function listeners(){
const form = document.getElementById("form");
const draftID = "new-thread";
const linkDiv = document.getElementById("thread-url");
const area = document.getElementById("textarea");
// autosave
window.addEventListener("load", () => {
const savedContent = localStorage.getItem(draftID);
console.log(savedContent, "saved")
if (savedContent) area.value = savedContent;
})
form.addEventListener("submit", () => {
localStorage.removeItem(draftID);
})
area.addEventListener("input", () => {
console.log("saving", area.value)
localStorage.setItem(draftID, area.value);
})
// toggler
linkDiv.addEventListener("input", () => {
if (linkDiv.value) textarea.disabled = true;
else textarea.disabled = false;
});
}
listeners();
'''
--