1 files changed, 68 insertions, 0 deletions
diff --git a/contrib/offer_tip.en.mcpp b/contrib/offer_tip.en.mcpp
new file mode 100644
index 00000000..47f04c92
--- /dev/null
+++ b/contrib/offer_tip.en.mcpp
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+#include "copyright.html"
+<html>
+<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>
+#include "css.html"
+</head>
+
+<body>
+<script>
+  let checkUrl = "{{& tip_status_url }}";
+  let delayMs = 500;
+  function check() {
+    let retried = false;
+    function retryOnce() {
+      if (!retried) {
+        retried = true;
+        check();
+      }
+    }
+    let req = new XMLHttpRequest();
+    req.onreadystatechange = function () {
+      if (req.readyState === XMLHttpRequest.DONE) {
+        if (req.status === 410) {
+          window.location.reload(true);
+        }
+        setTimeout(retryOnce, delayMs);
+      }
+    };
+    req.onerror = function () {
+      setTimeout(retryOnce, delayMs);
+    }
+    req.open("GET", checkUrl);
+    req.send();
+  }
+
+  setTimeout(check, delayMs);
+</script>
+
+
+<h1>Taler 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>
+#include "footer.html"