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

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

Implemented importing of classifications

File size: 2.4 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                $(function() {
8                        $( "#wait_dialog" ).dialog({
9                                height: 200,
10                                width: 400,
11                                title: 'Please wait while processing files',
12                                modal: true,
13                                autoOpen: true,
14                                buttons: {},
15                                closeOnEscape: false,
16                                open: function(event, ui) { $(".ui-dialog-titlebar-close" ).hide(); },
17                                resizable: false       
18                        });
19
20                        // Show the progressbar and update the value every second
21                        $( "#progressbar" ).progressbar({
22                                value: 0
23                        });
24
25                        var progressInterval = setInterval(updateProgress, 250);
26                                                       
27                        // Call processing URL
28                        $.ajax({
29                          type: 'POST',
30                          url: "<g:createLink controller="import" action="process" id="${entityId}" />",
31                          data: "entityType=${entityType}",
32                          success: function(data) {
33                                 
34                                  // Stop update progress bar
35                                  clearInterval( progressInterval );
36                                   
37                                  window.location.replace( "${url.encodeAsJavaScript()}" );
38                          },
39                          error: function(xhr, textStatus, errorThrown) {
40
41                                  // Stop update progress bar (but update it for the last time)
42                                  updateProgress()
43                                  clearInterval( progressInterval );
44
45                                  alert( "Error " + xhr.getStatus() + ": " + xhr.getStatusText() );
46                                  //window.location.replace( "<g:createLink controller="${entityType}" action="show" id="${entityId}" />" );
47                        }
48                        });
49                });
50
51                function updateProgress() {
52                        var stepDiv = $( '#step' );
53                        $.ajax({
54                        type: "GET",
55                                url: "<g:createLink controller="import" action="getProgress" />",
56                                dataType: "json",
57                                success: function(progress) {
58                                        $( '#stepNum', stepDiv ).text( progress.stepNum );
59                                        $( '#numSteps', stepDiv ).text( progress.numSteps );
60                                        $( '#stepDescription', stepDiv ).text( progress.stepDescription );
61
62                                        stepDiv.show();
63
64                                        $("#progressbar").progressbar("value", progress.stepProgress / progress.stepTotal * 100 );
65                                }
66                        });
67                }
68        </script>
69        <style type="text/css">
70                #wait_dialog {
71                        padding: 20px;
72                        text-align: center;
73                }
74               
75                #progressbar {
76                        margin-top: 10px;
77                }
78        </style>
79</head>
80<body>
81        <div id="wait_dialog">
82                <span class="spinner" style="display: inline-block; zoom: 1; *display: inline;"></span>
83                <p>Please wait while processing your files.</p>
84                <p id="step" style="display: none;">
85                        Step <span id="stepNum"></span> / <span id="numSteps"></span>: <span id="stepDescription"></span>
86                </p>
87       
88                <div id="progressbar"></div>
89       
90        </div>
91</body>
92</html>
Note: See TracBrowser for help on using the repository browser.