44 lines
1.2 KiB
Plaintext
44 lines
1.2 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 autoSave(){
|
||
|
|
const form = document.getElementById("form");
|
||
|
|
const draftID = "new-thread";
|
||
|
|
const area = document.getElementById("textarea");
|
||
|
|
|
||
|
|
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);
|
||
|
|
})
|
||
|
|
}
|
||
|
|
autoSave();
|
||
|
|
'''
|
||
|
|
--
|