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.
40 lines
1.8 KiB
40 lines
1.8 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" /> |
|
<script src='https://www.google.com/recaptcha/api.js'></script> |
|
</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" 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> |
|
<div id="captcha" class="g-recaptcha" data-sitekey="6LemnDEUAAAAAC6A4VNRefz0BSLiC343W4sXQd6I"></div> |
|
<input class="button ui-elem" disabled id="publish-button" name="button" type="submit" value="Publish" /> |
|
</fieldset> |
|
</form> |
|
<footer> |
|
<a href="/">⌂ notehub</a> · |
|
<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; |
|
$('captcha').style.display = $('tos').checked ? 'block' : 'none'; |
|
} |
|
</script> |
|
</body> |
|
</html> |
|
{{end}}
|
|
|