Project

General

Profile

Download (3.61 KB) Statistics
| Branch: | Revision:
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
7
    <!-- Loading Bootstrap -->
8
    <link href="/stabile/static/css/bootstrap.css" rel="stylesheet">
9
    <!-- Loading Flat UI -->
10
    <link href="/stabile/static/css/flat-ui.css" rel="stylesheet">
11
    <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
12
13
    <style>
14
15
        .ui-progressbar .ui-progressbar-value {
16
            margin: 0;
17
        }
18
19
        .ui-progressbar-value {
20
            box-sizing: content-box;
21
            border:0;
22
            background-image: none;
23
            background-color: #1ABC9C;
24
            margin: 0;
25
        }
26
        pre{
27
            white-space: pre-wrap;
28
            margin: 20px 4px 10px 4px;
29
            overflow-x: hidden;
30
        }
31
    </style>
32
33
</head>
34
<body>
35
<div style="margin-left:auto; font-family:sans-serif; margin-right:auto; text-align:center; border: 0px solid;">
36
    <h4 id="upgradetitle">
37
        Your app is being upgraded. Hang on...
38
    </h4>
39
    <div style="text-align:left; width:600px; margin-left:auto; margin-right:auto;">
40
        Feel free to close this dialog. Once your app is running again, you can load the management interface by clicking the "manage" button.
41
    </div>
42
    <div id="progressbar" style="height:12px; margin: 10px 4px 10px 4px; border:0;" class="progress"></div>
43
    <div id="upgradestatus" style="display: none; height: 325px; overflow-x:hidden; overflow-y: scroll;"></div>
44
</div>
45
46
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
47
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
48
49
<script src="/stabile/static/js/bootstrap/jquery.ui.touch-punch.min.js"></script>
50
<script src="/stabile/static/js/bootstrap/bootstrap.min.js"></script>
51
<script src="/stabile/static/js/bootstrap/bootstrap-select.js"></script>
52
<script src="/stabile/static/js/bootstrap/bootstrap-switch.js"></script>
53
<script src="/stabile/static/js/bootstrap/flatui-checkbox.js"></script>
54
<script src="/stabile/static/js/bootstrap/flatui-radio.js"></script>
55
56
<script>
57
    var counter = 0;
58
    var callback =
59
60
    $(document).ready(function(){
61
        $("#progressbar").progressbar({value: 0});
62
63
        var tminus = 60;
64
        var stacksecs = document.getElementById("stacksecs");
65
        var id = setInterval(function() {
66
            tminus--;
67
            counter += 100/tminus;
68
            if(tminus < 0) {
69
                clearInterval(id);
70
            } else {
71
                $("#progressbar").progressbar({value: counter});
72
            }
73
        }, 1000);
74
75
        var handle = parent.dojo.subscribe("upgrade:update", function(task){
76
            if (task.status) {
77
                var elem = document.getElementById('upgradestatus');
78
                elem.style.display = "block";
79
                elem.innerHTML += "<pre id=\"u" + task.timestamp + "\">" + task.status + "</pre>\n";
80
                elem = document.getElementById('upgradestatus');
81
                elem.scrollTop = elem.scrollHeight;
82
            }
83
            if (task.title) {
84
                document.getElementById('upgradetitle').innerHTML = task.title;
85
            }
86
            if (task.progress) {
87
                counter = task.progress;
88
                $("#progressbar").progressbar({value: counter});
89
            }
90
        });
91
92
        window.onunload = function() {
93
            console.log("unsubscribing upgrade:update");
94
            parent.dojo.unsubscribe(handle);
95
        }
96
    });
97
</script>
98
</body>
99
</html>