From 1cd50d716f74033dbeb30789bda2fe603eb54bdd Mon Sep 17 00:00:00 2001 From: Andromeda Yelton Date: Tue, 27 Nov 2012 13:32:25 -0500 Subject: [PATCH] display submit buttons as loading gifs for transactions that might take a while --- frontend/templates/fund_the_pledge.html | 9 +++++---- frontend/templates/manage_account.html | 2 +- frontend/templates/pledge.html | 4 ++-- frontend/templates/stripe_stuff.html | 4 +++- static/css/sitewide2.css | 2 +- static/less/sitewide2.less | 7 ++++++- 6 files changed, 18 insertions(+), 10 deletions(-) diff --git a/frontend/templates/fund_the_pledge.html b/frontend/templates/fund_the_pledge.html index 89eebd41..f5c8d0b1 100644 --- a/frontend/templates/fund_the_pledge.html +++ b/frontend/templates/fund_the_pledge.html @@ -7,6 +7,7 @@ {% include "stripe_stuff.html" %} + - + {% endblock %} {% block news %} @@ -115,7 +115,7 @@
$100+
Your acknowledgement can include a dedication (140 characters max). {{ form.ack_dedication.label_tag }} {{ form.ack_dedication.errors }}{{ form.ack_dedication }}
{{ form.anonymous.label_tag }} {{ form.anonymous.errors }}{{ form.anonymous }}
- + {% comment %} When the pledge amount and premium are in an inconsistent state, the real button is disabled and (via css) hidden; instead we display this fake button with a helpful message. It's a button so we can reuse all the existing CSS for buttons, so that it looks like the real button has just changed in appearance. It's hidden and the other one un-disabled and un-hidden when the pledge & premium return to a correct state. People without javascript enabled will miss out on the front-end corrections but form validation will catch it. diff --git a/frontend/templates/stripe_stuff.html b/frontend/templates/stripe_stuff.html index d2469b34..7cc23754 100644 --- a/frontend/templates/stripe_stuff.html +++ b/frontend/templates/stripe_stuff.html @@ -46,6 +46,8 @@ $j(document).ready(function() {