codex-storage/deluge
1
0
Fork 0
mirror of https://github.com/codex-storage/deluge.git synced 2025-01-12 04:24:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

add a simple loading screen that hides the UI until the theme is loaded

Browse Source
This commit is contained in:
Damien Churchill 2008-08-11 22:27:06 +00:00
parent 5a3e1d06d2
commit 7f4b433e49
3 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
deluge/ui/webui/templates/ajax/index.html
View File

@ -14,6 +14,9 @@
<script src="$base/template/static/js/deluge.js" type="text/javascript"></script> <script src="$base/template/static/js/deluge.js" type="text/javascript"></script>
</head> </head>
<body> <body>
<div id="overlay">
<div class="title">Loading...</div>
</div>
<div id="page"> <div id="page">
<div id="toolbar"> <div id="toolbar">
<ul id="buttons"> <ul id="buttons">

1
deluge/ui/webui/templates/ajax/static/js/deluge.js
View File

@ -57,6 +57,7 @@ Deluge.UI = {
window.addEvent('resize', this.bound.resized); window.addEvent('resize', this.bound.resized);
Deluge.UI.update(); Deluge.UI.update();
$('overlay').destroy();
}, },
initialize_grid: function() { initialize_grid: function() {

12
deluge/ui/webui/templates/ajax/template_style.css
View File

@ -13,9 +13,21 @@ Version: 0.1
html, body { html, body {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
width: 100%:
height: 100%;
overflow: hidden; overflow: hidden;
} }
#overlay {
position: fixed;
top: 0;
left: 0;
background: #304663 url(/static/images/simple_bg.jpg) repeat-x;
width: 100%;
height: 100%;
z-index: 99999;
}
#details { #details {
padding: 5px; padding: 5px;
} }