Ignore:
Timestamp:
May 17, 2011, 1:44:07 PM (8 years ago)
Author:
robert@…
Message:

Implemented importing of classifications

Location:
trunk/grails-app/views/import
Files:
1 edited
1 moved

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/views/import/showProcessScreen.gsp

    r34 r58  
    11<html>
    22<head>
    3 <meta name="layout" content="main" />
    4 <title>Processing files | Mass Sequencing | dbNP</title>
     3        <meta name="layout" content="main" />
     4        <title>Processing files | Mass Sequencing | dbNP</title>
    55
    6 <script type="text/javascript">
    7                         $(function() {
    8                                 $( "#wait_dialog" ).dialog({
    9                                         height: 140,
    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="fasta" 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                                 });
     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       
    4918                        });
    5019
    51                         function updateProgress() {
    52                               $.ajax({
    53                                     type: "GET",
    54                                     url: "<g:createLink controller="fasta" action="getProgress" />",
    55                                     dataType: "json",
    56                                     success: function(progress) {
    57                                           $("#progressbar").progressbar("value", progress.bytesProcessed / progress.numBytes * 100 );
    58                                                 }
    59                               });
     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}" />" );
    6047                        }
    61                 </script>
    62 <style type="text/css">
    63         #wait_dialog {
    64                 padding: 20px;
    65                 text-align: center;
    66         }
    67        
    68         #progressbar { margin-top: 10px; }
    69 </style>
     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>
    7079</head>
    7180<body>
    72 <div id="wait_dialog">
    73 
    74         <span class="spinner" style="display: inline-block; zoom: 1; *display: inline;"></span>
    75         Please wait while processing your files.
     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>
    7687       
    77         <div id="progressbar"></div>
     88                <div id="progressbar"></div>
    7889       
    79 </div>
     90        </div>
    8091</body>
    8192</html>
Note: See TracChangeset for help on using the changeset viewer.