add a better application loader

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1330285 13f79535-47bb-0310-9956-ffa450edef68

diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/css/archiva.css b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/css/archiva.css
index ab0eb1aa922543ce210a395c9a800d89d1302a9b..b7827bde0b12a3fe873431b06902873859fc63d6 100644 (file)
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/css/archiva.css
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/css/archiva.css
@@ -110,3 +110,26 @@ footer {
     padding-bottom: 30px;
     padding-top: 10px;
 }
+
+
+/* CSS for loading message */
+#loadingDiv {
+    position: absolute;
+    left: 45%;
+    bottom: 50%;
+    z-index: 20001;
+    height: auto;
+    border: 1px solid #ccc;
+}
+#loadingDiv a {
+    color: #225588;
+}
+
+#loadingDiv .loading-indicator {
+    background: white;
+    color: #444;
+    font: bold 12px tahoma;
+    padding: 10px;
+    margin: 0;
+    height: auto;
+}

diff --git a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html
index 1f9d59cf0c5ad79323dce64d6c36612a2c4c82c4..8c95ebf02e17a10b3ed5cbb7a3413c2d49e45522 100644 (file)
--- a/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html
+++ b/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html
@@ -29,7 +29,7 @@
     <div class="span10 columns">
       <div class="content">
         <div id="user-messages"></div>
-        <div id="main-content"><img src="images/medium-spinner.gif"/></div>
+        <div id="main-content"></div>
     </div>
   </div>
   </div>
@@ -135,6 +135,7 @@
                               require(['order!domReady','archiva/main'],function (domReady) {
                                   domReady.withResources(function () {
                                       startArchivaApplication();
+                                      $("#loadingDiv").hide();
                                   })
                               })
 
@@ -150,6 +151,14 @@
 
 
 </script>
+
+<div id="loadingDiv">
+  <div class="loading-indicator">
+    <img src="img/loading.gif" />
+    <span id="loading-msg">Loading</span>
+  </div>
+</div>
+
 <div id="dialog-spinner-modal" class="modal fade" style="display: block;">
   <div class="modal-header">
     <a class="close" href="#" data-dismiss="modal">&#215;</a>