diff options
author | Christian Grothoff <christian@grothoff.org> | 2020-08-03 11:02:26 +0200 |
---|---|---|
committer | Christian Grothoff <christian@grothoff.org> | 2020-08-03 11:02:26 +0200 |
commit | adf0f4fd36290becd33292d56d819aeaf260d5f6 (patch) | |
tree | 9f93802a22d7c06dadf2ac0e784e8d8e1fb7a4f6 /contrib/request_payment.en.must | |
parent | b90d7d27871ca09772a5ff4a5af15928bf3e68cb (diff) | |
download | merchant-adf0f4fd36290becd33292d56d819aeaf260d5f6.tar.gz merchant-adf0f4fd36290becd33292d56d819aeaf260d5f6.tar.bz2 merchant-adf0f4fd36290becd33292d56d819aeaf260d5f6.zip |
support i18n with HTML templates
Diffstat (limited to 'contrib/request_payment.en.must')
-rw-r--r-- | contrib/request_payment.en.must | 156 |
1 files changed, 156 insertions, 0 deletions
diff --git a/contrib/request_payment.en.must b/contrib/request_payment.en.must new file mode 100644 index 00000000..7d6effcc --- /dev/null +++ b/contrib/request_payment.en.must @@ -0,0 +1,156 @@ +<!DOCTYPE html> +<!-- + This file is part of GNU TALER. + Copyright (C) 2014-2020 Taler Systems SA + + TALER is free software; you can redistribute it and/or modify it under the + terms of the GNU Lesser General Public License as published by the Free Software + Foundation; either version 2.1, or (at your option) any later version. + + TALER is distributed in the hope that it will be useful, but WITHOUT ANY + WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR + A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. + + You should have received a copy of the GNU Lesser General Public License along with + TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/> +--> + +<html data-taler-nojs="true"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <noscript> + <meta http-equiv="refresh" content="1"> + </noscript> + <title>Payment required for {{order_summary}}</title> + <!-- FIXME: inline this? How to best serve this without using 3rd party? --> + <link rel="stylesheet" + href="https://unpkg.com/purecss@2.0.3/build/pure-min.css" + integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" + crossorigin="anonymous"> + <style> +.taler::before { + content: "❬"; + color: #aa3939; +} +.taler::after { + content: "❭"; + color: #aa3939; +} +.talerbar { + text-align: center; +} +.tt { + font-family: 'Lucida Console', Monaco, monospace; +} +.content { + overflow-x: auto; + padding-left: 15%; + padding-right: 15%; +} +.qr { + margin: auto; + text-align: center; +} +.qrtext { + width: max-content; + margin: auto; + transition: font-size 0.2s; + font-family: 'Lucida Console', Monaco, monospace; + font-size: 0.5em; +} +.qrtext:hover { + font-size: 1em; +} +.talerbar { + margin: 0; + bottom: 0; + background-color: #033; + color: white; + width: 100%; + padding: 1em; + overflow: auto; +} + +body { + overflow-y: scroll; +} +@media (min-width: 500px) { + .content { + padding-bottom: 2em; + margin-right: 1em; + overflow-y: auto; + } +} +#main a:link, #main a:visited, #main a:hover, #main a:active { + color: black; +} + </style> +</head> + +<body> +<script> + let checkUrl = FIXME_dold_pay_uri_to_URL("{{taler_pay_uri}}"); + let delayMs = 500; + function check() { + let req = new XMLHttpRequest(); + req.onreadystatechange = function () { + if (req.readyState === XMLHttpRequest.DONE) { + if (req.status === 200) { + try { + let resp = JSON.parse(req.responseText); + if (resp.paid) { + document.location.reload(true); + } + } catch (e) { + console.error("could not parse response:", e); + } + } + setTimeout(check, delayMs); + } + }; + req.onerror = function () { + setTimeout(check, delayMs); + } + req.open("GET", checkUrl); + req.send(); + } + + setTimeout(check, delayMs); +</script> + +<section id="main" class="content"> + + +<h1><span class="taler">Taler</span> payment required</h1> + +<div class="taler-installed-hide"> + <p> + Please select your Taler wallet to pay. If you do not have one, GNU Taler + offers <a href="https://www.gnu.org/philosophy/free-sw.html>Free</a> + <a href="https://wallet.taler.net/">wallet browser extensions</a> for + many platforms. + </p> +</div> + +<div> + <p> + Alternatively, you can scan this QR code to pay with your mobile wallet: + </p> + <div class="qr"> + {{{taler_pay_qrcode_svg}}} + </div> + <p> + Finally, you could click <a href="{{taler_pay_uri}}">this link</a> to + try to open your system's Taler wallet if it exists. + </p> +</div> +<hr /> +</section> + +<div class="talerbar"> + <p>You can learn more about GNU Taler on our <a href="https://taler.net/">website</a>.<br> + Copyright © 2014—2020 Taler Systems SA</p> +</div> +</body> +</html> |