| 1 |
95b003ff
|
Origo
|
<!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 |
48fcda6b
|
Origo
|
<div style="text-align:left; width:90%; margin-left:auto; margin-right:auto; font-size: 14px;">
|
| 15 |
95b003ff
|
Origo
|
<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>
|