From c18bda49f13afb4e2eaaf9ccb35098ee174e3afc Mon Sep 17 00:00:00 2001
From: hrcerqueira <hrcerqueira@gmail.com>
Date: Thu, 21 Jan 2010 13:07:11 +0000
Subject: Added the basic html and javascript of fb connect, and a setting in
 settings_local.py.dist for the fb api key.

---
 templates/authopenid/signin.html | 351 ++++++++++++++++++++-------------------
 1 file changed, 178 insertions(+), 173 deletions(-)
 mode change 100644 => 100755 templates/authopenid/signin.html

(limited to 'templates/authopenid')

diff --git a/templates/authopenid/signin.html b/templates/authopenid/signin.html
old mode 100644
new mode 100755
index 1363661e..3a12f1c6
--- a/templates/authopenid/signin.html
+++ b/templates/authopenid/signin.html
@@ -1,173 +1,178 @@
-{% extends "base.html" %}
-<!-- signin.html -->
-{% load i18n %}
-{% load extra_tags %}
-{% block title %}{% spaceless %}{% trans "User login" %}{% endspaceless %}{% endblock %}
-{% block forejs %}
-    <script type='text/javascript' src='{% href "/content/js/jquery.validate.pack.js" %}'></script>
-
-	<link rel="stylesheet" type="text/css" media="screen" href="{% href "/content/jquery-openid/openid.css" %}"/>
-	<script type="text/javascript" src="{% href "/content/jquery-openid/jquery.openid.js" %}"></script>
-	<script type="text/javascript">  $().ready( function() { $("form.openid:eq(0)").openid(); })</script>
-	<!--<script type="text/javascript">
-	$().ready(function(){
-	    openid.init('id_openid_url');
-        setupFormValidation("#openid_form", {bsignin:{required: true}});
-	});
-	</script>-->
-{% endblock %}
-{% block content %}
-<div class="headNormal">
-	{% trans "User login" %}
-</div>
-        {% if msg %}
-            <p class="warning">{{ msg }}</p>
-        {% endif %}
-        {% if answer %}
-            <div class="message">
-                {% blocktrans with answer.question.title as title and answer.summary as summary %}
-                Your answer to {{title}} {{summary}} will be posted once you log in
-                {% endblocktrans %}
-            </div>
-        {% endif %}
-        {% if question %}
-            <div class="message">
-                {% blocktrans with question.title as title and question.summary as summary %}Your question 
-                {{title}} {{summary}} will be posted once you log in
-                {% endblocktrans %}
-            </div>
-        {% endif %}
-			<form id="openid_form" name="openid_form" class="openid" method="post" action="{% url user_signin %}"> 
-		      <div style="width:600px;float:left;margin-bottom:5px;">
-                {% trans "Click to sign in through any of these services." %}
-              </div>
-			  <ul class="providers"> 
-			  <li class="local" title="Local login">
-				  <div class="logo_box local_login_box">
-						<img src="{% href "/content/jquery-openid/images/local-login.png" %}" alt="your icon here" /> 
-				  </div>
-			  <span></span>
-			  </li> 
-			  <li class="direct" title="Google"> 
-			  	<div class="logo_box google_box">
-					<img src="{% href "/content/jquery-openid/images/google.gif" %}" alt="icon" /><span>https://www.google.com/accounts/o8/id</span>
-				</div>
-		 	  </li>
-			  <li class="direct" title="Yahoo"> 
-			  	<div class="logo_box yahoo_box">
-					<img src="{% href "/content/jquery-openid/images/yahoo.gif" %}" alt="icon" /><span>http://yahoo.com/</span>
-				</div>
-			  </li>
-			  <li class="username" title="AOL screen name"> 
-			  	<div class="logo_box aol_box">
-					<img src="{% href "/content/jquery-openid/images/aol.gif" %}" alt="icon" /><span>http://openid.aol.com/<strong>username</strong></span>
-				</div>
-			  </li>
-              </ul>
-			  <ul class="providers"> 
-			  <!--<li class="openid" title="OpenID">
-				  <div class="logo_box openid_box">
-						<img src="/content/jquery-openid/images/openid.gif" alt="icon" /> 
-				  </div>
-			  <span><strong>http://{your-openid-url}</strong></span>
-			  </li>-->
-			  <li class="openid first_tiny_li" title="OpenID URL"> 
-					<img src="{% href "/content/jquery-openid/images/openidico16.png" %}" alt="icon" />
-					<span>http://{your-openid-url}</span>
-		      </li> 
-			  <li class="username" title="MyOpenID user name"> 
-					<img src="{% href "/content/jquery-openid/images/myopenid-2.png" %}" alt="icon" />
-					<span>http://<strong>username</strong>.myopenid.com/</span>
-		      </li> 
-			  <li class="username" title="Flickr user name"> 
-					<img src="{% href "/content/jquery-openid/images/flickr.png" %}" alt="icon" />
-					<span>http://flickr.com/<strong>username</strong>/</span>
-			  </li> 
-			  <li class="username" title="Technorati user name"> 
-					<img src="{% href "/content/jquery-openid/images/technorati-1.png" %}" alt="icon" />
-					<span>http://technorati.com/people/technorati/<strong>username</strong>/</span>
-			  </li> 
-			  <li class="username" title="Wordpress blog name"> 
-					<img src="{% href "/content/jquery-openid/images/wordpress.png" %}" alt="icon" />
-					<span>http://<strong>username</strong>.wordpress.com</span>
-              </li> 
-			  <li class="username" title="Blogger blog name"> 
-					<img src="{% href "/content/jquery-openid/images/blogger-1.png" %}" alt="icon" />
-					<span>http://<strong>username</strong>.blogspot.com/</span>
-			  </li> 
-			  <li class="username" title="LiveJournal blog name"> 
-					<img src="{% href "/content/jquery-openid/images/livejournal-1.png" %}" alt="icon" />
-					<span>http://<strong>username</strong>.livejournal.com</span>
-			  </li> 
-			  <li class="username" title="ClaimID user name"> 
-					<img src="{% href "/content/jquery-openid/images/claimid-0.png" %}" alt="icon" />
-					<span>http://claimid.com/<strong>username</strong></span>
-			  </li> 
-			  <li class="username" title="Vidoop user name"> 
-					<img src="{% href "/content/jquery-openid/images/vidoop.png" %}" alt="icon" />
-					<span>http://<strong>username</strong>.myvidoop.com/</span>
-			  </li> 
-			  <li class="username" title="Verisign user name"> 
-					<img src="{% href "/content/jquery-openid/images/verisign-2.png" %}" alt="icon" />
-					<span>http://<strong>username</strong>.pip.verisignlabs.com/</span>
-			  </li> 
-			  </ul>
-			  {{ form2.next }}
-			  <fieldset> 
-				  <p id="provider_name_slot">{% trans 'Enter your <span id="enter_your_what">Provider user name</span>' %}</p> 
-				  <div><p><span></span>
-				  		<input id="openid_username" type="text" name="openid_username" /><span></span> 
-			  			<input type="submit" value="Login" />
-				  </p></div>
-			  </fieldset> 
-			  <fieldset> 
-				  <p>{% trans 'Enter your <a class="openid_logo" href="http://openid.net">OpenID</a> web address' %}</p> 
-				  <div><p><input id="openid_url" type="text" value="http://" name="openid_url" /> 
-				  <input id="bsignin" name="bsignin" type="submit" value="{% trans "Login" %}" /></p></div> 
-			  </fieldset> 
-              <fieldset id='local_login_fs'>
-				  <p>{% trans 'Enter your login name and password' %}</p> 
-                  {% if form1.errors %}
-                    {{form1.non_field_errors.as_ul}}
-                  {% endif %}
-				  <div><p class="login"><label for="id_username">{% trans "Login name" %}</label>
-                            {{form1.username}}</p>
-                  <p class="login"><label for="id_password">{% trans "Password" %}</label>
-                            {{form1.password}}</p>
-                  <p id="local_login_buttons">
-				  <input id="blogin" name="blogin" type="submit" value="{% trans "Login" %}" />
-                  <a href="{% url user_signup %}">{% trans "Create account" %}</a><br/>
-                  <a href="{% url user_sendpw %}">{% trans "Forgot your password?" %}</a>
-                  </p>
-                  </div>
-              </fieldset>
-			</form>
-{% endblock %}
-
-{% block sidebar %}
-<div class="boxC">
-    <h3 class="subtitle">{% trans "Why use OpenID?" %}</h3>
-    <ul class="list-item">
-        <li>
-		{% trans "with openid it is easier" %}
-        </li>
-        <li>
-		{% trans "reuse openid" %}
-        </li>
-        <li>
-		{% trans "openid is widely adopted" %}
-        </li>
-        <li>
-		{% trans "openid is supported open standard" %}
-        </li>
-        
-    </ul>
-    <p class="info-box-follow-up-links">
-        <a href="http://openid.net/what/" target="_blank">{% trans "Find out more" %} »</a><br/>
-        <a href="http://openid.net/get/" target="_blank">{% trans "Get OpenID" %} »</a>
-    </p>
-</div>
-{% endblock%}
-
-		<script type="text/javascript">  $( function() { $("form.openid:eq(0)").openid(); })</script>
-<!-- end signin.html -->
+{% extends "base.html" %}
+<!-- signin.html -->
+{% load i18n %}
+{% load extra_tags %}
+{% block title %}{% spaceless %}{% trans "User login" %}{% endspaceless %}{% endblock %}
+{% block forejs %}
+    <script type='text/javascript' src='{% href "/content/js/jquery.validate.pack.js" %}'></script>
+
+	<link rel="stylesheet" type="text/css" media="screen" href="{% href "/content/jquery-openid/openid.css" %}"/>
+	<script type="text/javascript" src="{% href "/content/jquery-openid/jquery.openid.js" %}"></script>
+	<script type="text/javascript">  $().ready( function() { $("form.openid:eq(0)").openid(); })</script>
+	<!--<script type="text/javascript">
+	$().ready(function(){
+	    openid.init('id_openid_url');
+        setupFormValidation("#openid_form", {bsignin:{required: true}});
+	});
+	</script>-->
+{% endblock %}
+{% block content %}
+<div class="headNormal">
+	{% trans "User login" %}
+</div>
+        {% if msg %}
+            <p class="warning">{{ msg }}</p>
+        {% endif %}
+        {% if answer %}
+            <div class="message">
+                {% blocktrans with answer.question.title as title and answer.summary as summary %}
+                Your answer to {{title}} {{summary}} will be posted once you log in
+                {% endblocktrans %}
+            </div>
+        {% endif %}
+        {% if question %}
+            <div class="message">
+                {% blocktrans with question.title as title and question.summary as summary %}Your question 
+                {{title}} {{summary}} will be posted once you log in
+                {% endblocktrans %}
+            </div>
+        {% endif %}
+			<form id="openid_form" name="openid_form" class="openid" method="post" action="{% url user_signin %}"> 
+		      <div style="width:600px;float:left;margin-bottom:5px;">
+                {% trans "Click to sign in through any of these services." %}
+              </div>
+			  <ul class="providers"> 
+			  <li class="local" title="Local login">
+				  <div class="logo_box local_login_box">
+						<img src="{% href "/content/jquery-openid/images/local-login.png" %}" alt="your icon here" /> 
+				  </div>
+			  <span></span>
+			  </li> 
+			  <li class="direct" title="Google"> 
+			  	<div class="logo_box google_box">
+					<img src="{% href "/content/jquery-openid/images/google.gif" %}" alt="icon" /><span>https://www.google.com/accounts/o8/id</span>
+				</div>
+		 	  </li>
+			  <li class="direct" title="Yahoo"> 
+			  	<div class="logo_box yahoo_box">
+					<img src="{% href "/content/jquery-openid/images/yahoo.gif" %}" alt="icon" /><span>http://yahoo.com/</span>
+				</div>
+			  </li>
+			  <li class="username" title="AOL screen name"> 
+			  	<div class="logo_box aol_box">
+					<img src="{% href "/content/jquery-openid/images/aol.gif" %}" alt="icon" /><span>http://openid.aol.com/<strong>username</strong></span>
+				</div>
+			  </li>
+              <li title="Facebook Connect">
+                    <fb:login-button onlogin="window.location.reload(true)"></fb:login-button>
+              </li>
+              </ul>            
+			  <ul class="providers"> 
+			  <!--<li class="openid" title="OpenID">
+				  <div class="logo_box openid_box">
+						<img src="/content/jquery-openid/images/openid.gif" alt="icon" /> 
+				  </div>
+			  <span><strong>http://{your-openid-url}</strong></span>
+			  </li>-->
+			  <li class="openid first_tiny_li" title="OpenID URL"> 
+					<img src="{% href "/content/jquery-openid/images/openidico16.png" %}" alt="icon" />
+					<span>http://{your-openid-url}</span>
+		      </li> 
+			  <li class="username" title="MyOpenID user name"> 
+					<img src="{% href "/content/jquery-openid/images/myopenid-2.png" %}" alt="icon" />
+					<span>http://<strong>username</strong>.myopenid.com/</span>
+		      </li> 
+			  <li class="username" title="Flickr user name"> 
+					<img src="{% href "/content/jquery-openid/images/flickr.png" %}" alt="icon" />
+					<span>http://flickr.com/<strong>username</strong>/</span>
+			  </li> 
+			  <li class="username" title="Technorati user name"> 
+					<img src="{% href "/content/jquery-openid/images/technorati-1.png" %}" alt="icon" />
+					<span>http://technorati.com/people/technorati/<strong>username</strong>/</span>
+			  </li> 
+			  <li class="username" title="Wordpress blog name"> 
+					<img src="{% href "/content/jquery-openid/images/wordpress.png" %}" alt="icon" />
+					<span>http://<strong>username</strong>.wordpress.com</span>
+              </li> 
+			  <li class="username" title="Blogger blog name"> 
+					<img src="{% href "/content/jquery-openid/images/blogger-1.png" %}" alt="icon" />
+					<span>http://<strong>username</strong>.blogspot.com/</span>
+			  </li> 
+			  <li class="username" title="LiveJournal blog name"> 
+					<img src="{% href "/content/jquery-openid/images/livejournal-1.png" %}" alt="icon" />
+					<span>http://<strong>username</strong>.livejournal.com</span>
+			  </li> 
+			  <li class="username" title="ClaimID user name"> 
+					<img src="{% href "/content/jquery-openid/images/claimid-0.png" %}" alt="icon" />
+					<span>http://claimid.com/<strong>username</strong></span>
+			  </li> 
+			  <li class="username" title="Vidoop user name"> 
+					<img src="{% href "/content/jquery-openid/images/vidoop.png" %}" alt="icon" />
+					<span>http://<strong>username</strong>.myvidoop.com/</span>
+			  </li> 
+			  <li class="username" title="Verisign user name"> 
+					<img src="{% href "/content/jquery-openid/images/verisign-2.png" %}" alt="icon" />
+					<span>http://<strong>username</strong>.pip.verisignlabs.com/</span>
+			  </li> 
+			  </ul>
+			  {{ form2.next }}
+			  <fieldset> 
+				  <p id="provider_name_slot">{% trans 'Enter your <span id="enter_your_what">Provider user name</span>' %}</p> 
+				  <div><p><span></span>
+				  		<input id="openid_username" type="text" name="openid_username" /><span></span> 
+			  			<input type="submit" value="Login" />
+				  </p></div>
+			  </fieldset> 
+			  <fieldset> 
+				  <p>{% trans 'Enter your <a class="openid_logo" href="http://openid.net">OpenID</a> web address' %}</p> 
+				  <div><p><input id="openid_url" type="text" value="http://" name="openid_url" /> 
+				  <input id="bsignin" name="bsignin" type="submit" value="{% trans "Login" %}" /></p></div> 
+			  </fieldset> 
+              <fieldset id='local_login_fs'>
+				  <p>{% trans 'Enter your login name and password' %}</p> 
+                  {% if form1.errors %}
+                    {{form1.non_field_errors.as_ul}}
+                  {% endif %}
+				  <div><p class="login"><label for="id_username">{% trans "Login name" %}</label>
+                            {{form1.username}}</p>
+                  <p class="login"><label for="id_password">{% trans "Password" %}</label>
+                            {{form1.password}}</p>
+                  <p id="local_login_buttons">
+				  <input id="blogin" name="blogin" type="submit" value="{% trans "Login" %}" />
+                  <a href="{% url user_signup %}">{% trans "Create account" %}</a><br/>
+                  <a href="{% url user_sendpw %}">{% trans "Forgot your password?" %}</a>
+                  </p>
+                  </div>
+              </fieldset>
+			</form>
+{% endblock %}
+
+{% block sidebar %}
+<div class="boxC">
+    <h3 class="subtitle">{% trans "Why use OpenID?" %}</h3>
+    <ul class="list-item">
+        <li>
+		{% trans "with openid it is easier" %}
+        </li>
+        <li>
+		{% trans "reuse openid" %}
+        </li>
+        <li>
+		{% trans "openid is widely adopted" %}
+        </li>
+        <li>
+		{% trans "openid is supported open standard" %}
+        </li>
+        
+    </ul>
+    <p class="info-box-follow-up-links">
+        <a href="http://openid.net/what/" target="_blank">{% trans "Find out more" %} »</a><br/>
+        <a href="http://openid.net/get/" target="_blank">{% trans "Get OpenID" %} »</a>
+    </p>
+</div>
+<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
+<script type="text/javascript">  FB.init("{{ fb_api_key }}","{% url  xd_receiver %}");</script> 
+{% endblock%}
+
+		<script type="text/javascript">  $( function() { $("form.openid:eq(0)").openid(); })</script>
+<!-- end signin.html -->
-- 
cgit v1.2.3-1-g7c22