<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title><%- title %></title>
<link rel="stylesheet" href="/css/style.css" type="text/css">
<link rel="stylesheet" href="/css/github.css">
<!-- FIXME: minimize jquery for this -->
<script src="/js/jquery-1.6.2.min.js"></script>
<script src="/dialog/resources/underscore-min.js"></script>
<script>
$(document).ready(function() {
if ($('#emailList')) {
display_saved_ids();
}
});
function display_saved_ids()
{
var emails = {};
if (window.localStorage.emails) {
emails = JSON.parse(window.localStorage.emails);
}
$('#cancellink').click(function() {
if (confirm('Are you sure you want to cancel your account?')) {
$.post("/wsapi/account_cancel", {}, function(result) {
window.localStorage.emails = null;
document.location="/";
});
}
});
$("#emailList").empty();
_(emails).each(function(data, e) {
var block = $("<div>").addClass("emailblock");
var label = $("<div>").addClass("email").text(e);
var meta = $("<div>").addClass("meta");
/*
var priv = $("<div class='keyblock'>").text(data.priv);
priv.hide();
*/
var pub = $("<div class='keyblock'>").text(data.pub);
pub.hide();
var linkblock = $("<div>");
var puba = $("<a>").text("[show public key]");
// var priva = $("<a>").text("[show private key]");
puba.click(function() {pub.show()});
// priva.click(function() {priv.show()});
linkblock.append(puba);
// linkblock.append(" / ");
// linkblock.append(priva);
var deauth = $("<button>").text("Forget this Email");
meta.append(deauth);
deauth.click(function() {
var t = JSON.parse(window.localStorage.emails);
// remove email from server
$.post("/wsapi/remove_email", {"email" : e}, function(response) {
// we delete from store only once we got response
delete t[e];
window.localStorage.emails = JSON.stringify(t);
display_saved_ids();
});
});
var d = new Date(data.created);
var datestamp = $("<div class='date'>").text("Signed in at " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + ", " + d.getMonth() + "/" + d.getDay() + "/" + d.getUTCFullYear());
meta.append(datestamp);
meta.append(linkblock);
block.append(label);
block.append(meta);
// block.append(priv);
block.append(pub);
$("#emailList").append(block);
});
}
</script>
</head>
<body>
<div id="splash">
<div class="header">
<div class="manage"><a id="manageLink" href="manage">my account</a></div>
</div>
<% if (fullpage) { %>
<div class="tophalf">
<div class="title"><img src="i/browserid_logo.png"></div>
<div class="subtitle">A better way to sign in.</div>
</div>
<% } else { %>
<div class="topquarter">
<div>
<a href="/"><div class="title"><img src="i/browserid_logo_lil.png"></div></a>
<div class="subtitle"><%- title %></div>
</div>
</div>
<% } %>
<div class="bottomhalf">
<%- body %>
</div>
<div class="footer">
<div>
<div class="right">
<p><img src="i/browserid_logo_sm.png"> is an <b>open source experiment</b><br />from the <a href="http://identity.mozilla.com">Identity Team</a> at
<a href="https://mozillalabs.com">Mozilla Labs</a>.</p>
</div>
<div class="left">
<p> <a href="https://github.com/mozilla/browserid">Code</a> <a href="http://lloyd.io/how-browserid-works">Documentation</a> <a href="http://groups.google.com/group/mozilla-labs">Mailing list</a> <a href="/privacy">Privacy</a> <a href="/tos">TOS</a> </p>
<p class="copyright">Copyright © 2011 Mozilla. All rights reserved. </p>
</div>
</div>
</div>
</div>
</body>
</html>