You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.5 KiB
34 lines
1.5 KiB
{{define "Form"}} |
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>NoteHub — {{if .ID}}Edit{{else}}Add{{end}} note</title> |
|
<meta charset="UTF-8"> |
|
<meta content="width=device-width, initial-scale=1.0" name="viewport"> |
|
<link href="/style.css" rel="stylesheet" type="text/css" /> |
|
<base target="_blank"> |
|
</head> |
|
<body> |
|
<form action="/note" autocomplete="off" method="POST" target="_self"> |
|
<textarea autofocus name="text">{{.Text}}</textarea> |
|
<fieldset> |
|
<input id="id" name="id" value="{{.ID}}" type="hidden" /> |
|
<input class="ui-elem" id="password" name="password" placeholder="Password for editing" type="text" autocomplete="off"> |
|
<label style="margin-right: 1em"> |
|
<input id="tos" name="tos" type="checkbox" onClick="toggleButton()"> |
|
Accept <a href="/TOS.md">Terms of Service</a> |
|
</label> |
|
<input class="button ui-elem" disabled id="publish-button" name="button" type="submit" value="Publish"> |
|
</fieldset> |
|
</form> |
|
<footer> |
|
<a href="https://github.com/chmllr/NoteHub">source code</a> · |
|
<a href="/TOS.md">terms of service</a> |
|
</footer> |
|
<script> |
|
function $(id) { return document.getElementById(id) } |
|
function toggleButton() { $('publish-button').disabled = !$('tos').checked } |
|
</script> |
|
</body> |
|
</html> |
|
{{end}}
|
|
|