diff options
| author | Christian Grothoff <christian@grothoff.org> | 2020-08-03 16:42:04 +0200 |
|---|---|---|
| committer | Christian Grothoff <christian@grothoff.org> | 2020-08-03 16:42:04 +0200 |
| commit | ab07b05c353f7efa877804092f3529ffe7fb5665 (patch) | |
| tree | f4f0c8afb8c225f913c53367338f700d0f72da85 /contrib | |
| parent | 708abb48f8f002e11d399431c959c81842eaf962 (diff) | |
| download | merchant-ab07b05c353f7efa877804092f3529ffe7fb5665.tar.gz merchant-ab07b05c353f7efa877804092f3529ffe7fb5665.tar.bz2 merchant-ab07b05c353f7efa877804092f3529ffe7fb5665.zip | |
work on GET /tips/ HTML page
Diffstat (limited to 'contrib')
| -rw-r--r-- | contrib/Makefile.am | 5 | ||||
| -rw-r--r-- | contrib/depleted_tip.en.must | 51 | ||||
| -rw-r--r-- | contrib/offer_tip.en.must | 144 |
3 files changed, 199 insertions, 1 deletions
diff --git a/contrib/Makefile.am b/contrib/Makefile.am index 8edb184b..c362ddd5 100644 --- a/contrib/Makefile.am +++ b/contrib/Makefile.am @@ -1,5 +1,8 @@ pkgdatadir = $(prefix)/share/taler/merchant/templates/ dist_pkgdata_DATA = \ + depleted_tip.en.must \ + offer_refund.en.must \ + offer_tip.en.must \ request_payment.en.must \ - offer_refund.en.must + show_order_details.en.must diff --git a/contrib/depleted_tip.en.must b/contrib/depleted_tip.en.must new file mode 100644 index 00000000..370e9b90 --- /dev/null +++ b/contrib/depleted_tip.en.must @@ -0,0 +1,51 @@ +<!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>Status of your tip</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> +.content { + overflow-x: auto; + padding-left: 15%; + padding-right: 15%; +} +#main a:link, #main a:visited, #main a:hover, #main a:active { + color: black; +} + </style> +</head> + +<body> +<h1>Tip already picked up</h1> + +<div> +You have already picked up your tip. +</div> + +</body> +</html> diff --git a/contrib/offer_tip.en.must b/contrib/offer_tip.en.must new file mode 100644 index 00000000..339f64ff --- /dev/null +++ b/contrib/offer_tip.en.must @@ -0,0 +1,144 @@ +<!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>Tip available</title> + <!-- FIXME-6460: allow taler-merchant-httpd to serve this, so we do not use 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-#6457_dold_tip_uri_to_URL("{{taler_tip_uri}}"); + let delayMs = 500; + function check() { + let req = new XMLHttpRequest(); + req.onreadystatechange = function () { + if (req.readyState === XMLHttpRequest.DONE) { + if (req.status === 410) { + document.location.reload(true); + } + setTimeout(check, delayMs); + } + }; + req.onerror = function () { + setTimeout(check, delayMs); + } + req.open("GET", checkUrl); + req.send(); + } + + setTimeout(check, delayMs); +</script> + + +<h1><span class="taler">Taler</span> tip available</h1> + +<div class="taler-installed-hide"> + <p> + Please select your Taler wallet to pick up the tip. + </p> +</div> + +<div> + <p> + Alternatively, you can scan this QR code to pick up the tip with your mobile wallet: + </p> + <div class="qr"> + {{{taler_tip_qrcode_svg}}} + </div> + <p> + Finally, you could click <a href="{{taler_tip_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> |