From 9299704adf0a85ee0608e8f5afaff7bffb5c3239 Mon Sep 17 00:00:00 2001
From: Yann Corno <yann@daysofwonder.com>
Date: Sat, 17 Oct 2015 21:57:04 +0200
Subject: [PATCH] (#101) Avoid flicker of login/logout/denied buttons

Currently, the 3 login, logout and denied buttons are shown before that 2 of them are hidden, which causes an unpleasant flicker. This happens because the AngularJS code takes time to kick-in.
Adding the "ng-hide" class to them hide them by default. This way, only the correct button will appear, after a short moment.
---
 app/views/templates/button.html  | 6 +++---
 app/views/templates/default.html | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/views/templates/button.html b/app/views/templates/button.html
index ce7861a..1f3f938 100644
--- a/app/views/templates/button.html
+++ b/app/views/templates/button.html
@@ -1,5 +1,5 @@
 <span class="oauth">
-  <a href="#" class="logged-out" ng-show="show=='logged-out'" ng-click="login()">Login Button</a>
-  <a href="#" class="logged-in"  ng-show="show=='logged-in'"  ng-click="logout()">Logout {{profile.email}}</a>
-  <a href="#" class="denied"     ng-show="show=='denied'"     ng-click="login()">Access denied.</a>
+  <a href="#" class="logged-out ng-hide" ng-show="show=='logged-out'" ng-click="login()">Login Button</a>
+  <a href="#" class="logged-in ng-hide"  ng-show="show=='logged-in'"  ng-click="logout()">Logout {{profile.email}}</a>
+  <a href="#" class="denied ng-hide"     ng-show="show=='denied'"     ng-click="login()">Access denied.</a>
 </span>
diff --git a/app/views/templates/default.html b/app/views/templates/default.html
index dbd71f2..305d736 100644
--- a/app/views/templates/default.html
+++ b/app/views/templates/default.html
@@ -1,5 +1,5 @@
 <a class="oauth">
-  <span href="#" class="logged-out" ng-show="show=='logged-out'" ng-click="login()" >{{text}}</span>
-  <span href="#" class="logged-in"  ng-show="show=='logged-in'"  ng-click="logout()">Logout {{profile.email}}</span>
-  <span href="#" class="denied"     ng-show="show=='denied'"     ng-click="login()">Access denied. Try again.</span>
+  <span href="#" class="logged-out ng-hide" ng-show="show=='logged-out'" ng-click="login()" >{{text}}</span>
+  <span href="#" class="logged-in ng-hide"  ng-show="show=='logged-in'"  ng-click="logout()">Logout {{profile.email}}</span>
+  <span href="#" class="denied ng-hide"     ng-show="show=='denied'"     ng-click="login()">Access denied. Try again.</span>
 </a>