48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
{{define "title"}}{{.note.Title}}{{end}}
|
|
{{define "main"}}
|
|
<div>
|
|
{{.note.BodyRendered}}
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<a class="btn btn-primary" href="{{.urlEdit}}">Edit</a>
|
|
<a class="btn btn-danger" href="{{.urlDelete}}">Delete</a>
|
|
</div>
|
|
<div class="mt-2">
|
|
<h3>Ownership</h3>
|
|
{{if .note.Viewers}}
|
|
<p>This note is owned by <em>{{.note.Owner}}</em> and is further visible to</p>
|
|
<ul>
|
|
{{range .viewers}}
|
|
<li>{{.}}</li>
|
|
{{end}}
|
|
</ul>
|
|
{{else}}
|
|
<p>This note is owned by <em>{{.note.Owner}}</em>.</p>
|
|
{{end}}
|
|
|
|
<form action="{{.urlShare}}" method="POST">
|
|
<div class="mb-3">
|
|
<input type="text" class="form-control" id="viewerInput" name="viewer" aria-described-by="viewerHelp" />
|
|
<div id="viewerHelp" class="form-text">Share with other user</div>
|
|
</div>
|
|
<button class="btn btn-primary" type="submit">Share</button>
|
|
</div>
|
|
|
|
<script>
|
|
let checkBoxes = document.querySelectorAll('input[type=checkbox]')
|
|
for (const i in checkBoxes) {
|
|
let box = checkBoxes[i]
|
|
box.disabled = false
|
|
|
|
box.onchange = function(event) {
|
|
let form = new FormData()
|
|
form.append("box", i)
|
|
|
|
fetch("togglebox/", {method: "POST", body: form}).then((response) => {
|
|
location.reload();
|
|
})
|
|
}
|
|
}
|
|
|
|
</script>
|
|
{{end}}
|