From 28bc737075793c2ff072048e59b8e944e2a0eea3 Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@suma-ev.de>
Date: Wed, 3 Aug 2022 13:31:22 +0200
Subject: [PATCH] add button to generate a new captcha

---
 metager/lang/de/captcha.php                   |  1 +
 metager/lang/en/captcha.php                   |  1 +
 metager/lang/es/captcha.php                   |  1 +
 .../less/metager/pages/verify/index.less      | 21 ++++++++++++++++++-
 .../views/humanverification/captcha.blade.php |  5 ++++-
 5 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/metager/lang/de/captcha.php b/metager/lang/de/captcha.php
index 66358f130..1a2f156b9 100644
--- a/metager/lang/de/captcha.php
+++ b/metager/lang/de/captcha.php
@@ -4,4 +4,5 @@ return [
     '2' => 'Bitte geben Sie die 5 Zeichen aus dem Bild oder dem Audioplayer in die Eingabebox ein und bestätigen Sie mit "OK" um zur Ergebnisseite zu gelangen.',
     '3' => 'Captcha eingeben',
     '4' => 'Auf diesem Gerät nicht erneut fragen (optional; setzt einen Cookie)',
+    '5' => 'Neues Captcha generieren'
 ];
diff --git a/metager/lang/en/captcha.php b/metager/lang/en/captcha.php
index 7382cd370..c93176bc0 100644
--- a/metager/lang/en/captcha.php
+++ b/metager/lang/en/captcha.php
@@ -4,4 +4,5 @@ return [
     '2' => 'Please enter the five characters from the picture or the audioplayer into the input field and confirm with "OK" to get to the result page.',
     '3' => 'Enter captcha',
     '4' => 'Do not ask again on this device (optional; sets a cookie)',
+    '5' => 'Generate a new captcha'
 ];
diff --git a/metager/lang/es/captcha.php b/metager/lang/es/captcha.php
index a8414157b..79e9c0be0 100644
--- a/metager/lang/es/captcha.php
+++ b/metager/lang/es/captcha.php
@@ -4,4 +4,5 @@ return [
     '2' => 'Introduzca los cinco caracteres de la imagen o del reproductor de audio en el campo de entrada y confirme con "OK" para llegar a la página de resultados.',
     '3' => 'Entrar en captcha',
     '4' => 'No volver a preguntar en este dispositivo (opcional, establece una cookie)',
+    '5' => 'Generar un nuevo Captcha'
 ];
diff --git a/metager/resources/less/metager/pages/verify/index.less b/metager/resources/less/metager/pages/verify/index.less
index e402d36c6..5a037d25c 100644
--- a/metager/resources/less/metager/pages/verify/index.less
+++ b/metager/resources/less/metager/pages/verify/index.less
@@ -2,7 +2,7 @@
     display: flex;
     justify-content: center;
     flex-direction: column;
-    margin-bottom: 2rem;
+    margin-bottom: .5rem;
 
     >img {
         max-width: 100%;
@@ -24,4 +24,23 @@
     &>input[type=checkbox] {
         cursor: pointer;
     }
+}
+
+#submit-group {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin-top: 1rem;
+    max-width: 100%;
+    flex-wrap: wrap;
+
+    >button {
+        min-width: 8rem;
+        flex-grow: 1;
+    }
+
+    >a {
+        display: block;
+        white-space: nowrap;
+    }
 }
\ No newline at end of file
diff --git a/metager/resources/views/humanverification/captcha.blade.php b/metager/resources/views/humanverification/captcha.blade.php
index d01a17d1f..c2f5880e6 100644
--- a/metager/resources/views/humanverification/captcha.blade.php
+++ b/metager/resources/views/humanverification/captcha.blade.php
@@ -26,6 +26,9 @@
         <input type="checkbox" name="dnaa" id="dnaa" @if(Request::has("dnaa"))checked @endif>
         <label for="dnaa">@lang('captcha.4')</label>
     </div>
-    <p><button type="submit" class="btn btn-success" name="check">OK</button></p>
+    <div id="submit-group">
+        <button type="submit" class="btn btn-success" name="check">OK</button>
+        <a href="{{ url()->full() }}">@lang('captcha.5')</a>
+    </div>
 </form>
 @endsection
\ No newline at end of file
-- 
GitLab