add a better application loader

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1330285 13f79535-47bb-0310-9956-ffa450edef68
This commit is contained in:
Olivier Lamy 2012-04-25 13:34:11 +00:00
parent ddc56845b1
commit 5a2f89785d
2 changed files with 33 additions and 1 deletions

View File

@ -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;
}

View File

@ -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>