diff options
Diffstat (limited to 'packages/challenger-ui/src/enter-address-form.html')
-rw-r--r-- | packages/challenger-ui/src/enter-address-form.html | 56 |
1 files changed, 32 insertions, 24 deletions
diff --git a/packages/challenger-ui/src/enter-address-form.html b/packages/challenger-ui/src/enter-address-form.html index d33933300..67ff99745 100644 --- a/packages/challenger-ui/src/enter-address-form.html +++ b/packages/challenger-ui/src/enter-address-form.html @@ -28,7 +28,7 @@ <link rel="icon" href="data:;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAABILAAASCwAAAAAAAAAAAAD///////////////////////////////////////////////////////////////////////////////////////////////////7//v38//78/P/+/fz//vz7///+/v/+/f3//vz7///+/v/+/fz//v38///////////////////////+/v3///7+/////////////////////////////////////////////////////////v3//v79///////+/v3///////r28v/ct5//06SG/9Gffv/Xqo7/7N/V/9e2nf/bsJb/6uDW/9Sskf/euKH/+/j2///////+/v3//////+3azv+/eE3/2rWd/9Kkhv/Vr5T/48i2/8J+VP/Qn3//3ryn/795Tf/WrpP/2LCW/8B6T//w4Nb///////Pn4P+/d0v/9u3n/+7d0v/EhV7//v///+HDr//fxLD/zph2/+TJt//8/Pv/woBX//Lm3f/y5dz/v3hN//bu6f/JjGn/4sW0///////Df1j/8OLZ//v6+P+/elH/+vj1//jy7f+/elL//////+zYzP/Eg13//////967p//MlHT/wn5X///////v4Nb/yY1s///////jw7H/06KG////////////z5t9/+fNvf//////x4pn//Pp4v/8+vn/w39X/8WEX///////5s/A/9CbfP//////27Oc/9y2n////////////9itlf/gu6f//////86Vdf/r2Mz//////8SCXP/Df1j//////+7d0v/KkG7//////+HBrf/VpYr////////////RnoH/5sq6///////Ii2n/8ubf//39/P/Cf1j/xohk/+bNvv//////wn5W//Tq4//58/D/wHxV//7+/f/59fH/v3xU//39/P/w4Nf/xIFb///////hw7H/yo9t/+/f1f/AeU3/+/n2/+nSxP/FhmD//////9qzm//Upon/4MSx/96+qf//////xINc/+3bz//48e3/v3hN//Pn3///////6M+//752S//gw6//06aK/8J+VP/kzLr/zZd1/8OCWv/q18r/17KZ/9Ooi//fv6r/v3dK/+vWyP///////v39///////27un/1aeK/9Opjv/m1cf/1KCC/9a0nP/n08T/0Jx8/82YdP/QnHz/16yR//jx7P///////v39///////+/f3///7+///////+//7//v7+///////+/v7//v/+/////////////////////////v7//v79///////////////////+/v/+/Pv//v39///+/v/+/Pv///7+//7+/f/+/Pv//v39//79/P/+/Pv///7+////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==" /> <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon" /> - <link rel="stylesheet" href="../main.css" /> + <link rel="stylesheet" href="main.css" /> <script type="module" src="main.js"></script> <title>Enter contact details</title> </head> @@ -56,38 +56,48 @@ Enter contact details </h2> <p class="mt-2 text-lg leading-8 text-gray-600"> - You will receive an email with a code which need to be entered in the next page. + You will receive a mail with a code which need to be entered in the next page. </p> </div> <form action="/challenge/{{nonce}}" method="POST" class="mx-auto mt-16 max-w-xl sm:mt-20"> <div class="grid grid-cols-1 gap-x-8 gap-y-6"> <div class="sm:col-span-2"> - <label for="email" class="block text-sm font-semibold leading-6 text-gray-900">Email</label> + <label for="address" class="block text-sm font-semibold leading-6 text-gray-900"> + Street address + </label> <div class="mt-2.5"> - <input type="email" name="email" id="email" maxlength="512" autocomplete="email" value="{{last_address}}" - {{#fixed_address}}readonly{{/fixed_address}} - class="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> + <textarea name="address" id="address" rows="3" autocomplete="shipping street-address" + class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"></textarea> + </div> </div> - <script> - function check() { - var email = document.getElementById('email'); - var emailRepeat = document.getElementById('repeat-email'); + <div class="sm:col-span-2"> + <label for="city" class="block text-sm font-semibold leading-6 text-gray-900"> + City + </label> + <div class="mt-2.5"> + <input type="text" name="city" id="city" maxlength="512" autocomplete="address-level2" + class="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> + </div> + </div> - if (email.value != emailRepeat.value) { - emailRepeat.setCustomValidity('The two email addresses must match.'); - } else { - // input is valid -- reset the error message - emailRepeat.setCustomValidity(''); - } - } - </script> + <div class="sm:col-span-2"> + <label for="postal-code" class="block text-sm font-semibold leading-6 text-gray-900"> + Postal code + </label> + <div class="mt-2.5"> + <input type="text" name="postal-code" id="postal-code" maxlength="512" autocomplete="postal-code" + class="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> + </div> + </div> <div class="sm:col-span-2"> - <label for="repeat-email" class="block text-sm font-semibold leading-6 text-gray-900">Repeat email</label> + <label for="country" class="block text-sm font-semibold leading-6 text-gray-900"> + Country + </label> <div class="mt-2.5"> - <input oninput="check(this)" type="email" name="email" id="repeat-email" autocomplete="email" + <input type="text" name="country" id="country" maxlength="512" autocomplete="country" class="block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> </div> </div> @@ -100,7 +110,7 @@ <div class="mt-10"> <button type="submit" class="block w-full rounded-md bg-indigo-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"> - Send email + Send mail </button> </div> </form> @@ -115,9 +125,7 @@ class="font-semibold text-gray-500 hover:text-gray-400" href="https://taler.net">GNU Taler</a></p> </div> <div style="flex-grow: 1;"></div> - <p class="text-xs leading-5 text-gray-400">Copyright © 2014—2023 Taler Systems SA. <a - href="https://git.taler.net/wallet-core.git/tree/?id=c64ab8c9b57d3bbe58ea2aa8e4d57c8baef7042e" target="_blank" - rel="noreferrer noopener">Version 0.9.3-dev.29 (---)</a> </p> + <p class="text-xs leading-5 text-gray-400">Copyright © 2014—2023 Taler Systems SA. </p> </div> </footer> </body> |