|
1
|
<!DOCTYPE html>
|
|
2
|
<html>
|
|
3
|
<head>
|
|
4
|
<title>Loading...</title>
|
|
5
|
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" />
|
|
6
|
<link rel="stylesheet" href="/stabile/static/css/style.css" />
|
|
7
|
</head>
|
|
8
|
<body style="background-color:white!important;">
|
|
9
|
<div style="margin-left:auto; font-family:sans-serif; margin-right:auto; text-align:center; padding-top:15%; border: 0px solid;">
|
|
10
|
<h3>
|
|
11
|
<!-- img src="/stabile/static/img/loader.gif" style="vertical-align:middle; margin-right:20px;" alt="loading..." / -->
|
|
12
|
Your stack is loading. Hang on...
|
|
13
|
</h3>
|
|
14
|
<div style="text-align:left; width:90%; margin-left:auto; margin-right:auto; font-size: 14px;">
|
|
15
|
<div id="progressbar" style="height:12px; margin: 20px 18px 20px 0"></div>
|
|
16
|
<!-- We will wait <span id="stacksecs">60</span> seconds for your
|
|
17
|
app to boot and its management interface to be available.<br -->
|
|
18
|
Feel free to close this dialog - you can return to the management interface by clicking the "manage" button on the dashboard.
|
|
19
|
</div>
|
|
20
|
</div>
|
|
21
|
<script>
|
|
22
|
var tminus = 60;
|
|
23
|
var counter = 0;
|
|
24
|
var stacksecs = document.getElementById("stacksecs");
|
|
25
|
var id = setInterval(function() {
|
|
26
|
tminus--;
|
|
27
|
counter += 100/60;
|
|
28
|
if(tminus < 0) {
|
|
29
|
//stacksecs.innerHTML = "0";
|
|
30
|
clearInterval(id);
|
|
31
|
} else {
|
|
32
|
//stacksecs.innerHTML = tminus.toString();
|
|
33
|
$("#progressbar").progressbar({value: counter});
|
|
34
|
}
|
|
35
|
}, 1000);
|
|
36
|
|
|
37
|
</script>
|
|
38
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
|
|
39
|
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
|
|
40
|
<script>
|
|
41
|
$(document).ready(function(){
|
|
42
|
$("#progressbar").progressbar({value: 0});
|
|
43
|
});
|
|
44
|
</script>
|
|
45
|
</body>
|
|
46
|
</html>
|