Starting to make the email verification step look and act right.

We have to pass the correct email to the dialog.

browserid/static/dialog/controllers/checkregistration_controller.js

@@ -38,14 +38,12 @@
   "use strict";
 
   PageController.extend("Checkregistration", {}, {
-    init: function(options) {
+    init: function(el, options) {
       this._super({
         bodyTemplate: "confirmemail.ejs",
         bodyVars: {
           email: options.email
-        },
-        footerTemplate: "bottom-confirmemail.ejs",
-        footerVars: {}
+        }
       });
       $('#continue_button').addClass('disabled');
       this.setupRegCheck();

browserid/static/dialog/css/popup2.css

@@ -443,7 +443,6 @@ html[xmlns] .cf {
     color: #222;
 }
 #checkemail {
-    display: none;
     text-align: center;
 }
 

browserid/static/dialog/views/confirmemail.ejs

-  <h2> Confirm Your Email </h2>
-  <div class="content">
-    <div class="summary">Welcome, <span class="email good"><%= email %></span>.  You will receive a <strong>confirmation email</strong> in a few moments.  To activate your BrowserID, please <strong>visit the link</strong> included in the email.</div>
-    <div class="attention" id="waiting_confirmation">
-      Waiting for email confirmation...
-    </div>
-    <div class="attention_awesome" style="display:none;" id="confirmed_notice">
-      Your email has been confirmed! </span>
-    </div>
-    <div class="actions">
-      <!-- XXX: disable the resend link until it's implemented -->
-      <div style="display: none;" class="action" id="resendit_action"> No email yet?  <a href="#">Resend it!</a></div>
-    </div>
+  <div id="checkemail">
+      <div class="table">
+          <div class="vertical">
+              <p style="margin:20px auto;font-size:150%;"><strong style="color:#222">Check your email!</strong></p>
+              <p>We sent a confirmation email to <span id="displayemail"><%= email %></span></p>
+              <p>To finish signing in just click the verify link we sent to your email address.</p>
+          </div>
+      </div>
   </div>
+