From 3f3a020c1fd2fcfdda3a9514e1ef7375ccccc71f Mon Sep 17 00:00:00 2001
From: Aurélien Bompard <aurelien@bompard.org>
Date: Mon, 22 Apr 2013 17:16:30 +0200
Subject: Give a better visual clue when BrowserID is loading

---
 hyperkitty/static/css/hyperkitty-user.css | 3 +++
 hyperkitty/templates/login.html           | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/hyperkitty/static/css/hyperkitty-user.css b/hyperkitty/static/css/hyperkitty-user.css
index 69b50d5..9586d8e 100644
--- a/hyperkitty/static/css/hyperkitty-user.css
+++ b/hyperkitty/static/css/hyperkitty-user.css
@@ -20,6 +20,9 @@
 #login .social-login li {
 	margin: 0 20px;
 }
+a#browserid.disabled {
+    cursor: wait;
+}
 
 
 
diff --git a/hyperkitty/templates/login.html b/hyperkitty/templates/login.html
index 41f72e4..3eeee8c 100644
--- a/hyperkitty/templates/login.html
+++ b/hyperkitty/templates/login.html
@@ -19,7 +19,7 @@
 		<form method="post" action="{% url 'socialauth_complete' "browserid" %}?next={{ next }}">
 			{% csrf_token %}
 			<input type="hidden" name="assertion" value="" />
-			<a rel="nofollow" id="browserid" href="#"><img src="{{ STATIC_URL }}img/login/persona-large-disabled.png" alt="Login using Persona" /></a>
+			<a rel="nofollow" id="browserid" href="#" class="disabled"><img src="{{ STATIC_URL }}img/login/persona-large-disabled.png" alt="Login using Persona" /></a>
 		</form>
 	</li>
 	<li><a title="Google" class="socialaccount_provider google" href="{% url 'socialauth_begin' backend='google' %}"><img src="{{ STATIC_URL }}img/login/google.png" alt="Google"></a></li>
@@ -67,6 +67,7 @@
 		}).each(function() {
 			var img = $(this).find("img");
 			img.attr("src", img.attr("src").replace(/-disabled/, ""));
+			$(this).removeClass("disabled");
 		});
 	});
 </script>
-- 
cgit