66 lines
1.4 KiB
HTML
66 lines
1.4 KiB
HTML
<header>
|
|
<h1>{{title}}</h1>
|
|
</header>
|
|
|
|
<article>
|
|
<div class="rendered">
|
|
{{{rendered}}}
|
|
</div>
|
|
<div class="editor">
|
|
<form action="" method="POST">
|
|
<input type=hidden name=revision value="{{revision}}">
|
|
<textarea name=body>{{raw}}</textarea>
|
|
<button type=submit>Save</button>
|
|
</form>
|
|
</div>
|
|
</article>
|
|
|
|
<footer>
|
|
<p><a id="openEditor" href="?editor=true">Edit</a></p>
|
|
<dl>
|
|
<dt>Article ID</dt>
|
|
<dd>{{article_id}}</dd>
|
|
|
|
<dt>Revision</dt>
|
|
<dd>{{revision}}</dd>
|
|
|
|
<dt>Last updated</dt>
|
|
<dd>{{created}}</dd>
|
|
</dl>
|
|
</footer>
|
|
|
|
<script>
|
|
function openEditor() {
|
|
const rendered = document.querySelector(".rendered");
|
|
const editor = document.querySelector(".editor");
|
|
|
|
rendered.style.display = "none";
|
|
editor.style.display = "block";
|
|
|
|
const textarea = editor.querySelector("textarea");
|
|
textarea.style.height = (textarea.scrollHeight + 60) + "px";
|
|
|
|
const form = editor.querySelector("form");
|
|
form.addEventListener("submit", async function (ev) {
|
|
ev.preventDefault();
|
|
ev.stopPropagation();
|
|
|
|
const response = await fetch(
|
|
form.getAttribute("action"),
|
|
{
|
|
method: 'PUT',
|
|
body: new FormData(form),
|
|
}
|
|
);
|
|
});
|
|
}
|
|
|
|
document
|
|
.getElementById("openEditor")
|
|
.addEventListener("click", function (ev) {
|
|
ev.preventDefault();
|
|
ev.stopPropagation();
|
|
|
|
openEditor();
|
|
})
|
|
</script>
|