Apache
/
archiva
mirror of https://github.com/apache/archiva.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/css/archiva.css
View File

@ -110,3 +110,26 @@ footer {
padding-bottom: 30px; padding-bottom: 30px;
padding-top: 10px; 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;
}

11
archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/index.html
View File

@ -29,7 +29,7 @@
<div class="span10 columns"> <div class="span10 columns">
<div class="content"> <div class="content">
<div id="user-messages"></div> <div id="user-messages"></div>
<div id="main-content"><img src="images/medium-spinner.gif"/></div> <div id="main-content"></div>
</div> </div>
</div> </div>
</div> </div>
@ -135,6 +135,7 @@
require(['order!domReady','archiva/main'],function (domReady) { require(['order!domReady','archiva/main'],function (domReady) {
domReady.withResources(function () { domReady.withResources(function () {
startArchivaApplication(); startArchivaApplication();
$("#loadingDiv").hide();
}) })
}) })
@ -150,6 +151,14 @@
</script> </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 id="dialog-spinner-modal" class="modal fade" style="display: block;">
<div class="modal-header"> <div class="modal-header">
<a class="close" href="#" data-dismiss="modal">&#215;</a> <a class="close" href="#" data-dismiss="modal">&#215;</a>