notehub/assets/templates/form.html

{{define "Form"}}
<!DOCTYPE html>
<html>
    <head>
        <title>NoteHub &mdash; {{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="/">&#8962; notehub</a> &middot;
            <a href="https://github.com/chmllr/NoteHub">source code</a> &middot;
            <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}}
note editing implemented 8 years ago			`{{define "Form"}}`
new.html form added 8 years ago			`<!DOCTYPE html>`
			`<html>`
			`<head>`
note editing implemented 8 years ago			`<title>NoteHub — {{if .ID}}Edit{{else}}Add{{end}} note</title>`
new.html form added 8 years ago			`<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">`
note editing implemented 8 years ago			`<textarea autofocus name="text">{{.Text}}</textarea>`
new.html form added 8 years ago			`<fieldset>`
note editing implemented 8 years ago			`<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">`
new.html form added 8 years ago			`<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>`
fraud detection added 8 years ago			`<a href="/">⌂ notehub</a> ·`
new.html form added 8 years ago			`<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>`
note editing implemented 8 years ago			`{{end}}`