diff options
Diffstat (limited to 'OfferRefund.html')
-rw-r--r-- | OfferRefund.html | 139 |
1 files changed, 70 insertions, 69 deletions
diff --git a/OfferRefund.html b/OfferRefund.html index e6f0f6a..6f121e5 100644 --- a/OfferRefund.html +++ b/OfferRefund.html @@ -2,11 +2,72 @@ <!doctype html> <html> <head> - <meta http-equiv="content-type" content="text/html; UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><noscript><meta http-equiv="refresh" content="1" /></noscript><title>Refund available for {{ order_summary }}</title> + <meta charSet="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><noscript><meta http-equiv="refresh" content="1" /></noscript><title>Refund available for {{ order_summary }}</title> <style>/*! Pure v2.0.3 Copyright 2013 Yahoo! Licensed under the BSD License. + https://github.com/pure-ss/pure/blob/master/LICENSE.md +*/ +/*! + normalize.cs v | MIT License | git.io/normalize + Copyright (c) Nicolas Gallagher and Jonathan Neal +*/ +/*! normalize.ss v8.0.1 | MIT License | github.com/necolas/normalize.cs */ + +.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; +}/*! + Pure v2.0.3 + Copyright 2013 Yahoo! + Licensed under the BSD License. https://github.com/pure-cs s/pure/blob/master/LICENSE.md */ /*! @@ -976,68 +1037,7 @@ a.pure-button-selected { .pure-table-horizontal tbody > tr:last-child > td { border-bottom-width: 0; } -/*! - Pure v2.0.3 - Copyright 2013 Yahoo! - Licensed under the BSD License. - https://github.com/pure-ss/pure/blob/master/LICENSE.md -*/ -/*! - normalize.cs v | MIT License | git.io/normalize - Copyright (c) Nicolas Gallagher and Jonathan Neal -*/ -/*! normalize.ss v8.0.1 | MIT License | github.com/necolas/normalize.cs */ - -.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> +</style> </head> <script id="built_time_data"> </script> @@ -3419,7 +3419,7 @@ body { */ function Head({ order_summary }) { return a$2(y$1, null, - a$2("meta", { "http-equiv": "content-type", content: "text/html; UTF-8" }), + a$2("meta", { charSet: "UTF-8" }), a$2("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }), a$2("noscript", null, a$2("meta", { "http-equiv": "refresh", content: "1" })), @@ -3427,7 +3427,7 @@ body { "Refund available for ", order_summary ? order_summary : `{{ order_summary }}`)); } - function OfferRefund({ refundURI, order_status_url }) { + function OfferRefund({ refundURI, qr_code, order_status_url }) { y(() => { let checkUrl; try { @@ -3453,7 +3453,7 @@ body { try { const resp = JSON.parse(req.responseText); if (!resp.refund_pending) { - window.location.reload(true); + window.location.reload(); } } catch (e) { @@ -3476,7 +3476,7 @@ body { a$2("h1", { style: { textAlign: 'center' } }, "Collect Taler refund"), a$2("div", { style: { textAlign: 'center' }, class: "taler-installed-hide" }, a$2("p", null, "Scan this QR code with your Taler mobile wallet:"), - a$2("div", { class: "qr" }, refundURI ? a$2(QR, { text: refundURI }) : `{{{ taler_refund_qrcode_svg }}}`), + a$2("div", { class: "qr", dangerouslySetInnerHTML: { __html: qr_code ? qr_code : `{{{ taler_refund_qrcode_svg }}}` } }), a$2("p", null, a$2("a", { class: "pure-button pure-button-active success", href: refundURI ? refundURI : `{{ taler_refund_uri }}` }, "Or open your Taller wallet")), a$2("p", null, @@ -3491,9 +3491,10 @@ body { if (os) { N(a$2(Head, { order_summary: os }), document.head); } - const ru = fromLocation.get('refund_uri') || undefined; + const uri = fromLocation.get('refund_uri') || undefined; const osu = fromLocation.get('order_status_url') || undefined; - N(a$2(OfferRefund, { refundURI: ru, order_status_url: osu }), document.body); + const qr_code = uri ? m$1(a$2(QR, { text: uri })) : undefined; + N(a$2(OfferRefund, { refundURI: uri, order_status_url: osu, qr_code: qr_code }), document.body); } catch (e) { console.error("got error", e); |