diff --git a/authority/static/status.html b/authority/static/status.html
index 8ad75ebb460d7c456f8599535c10eee9f0503a87..22bb05542be1d47904cebb20a8ecd923dab85f99 100644
--- a/authority/static/status.html
+++ b/authority/static/status.html
@@ -5,13 +5,32 @@
BrowserID Control
</title>
<script src="../dialog/jquery-min.js"></script>
+<link href="http://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet" type="text/css">
<style type="text/css">
body { margin: auto; font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
a:link, a:visited { font-style: italic; text-decoration: none; color: #008; }
a:hover { border-bottom: 2px solid black ; }
+.number { font-family: 'Permanent Marker', arial, serif; font-size: 4em; float: left; padding: 0; margin: 0; vertical-align: top; width: 1.3em}
.title { font-size: 2em; font-weight: bold; text-align: center; margin: 1.5em; }
.intro { font-size: 1.2em; width: 600px; margin: auto; }
+.step { width: 600px; margin: auto; margin-top: 1em;}
+.desc { padding-top: 1.5em; min-height: 4.5em;}
+.output {
+ font-family: 'lucida console', monaco, 'andale mono', 'bitstream vera sans mono', consolas, monospace;
+ border: 3px solid #666;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ padding: .5em;
+ margin: .5em;
+ color: #ccc;
+ background-color: #333;
+/* white-space: pre;*/
+ font-size: .9em;
+ width:600px;
+ word-wrap: break-word;
+}
#emailList {
font-size: 1.0em;
width: 4x00px;
@@ -27,14 +46,28 @@ a:hover { border-bottom: 2px solid black ; }
color:#405090;
}
.emailblock {
- border:1px solid #d0d0d0;
+ border: 1px solid #ddd;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
background-color:#f0f0f0;
- padding:4px;
- margin-bottom:16px;
+ width:500px;
+ padding:8px;
+ min-height:48px;
+ margin:16px auto;
}
.meta {
display:inline-block;
float:right;
+ font:8pt Arial;
+}
+.meta a {
+ cursor:pointer;
+}
+.keyblock {
+ font:8pt Arial;
+}
+.date {
+ font:8pt Arial;
}
</style>
<body>
@@ -53,21 +86,46 @@ function display_saved_ids()
if (emails.hasOwnProperty(e))
{
var block = $("<div>").addClass("emailblock");
- var e = $("<div>").addClass("email").text(e);
+ var label = $("<div>").addClass("email").text(e);
var meta = $("<div>").addClass("meta");
-/* var priv = $("<div>").text(e.priv);
- var pub = $("<div>").text(e.pub);
+
+ var data = emails[e];
+
+
+
+ var priv = $("<div class='keyblock'>").text(data.priv);
+ var pub = $("<div class='keyblock'>").text(data.pub);
+ priv.hide();
+ pub.hide();
+ var linkblock = $("<div>");
var puba = $("<a>").text("[show public key]");
var priva = $("<a>").text("[show private key]");
- meta.append(puba);
- meta.append(" / ");
- meta.append(priva);*/
-
+ puba.click(function() {pub.show()});
+ priva.click(function() {priv.show()});
+ linkblock.append(puba);
+ linkblock.append(" / ");
+ linkblock.append(priva);
+
var deauth = $("<button>").text("Sign Out");
meta.append(deauth);
+ deauth.click(function() {
+ var t = JSON.parse(window.localStorage.emails);
+ delete t[e];
+ window.localStorage.emails = JSON.stringify(t);
+ display_saved_ids();
+ });
+
+ var d = new Date(data.created);
+ var datestamp = $("<div class='date'>").text("Logged in at " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + ", " + d.getMonth() + "/" + d.getDay() + "/" + d.getUTCFullYear());
- block.append(e);
+ meta.append(datestamp);
+ meta.append(linkblock);
+
+ block.append(label);
block.append(meta);
+ block.append(priv);
+ block.append(pub);
+
$("#emailList").append(block);
}
}
@@ -87,4 +145,4 @@ BrowserID Control
<div id="emailList">
<div>
-</body>
+</body>
\ No newline at end of file