Smoothing out just a tad, showing the initial "communicating with server"...

Smoothing out just a tad, showing the initial "communicating with server" message, but it still jumps a tad bit.

Smoothing out just a tad, showing the initial "communicating with server"...
Smoothing out just a tad, showing the initial "communicating with server" message, but it still jumps a tad bit.
8a949c80 · Shane Tomlinson · 33db9243 · 8a949c80 · 8a949c80
Commit 8a949c80 authored 13 years ago by Shane Tomlinson
--- a/browserid/static/dialog/controllers/dialog_controller.js
+++ b/browserid/static/dialog/controllers/dialog_controller.js
@@ -44,13 +44,14 @@

 PageController.extend("Dialog", {}, {
    init: function(el) {
-      this.element.show();
+      var self=this;
+      //this.element.show();

      // keep track of where we are and what we do on success and error
-      this.onsuccess = null;
-      this.onerror = null;
-      var chan = setupChannel(this);
-      this.stateMachine();
+      self.onsuccess = null;
+      self.onerror = null;
+      setupChannel(self);
+      self.stateMachine();
    },
      
    getVerifiedEmail: function(origin_url, onsuccess, onerror) {
@@ -196,7 +197,6 @@ PageController.extend("Dialog", {}, {

    doCheckAuth: function() {
      var self=this;
-      self.doWait(BrowserID.Wait.checkAuth);
      BrowserID.Identities.checkAuthenticationAndSync(function onSuccess() {}, 
        function onComplete(authenticated) {
          if (authenticated) {

--- a/browserid/views/dialog.ejs
+++ b/browserid/views/dialog.ejs
@@ -15,7 +15,7 @@
  <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css">
  <title>Browser ID</title>
 </head>
-  <body>
+  <body class="waiting">
      <div id="wrapper">
          <header id="header" class="cf">
              <ul>
@@ -27,7 +27,9 @@
            <form novalidate> 

              <div id="dialog" class="dialog cf">
-
+                <!-- All of this is going to be replaced on startup, but we need some temporary placeholder -->
+                <h2>Communicating with server</h2>
+                <p>Just a moment while we talk with the server.</p>
              </div>

              <div id="error_dialog">