crappyrules/notehub
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

recaptcha implemented

Browse Source
This commit is contained in:
Christian Müller
2017-09-21 22:09:36 +02:00
parent d41e0f0384
commit 9c6ce5297e
5 changed files with 55 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/public/style.css
+4
View File
@@ -264,3 +264,7 @@ form {
flex: 1 0;
flex-direction: column;
}
#captcha {
display: none;
}
assets/templates/form.html
+12 -7
View File
@@ -3,22 +3,24 @@
<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">
<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">
<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" id="password" name="password" placeholder="Password for editing" type="text" autocomplete="off">
<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()">
<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">
<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>
@@ -28,7 +30,10 @@
</footer>
<script>
function $(id) { return document.getElementById(id) }
function toggleButton() { $('publish-button').disabled = !$('tos').checked }
function toggleButton() {
$('publish-button').disabled = !$('tos').checked;
$('captcha').style.display = $('tos').checked ? 'block' : 'none';
}
</script>
</body>
</html>