mc8051/hugo-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: recaptcha v3

Browse Source
This commit is contained in:
Niklas 2024-10-22 16:19:29 +02:00
parent 7ae1aa857e
commit af0b99e45e
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
layouts/shortcodes/form.html
View File

@ -9,7 +9,10 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
<form action="{{ $action }}" method="{{ $method }}" class="space-y-4 dark:bg-gray-800 dark:text-gray-100 p-4"> {{ $seed := now.Unix }}
{{ $random := delimit (shuffle (split (md5 $seed) "" )) "" }}
<form action="{{ $action }}" method="{{ $method }}" id="form-{{ $random }}" class="space-y-4 dark:bg-gray-800 dark:text-gray-100 p-4">
{{ $fieldCount := 0 }} {{ $fieldCount := 0 }}
{{ range $key, $value := .Params }} {{ range $key, $value := .Params }}
{{ if hasPrefix $key "field" }} {{ if hasPrefix $key "field" }}
@ -58,14 +61,24 @@
{{ end }} {{ end }}
<input type="text" name="honey_pot" style="display: none" class="hidden"> <input type="text" name="honey_pot" style="display: none" class="hidden">
{{ with .Get "recaptcha_site_key" }}
<div class="g-recaptcha" data-sitekey="{{ . }}"></div>
{{ end }}
<div> <div>
<button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:bg-indigo-500 dark:hover:bg-indigo-600 dark:focus:ring-offset-gray-800"> <button
{{ if (.Get "recaptcha_site_key") }}
{{ with .Get "recaptcha_site_key" }}data-sitekey="{{ . }}"{{ end }}
data-callback="submitForm{{ $random }}"
data-action="submit"
{{ else }}
type="submit"
{{ end }}
class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:bg-indigo-500 dark:hover:bg-indigo-600 dark:focus:ring-offset-gray-800" >
{{ .Get "submit_text" | default "Send" }} {{ .Get "submit_text" | default "Send" }}
</button> </button>
</div> </div>
</form> </form>
<script type="text/javascript">
function submitForm{{ $random }} (token) {
document.getElementById("form-{{ $random }}").submit();
}
</script>