From 6d733084fe7efa9b2879c388680e4f054ca96852 Mon Sep 17 00:00:00 2001
From: Florian Dold <florian.dold@gmail.com>
Date: Sun, 10 Dec 2017 17:30:46 +0100
Subject: use proper fallout page and include detection stylesheet

---
 talerdonations/donations/templates/base.html     |  1 +
 talerdonations/donations/templates/fallback.html | 39 +++++++++++++-----------
 2 files changed, 23 insertions(+), 17 deletions(-)

(limited to 'talerdonations')

diff --git a/talerdonations/donations/templates/base.html b/talerdonations/donations/templates/base.html
index dc78eb0..55a60db 100644
--- a/talerdonations/donations/templates/base.html
+++ b/talerdonations/donations/templates/base.html
@@ -20,6 +20,7 @@
   <title>Taler Donation Demo</title>
   <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/pure.css') }}" />
   <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/demo.css') }}" />
+  <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/taler-fallback.css') }}" id="taler-presence-stylesheet" />
   <script src="{{ url("/static/web-common/taler-wallet-lib.js") }}" type="application/javascript"></script>
   <script src="{{ url("/static/web-common/lang.js") }}" type="application/javascript"></script>
   {% block styles %}{% endblock %}
diff --git a/talerdonations/donations/templates/fallback.html b/talerdonations/donations/templates/fallback.html
index 448af2b..8dc426b 100644
--- a/talerdonations/donations/templates/fallback.html
+++ b/talerdonations/donations/templates/fallback.html
@@ -1,23 +1,28 @@
 {% extends "templates/base.html" %}
 {% block main %}
-<div id="ccfakeform" class="fade">
- <p>
- Oops, it looks like you don't have a Taler wallet installed.  Why don't you enter
- all your credit card details before reading the article? <em>You can also
- use GNU Taler to complete the purchase at any time.</em>
- </p>
 
- <form>
-   First name<br> <input type="text"></input><br>
-   Family name<br> <input type="text"></input><br>
-   Age<br> <input type="text"></input><br>
-   Nationality<br> <input type="text"></input><br>
-   Gender<br> <input type="radio" name"gender">Male</input>
-   CC number<br> <input type="text"></input><br>
-   <input type="radio" name="gender">Female</input><br>
- </form>
- <form method="get" action="/cc-payment/{{ article_name }}">
+<p class="taler-installed-show">
+Payment is being processed.  If nothing happens, please <a href="{{ request.path }}">click here</a>.
+</p>
+  
+<div id="ccfakeform" class="taler-installed-hide">
+  <p>
+    Oops, it looks like you don't have a Taler wallet installed.  Why don't you enter
+    all your credit card details before reading the article? <em>You can also
+    use GNU Taler to complete the purchase at any time.</em>
+  </p>
+
+  <form>
+    First name<br> <input type="text"><br>
+    Family name<br> <input type="text"><br>
+    Age<br> <input type="text"><br>
+    Nationality<br> <input type="text"><br>
+    Gender<br> <input type="radio" name"gender">Male</input>
+    CC number<br> <input type="text"><br>
+    <input type="radio" name="gender">Female<br>
+  </form>
+  <form method="get" action="/cc-payment/{{ article_name }}">
    <input type="submit"></input>
- </form>
+  </form>
 </div>
 {% endblock main %}
-- 
cgit v1.2.3