note editing implemented

2017-09-18 22:13:12 +02:00
parent 116c6cce81
commit 59aeab60c1
4 changed files with 82 additions and 24 deletions
@@ -0,0 +1,34 @@
+{{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="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}}