From 11789f8bdffbe07b4327a055fa11a1be386f8ef9 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Mon, 21 Apr 2014 12:09:07 +0200
Subject: verbessere Loader

---
 css/images/ajax-loader.gif | Bin 10819 -> 1928 bytes
 css/index.css              |   7 +++++++
 index.html                 |   4 ++++
 js/index.js                |   9 +++++++++
 4 files changed, 20 insertions(+)
 mode change 100755 => 100644 css/images/ajax-loader.gif

diff --git a/css/images/ajax-loader.gif b/css/images/ajax-loader.gif
old mode 100755
new mode 100644
index 47adbf0..15e24db
Binary files a/css/images/ajax-loader.gif and b/css/images/ajax-loader.gif differ
diff --git a/css/index.css b/css/index.css
index 919f63c..d35fe38 100644
--- a/css/index.css
+++ b/css/index.css
@@ -57,3 +57,10 @@ body {
 .pdfcanvas {
     height: 100%;
 }
+
+#loadercontainer {
+    width: 24px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
diff --git a/index.html b/index.html
index 3ab5377..1ade923 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,10 @@
                 </div>
 
                 <div id="login" class="ui-content">
+                    <div id="loadercontainer">
+                        <img id="loader" src="css/images/ajax-loader.gif">
+                    </div>
+
                     <div data-role="popup" id="loginpopup" data-theme="a">
                         <form style="padding:10px 20px;" id="loginform" action="javascript:login();">
                             <h3>Bitte einloggen</h3>
diff --git a/js/index.js b/js/index.js
index 5183327..2e56131 100644
--- a/js/index.js
+++ b/js/index.js
@@ -28,6 +28,15 @@ $(document).bind('pageinit', function(){
     }, 2000);
 });
 
+/* der Loader wird nur im Login-Tab angezeigt, wenn das Popup zu ist */
+$('#loginpopup').on('popupafterclose', function(){
+    $('#loader').show('fast');
+});
+
+$('#loginpopup').on('popupafteropen', function(){
+    $('#loader').hide('slow');
+});
+
 /* PDF Rendering */
 function renderPage($div, pdf, pageNumber, callback){
     pdf.getPage(pageNumber).then(function(page){
-- 
cgit v1.3.1