Fix load flash

Signed-off-by: James Ketrenos <james_git@ketrenos.com>

frontend/src/ketr-photos/ketr-photos.html

@@ -282,7 +282,8 @@
           <paper-tab tab="memories"><paper-icon-button icon="today"></paper-icon-button></paper-tab>
           <paper-tab tab="albums"><paper-icon-button icon="folder"></paper-icon-button></paper-tab> 
         </paper-tabs>
-        <iron-pages id="pages" attr-for-selected="id" selected="[[mode]]" fallback-selection="memories">
+        <iron-pages id="pages" attr-for-selected="id" selected="[[mode]]" fallback-selection="loading">
+          <div id="loading"></div>
           <div id="time"><div>... time slider ...</div></div>
           <div id="memories" class="flex layout vertical center">
             <div class="memory-buttons layout self-stretch horizontal around-justified">
@@ -319,8 +320,9 @@
       <app-header-layout>
         <app-header reveals slot="header">
           <div id="header" class="layout horizontal center">
-            <paper-icon-button icon="search" on-tap="drawerToggle"></paper-icon-button>
+            <paper-icon-button hidden$="[[!user]]" icon="search" on-tap="drawerToggle"></paper-icon-button>
             <iron-pages class="flex" attr-for-selected="mode" selected="[[mode]]">
+              <div id="loading"></div>
               <div mode="login"><div>You are not logged in.</div></div>
               <div mode="albums" id="breadcrumb" class="horizontal layout center">
                 <template is="dom-repeat" items="[[breadcrumb(path)]]">
@@ -340,15 +342,19 @@
             </div>
         </div>
         </app-header>
-        <div>
+        <iron-pages attr-for-selected="id" selected="[[mode]]" fallback-selection="content">
-          <div hidden$="[[!user]]">
+          <div id="loading" class="layout vertical center">
+            <paper-spinner active$="[[loading]]" class="thin"></paper-spinner>
+            <div>~ Loading ~</div>
+          </div>
+          <div id="content">
             <div id="thumbnails" class="layout horizontal wrap"></div>
             <div id="bottom" class="layout vertical center">
               <paper-spinner hidden$="[[!loading]]" active$="[[loading]]" class="thin"></paper-spinner>
               <div hidden$="[[loading]]">~ the end ~</div>
             </div>
           </div>
-          <div id="login" hidden$="[[user]]" class="layout horizontal center">
+          <div id="login" class="layout horizontal center">
             <div class="flex layout vertical">
               <div id="instructions">
                 <p><b>ketrenos.com</b> is a personal website for my family and friends.</p>
@@ -364,7 +370,7 @@
               <paper-button tabindex=0 id="loginButton" disabled$="[[disableLogin(username,password)]]" on-tap="login" raised><div hidden$="[[loggingIn]]">login</div><div hidden$="[[!loggingIn]]"><paper-spinner active$="[[loggingIn]]"></paper-spinner></div></paper-button>
             </div>
           </div>
-        </div>
+        </iron-pages>
       </app-header-layout>
     </app-drawer-layout>
     <div id="pager">pager</div>
@@ -373,7 +379,7 @@
         <div>item</div>
       </template>
     </div>
-    <paper-dialog id="requestAccess" modal>
+    <paper-dialog id="requestAccess" with-backdrop>
       <div class="layout vertical">
         <div class="title">Create an account</div>
         <div>
@@ -459,7 +465,7 @@
           }, 
           mode: {
             type: String,
-            value: "login"
+            value: "loading"
           },
           date: {
             type: String,
@@ -1236,9 +1242,13 @@
         },
 
         userChanged: function(user) {
+          if (!this.firstRequest) {
+            this.mode = "loading";
+            return; 
+          }
+
           this.resetPhotos();
           this.path = "";
-          this.mode = "";
           if (user) {
             this.mode = "memories";
           } else {
@@ -1265,7 +1275,10 @@
           }.bind(this), 100);
 
           this.loading = true;
+          this.firstRequest = false;
+
           window.fetch("api/v1/users", function(error, xhr) {
+            this.firstRequest = true;
             this.loading = false;
 
             if (error) {
@@ -1286,6 +1299,12 @@
 
             if (results && results.username) {
               this.user = results;
+            } else {
+              if (this.user) {
+                this.user = null;
+              } else {
+                this.userChanged(this.user);
+              }
             }
           }.bind(this));
 

server/routes/users.js

@@ -33,7 +33,7 @@ function ldapPromise(username, password) {
     return Promise.reject("LDAP not being used");
   }
   return new Promise(function(resolve, reject) {
-    ldap.authenticate(username, password, function(error, user) {
+    ldap.authenticate(username.replace(/@.*$/, ""), password, function(error, user) {
       if (error) {
         return reject(error);
       }