source: trunk/grails-app/views/import/showProcessScreen.gsp @ 64

Last change on this file since 64 was 64, checked in by robert@…, 8 years ago

Removed sql logs and solved small debugging bugs

File size: 2.5 KB
Line 
1<html>
2<head>
3        <meta name="layout" content="main" />
4        <title>Processing files | Mass Sequencing | dbNP</title>
5
6        <script type="text/javascript">
7                var progressInterval;
8               
9                $(function() {
10                        $( "#wait_dialog" ).dialog({
11                                height: 200,
12                                width: 400,
13                                title: 'Please wait while processing files',
14                                modal: true,
15                                autoOpen: true,
16                                buttons: {},
17                                closeOnEscape: false,
18                                open: function(event, ui) { $(".ui-dialog-titlebar-close" ).hide(); },
19                                resizable: false       
20                        });
21
22                        // Show the progressbar and update the value every second
23                        $( "#progressbar" ).progressbar({
24                                value: 0
25                        });
26
27                        progressInterval = setTimeout(updateProgress, 250);
28                                                       
29                        // Call processing URL
30                        $.ajax({
31                          type: 'POST',
32                          url: "${processUrl.encodeAsJavaScript()}",
33                          data: "${processParameters*.toString().join("&")}",
34                          success: function(data) {
35                                  // Stop update progress bar
36                                  clearTimeout( progressInterval );
37
38                                  window.location.replace( "${finishUrl.encodeAsJavaScript()}" );
39                          },
40                          error: function(xhr, textStatus, errorThrown) {
41                                       
42                                  // Stop update progress bar (but update it for the last time)
43                                  updateProgress()
44                                  clearTimeout( progressInterval );
45
46                                  alert( "Error " + xhr.status + ": " + xhr.statusText + ". Please contact your system administrator." );
47                                  window.location.replace( "${errorUrl?.encodeAsJavaScript()}" );
48                        }
49                        });
50                });
51
52                function updateProgress() {
53                        var stepDiv = $( '#step' );
54                        $.ajax({
55                        type: "GET",
56                                url: "${progressUrl?.encodeAsJavaScript()}",
57                                dataType: "json",
58                                success: function(progress) {
59                                        $( '#stepNum', stepDiv ).text( progress.stepNum );
60                                        $( '#numSteps', stepDiv ).text( progress.numSteps );
61                                        $( '#stepDescription', stepDiv ).text( progress.stepDescription );
62
63                                        stepDiv.show();
64
65                                        $("#progressbar").progressbar("value", progress.stepProgress / progress.stepTotal * 100 );
66
67                                        // Make sure the next progress will be retrieved in 250 ms
68                                        progressInterval = setTimeout(updateProgress, 250);                                     
69                                }
70                        });
71                }
72        </script>
73        <style type="text/css">
74                #wait_dialog {
75                        padding: 20px;
76                        text-align: center;
77                }
78               
79                #progressbar {
80                        margin-top: 10px;
81                }
82        </style>
83</head>
84<body>
85        <div id="wait_dialog">
86                <span class="spinner" style="display: inline-block; zoom: 1; *display: inline;"></span>
87                <p>Please wait while processing your files.</p>
88                <p id="step" style="display: none;">
89                        Step <span id="stepNum"></span> / <span id="numSteps"></span>: <span id="stepDescription"></span>
90                </p>
91       
92                <div id="progressbar"></div>
93       
94        </div>
95</body>
96</html>
Note: See TracBrowser for help on using the repository browser.