49 lines
1.4 KiB
HTML
49 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" class="h-full bg-white">
|
||
|
|
{% include "head.html" %}
|
||
|
|
<body class="h-full">
|
||
|
|
|
||
|
|
<div class="h-full">
|
||
|
|
{% set current_page = "documents" %}
|
||
|
|
{% include "components/sidebar.html" %}
|
||
|
|
|
||
|
|
<main class="pl-72 bg-gray-50 h-full">
|
||
|
|
<form action="/documents/edit/{{ document.id }}" method="POST">
|
||
|
|
<div class="navbar bg-accent text-accent-content">
|
||
|
|
<div class="navbar-start gap-2">
|
||
|
|
<a class="btn" href="/documents">
|
||
|
|
{{ "arrow-left"|heroicon("w-6 h-6")|safe }} Back
|
||
|
|
</a>
|
||
|
|
<button class="btn" onClick="saveDocument()">Save</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="px-8 py-8 flex flex-col gap-y-4">
|
||
|
|
<label class="input input-bordered flex items-center gap-2">
|
||
|
|
Title
|
||
|
|
<input type="text" id="title" name="title" class="grow" value="{{ document.title }}" />
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<div id="editor-{{document.id}}" class="prose bg-white"></div>
|
||
|
|
|
||
|
|
<textarea id="content-{{ document.id }}" name="content" class="hidden">
|
||
|
|
</textarea>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
|
||
|
|
<script type="text/javascript" src="/static/main.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
console.log("hi");
|
||
|
|
window.createEditor("#editor-{{document.id}}", "content-{{document.id}}", {{document.content | tojson }});
|
||
|
|
console.log({{document.content | tojson}});
|
||
|
|
console.log("hi2");
|
||
|
|
function saveDocument() {
|
||
|
|
console.log("saving");
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|