From 62d6d2fa2768ba6693a946eedd77655a63fc80da Mon Sep 17 00:00:00 2001
From: Johannes Zellner <webmaster@nebulon.de>
Date: Thu, 21 Aug 2014 16:33:43 -0700
Subject: [PATCH] webadmin: fade content views

---
 webadmin/views/applist.html  | 22 +++++++++++++---------
 webadmin/views/userlist.html | 16 ++++++++--------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/webadmin/views/applist.html b/webadmin/views/applist.html
index 493f54d77..d8b075d61 100644
--- a/webadmin/views/applist.html
+++ b/webadmin/views/applist.html
@@ -4,22 +4,26 @@
     </div>
 </div>
 
-<div class="row" ng-show="loadStatus == LOADING">
-    <div class="col-lg-12" class="text-center">
-        <center>
-            <h2>Loading</h2>
-            <i class="fa fa-circle-o-notch fa-spin fa-5x"></i>
-        </center>
+<div class="row animateMeOpacity ng-hide" ng-show="loadStatus == LOADING">
+    <div class="col-lg-12" style="text-align: center;">
+        <h2>Loading</h2>
+        <i class="fa fa-circle-o-notch fa-spin fa-5x"></i>
     </div>
 </div>
 
-<div class="row" ng-show="loadStatus == LOADED && !apps.length">
-    <div class="col-lg-12" class="text-center">
+<div class="row animateMeOpacity ng-hide" ng-show="loadStatus == ERROR">
+    <div class="col-lg-12" style="text-align: center;">
+        <h2>Error reaching the Store</h2>
+    </div>
+</div>
+
+<div class="row animateMeOpacity ng-hide" ng-show="loadStatus == LOADED && !apps.length">
+    <div class="col-lg-12" style="text-align: center;">
         <h2>No Apps available</h2>
     </div>
 </div>
 
-<div class="row" ng-show="loadStatus == LOADED">
+<div class="row animateMeOpacity ng-hide" ng-show="loadStatus == LOADED">
     <div class="col-lg-4 col-md-6" ng-repeat="app in apps">
         <div class="panel panel-primary">
             <div class="panel-heading">
diff --git a/webadmin/views/userlist.html b/webadmin/views/userlist.html
index 87b117415..d3a8d9dd6 100644
--- a/webadmin/views/userlist.html
+++ b/webadmin/views/userlist.html
@@ -4,7 +4,13 @@
     </div>
 </div>
 
-<div class="row" ng-show="!ready">
+<div class="row">
+    <div class="col-lg-12">
+        <button class="btn btn-primary btn-outline pull-right" ng-click="addUser()">New User</button>
+    </div>
+</div>
+
+<div class="row animateMeOpacity ng-hide" ng-show="!ready">
     <div class="col-lg-12" class="text-center">
         <center>
             <h2>Loading</h2>
@@ -13,7 +19,7 @@
     </div>
 </div>
 
-<div class="row" ng-show="ready">
+<div class="row animateMeOpacity ng-hide" ng-show="ready">
     <div class="col-lg-12">
         <table class="table table-hover">
             <thead>
@@ -62,9 +68,3 @@
         </table>
     </div>
 </div>
-
-<div class="row">
-    <div class="col-lg-12">
-        <button class="btn btn-primary btn-outline pull-right" ng-click="addUser()">New User</button>
-    </div>
-</div>