Mercurial > hg > bitsyauth
view example/persona.html @ 30:0bf52646061b
example/persona.html example/persona.py setup.py
author | Jeff Hammel <jhammel@mozilla.com> |
---|---|
date | Fri, 27 Dec 2013 11:24:23 -0800 |
parents | 1bcb72011872 |
children | f462dc131d57 |
line wrap: on
line source
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>bistyauth Mozilla persona test page</title> <!-- Suppressing Compatability Mode for IE https://developer.mozilla.org/en-US/Persona/Quick_Setup?redirectlocale=en-US&redirectslug=Persona%2FQuick_Setup#Suppressing_Compatibility_Mode --> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="https://login.persona.org/include.js"></script> <script> function onload() { //alert("page loaded!"); var currentUser = null; navigator.id.watch({ loggedInUser: currentUser, onlogin: function(assertion) { // A user has logged in! Here you need to: // 1. Send the assertion to your backend for verification and to create a session. // 2. Update your UI. $.ajax({ type: 'POST', url: '/auth/login', // This is a URL on your website. data: {assertion: assertion}, success: function(res, status, xhr) { window.location.reload(); }, error: function(xhr, status, err) { navigator.id.logout(); alert("Login failure: " + err); } }); }, onlogout: function() { // A user has logged out! Here you need to: // Tear down the user's session by redirecting the user or making a call to your backend. // Also, make sure loggedInUser will get set to null on the next page load. // (That's a literal JavaScript null. Not false, 0, or undefined. null.) $.ajax({ type: 'POST', url: '/auth/logout', // This is a URL on your website. success: function(res, status, xhr) { window.location.reload(); }, error: function(xhr, status, err) { alert("Logout failure: " + err); } }); } }); var signinLink = document.getElementById('signin'); if (signinLink) { signinLink.onclick = function() { navigator.id.request(); }; } var signoutLink = document.getElementById('signout'); if (signoutLink) { signoutLink.onclick = function() { navigator.id.logout(); }; } } </script> </head> <body> <h1> <a href="https://login.persona.org/">Mozilla persona</a> <a href="http://k0s.org/hg/bitsyauth/">bitsyauth</a> test page </h1> <div> <a id="signin">sign in</a> </div> <h2>Resources</h2> <ul> <li> <a href="https://developer.mozilla.org/en-US/Persona/branding"> branding </a>: buttons and what not </li> </ul> </body> </html>