diff options
author | Christian Grothoff <christian@grothoff.org> | 2020-07-26 16:15:19 +0200 |
---|---|---|
committer | Christian Grothoff <christian@grothoff.org> | 2020-07-26 16:15:19 +0200 |
commit | 3096616441f2a8d226bfb42c1a655f484ac717f3 (patch) | |
tree | cdd8efc0f1d04312a3c2143401655dcbd890c672 /contrib | |
parent | d0166e648d9b6ed637a819bb59d070c40be8f200 (diff) | |
download | merchant-3096616441f2a8d226bfb42c1a655f484ac717f3.tar.gz merchant-3096616441f2a8d226bfb42c1a655f484ac717f3.tar.bz2 merchant-3096616441f2a8d226bfb42c1a655f484ac717f3.zip |
revise template
Diffstat (limited to 'contrib')
-rw-r--r-- | contrib/request_payment.must | 140 |
1 files changed, 121 insertions, 19 deletions
diff --git a/contrib/request_payment.must b/contrib/request_payment.must index 6e050d0f..89062b6f 100644 --- a/contrib/request_payment.must +++ b/contrib/request_payment.must @@ -1,16 +1,115 @@ -{% extends "templates/base.html" %} +<!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. -{% block meta %} -<noscript> - <meta http-equiv="refresh" content="1"> -</noscript> -{% endblock meta %} + 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/> +--> -{% block scripts %} +<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> +.talerbar h1 { + text-align: center; +} +.talerbar > p { + padding: 0.5em; +} +.talerbar a, +.talerbar a:visited { + color: inherit; +} +.adorn-brackets::before { + content: "❬"; + color: #aa3939; +} +.adorn-brackets::after { + content: "❭"; + color: #aa3939; +} +.tt { + font-family: 'Lucida Console', Monaco, monospace; +} +.informational-ok { + background: lightgreen; + border-radius: 1em; + padding: 0.5em; +} +.informational-fail { + background: lightpink; + border-radius: 1em; + padding: 0.5em; +} +.content { + overflow-x: auto; +} +body { + overflow-y: scroll; +} + +@media (min-width: 500px) { + .content { + margin-left: 25%; + padding-left: 2em; + margin-right: 1em; + overflow-x: auto; + } + .talerbar { + height: 100%; + margin: 0; + top: 0; + left: 0; + background-color: #033; + color: white; + position: fixed; + width: 25%; + padding-right: 1em; + overflow: auto; + } +} + .warn { + background-color: #aa393977; + padding: 1em; + } + .notice { + border-radius: 1em; + background: #0333; + border-left: 0.3em solid #033; + padding-left: 1em; + padding-top: 0.5em; + padding-bottom: 0.5em; + margin-top: 2em; + margin-bottom: 2em; + } + #main a:link, #main a:visited, #main a:hover, #main a:active { + color: black; + } + </style> +</head> + +<body> <script> - let checkUrl = decodeURIComponent("{{ check_status_url_enc }}"); + let checkUrl = FIXME_dold_pay_uri_to_URL("{{taler_pay_uri}}"); let delayMs = 500; function check() { let req = new XMLHttpRequest(); @@ -38,32 +137,35 @@ setTimeout(check, delayMs); </script> -{% endblock scripts %} - -{% block main %} +<section id="main" class="content"> <h1>Payment Required</h1> <div class="taler-installed-hide"> <p> Looks like your browser doesn't support GNU Taler payments. You can try - installing a <a href="https://taler.net/en/wallet.html">wallet browser extension</a>. + installing a <a href="https://wallet.taler.net/">wallet browser extension</a>. </p> </div> <div> - <p> You can use this QR code to pay with your mobile wallet: </p> - - {{ qrcode_svg | safe }} - + {{taler_pay_qrcode_svg}} <p> - Click <a href="{{ taler_pay_uri }}">this link</a> to open your system's Taler wallet if it exists. + Click <a href="{{taler_pay_uri}}">this link</a> to open your system's + Taler wallet if it exists. </p> - </div> +<hr /> +</section> -{% endblock main %} +<div class="talerbar" style="display: flex; flex-direction: column;"> + <p>You can learn more about Taler on our <a href="https://taler.net/">website</a>.</p> + <div style="flex-grow:1"></div> + <p>Copyright © 2014—2020 Taler Systems SA</p> +</div> +</body> +</html> |