httemplate/elements/progress-popup.html

   1 %
   2 %  my $jobnum = $cgi->param('jobnum');
   3 %  my $url = $cgi->param('url');
   4 %  my $message = $cgi->param('message');
   5 %  my $formname = scalar($cgi->param('formname'));
   6 %
   7
   8 <HTML>
   9   <HEAD>
  10     <TITLE></TITLE>
  11   </HEAD>
  12   <BODY BGCOLOR="#ccccff" onLoad="refreshStatus()">
  13
  14 <% include('/elements/xmlhttp.html',
  15               'url'  => $p.'elements/jsrsServer.html',
  16               'subs' => [ 'job_status' ],
  17            )
  18 %>
  19 <SCRIPT TYPE="text/javascript" src="<%$fsurl%>elements/qlib/control.js"></SCRIPT>
  20 <SCRIPT TYPE="text/javascript" src="<%$fsurl%>elements/qlib/imagelist.js"></SCRIPT>
  21 <SCRIPT TYPE="text/javascript" src="<%$fsurl%>elements/qlib/progress.js"></SCRIPT>
  22 <SCRIPT TYPE="text/javascript">
  23 function refreshStatus () {
  24   //jsrsExecute( '<%$p%>elements/jsrsServer.html', updateStatus, 'job_status', '<% $jobnum %>' );
  25
  26   job_status( '<% $jobnum %>', updateStatus );
  27 }
  28 function updateStatus( status_statustext ) {
  29
  30   //var Array = status_statustext.split("\n");
  31   var statusArray = eval('(' + status_statustext + ')');
  32   var status = statusArray[0];
  33   var statustext = statusArray[1];
  34   var actiontext = statusArray[2];
  35
  36   //if ( status == 'progress' ) {
  37   //IE workaround, no i have no idea why
  38   if ( status.indexOf('progress') > -1 ) {
  39     document.getElementById("progress_message").innerHTML = actiontext + '...';
  40     document.getElementById("progress_percent").innerHTML = statustext + '%';
  41     bar1.set(statustext);
  42     bar1.update;
  43     //jsrsExecute( '<%$p%>elements/jsrsServer.html', updateStatus, 'job_status', '<% $jobnum %>' );
  44     job_status( '<% $jobnum %>', updateStatus );
  45   } else if ( status.indexOf('complete') > -1 ) {
  46 % if ( $message ) {
  47 %
  48 %   my $onClick = $url
  49 %                   ? "window.top.location.href = \\'$url\\';"
  50 %                   : 'parent.nd(1);';
  51
  52     document.getElementById("progress_message").innerHTML = "<% $message %>";
  53     document.getElementById("progress_bar").innerHTML = '';
  54     document.getElementById("progress_percent").innerHTML =
  55       '<INPUT TYPE="button" VALUE="OK" onClick="<% $onClick %>">';
  56     document.getElementById("progress_jobnum").innerHTML = '';
  57
  58 %   unless ( $url ) {
  59         if ( parent.document.<%$formname%>.submit.disabled == true ) {
  60           parent.document.<%$formname%>.submit.disabled=false;
  61         }
  62 %   }
  63
  64 % } elsif ( $url ) {
  65
  66     window.top.location.href = '<% $url %>';
  67 % } else {
  68
  69     alert('job done but no url or message specified');
  70 % }
  71
  72   } else if ( status.indexOf('error') > -1 ) {
  73     document.getElementById("progress_message").innerHTML = '<FONT SIZE="+1" COLOR="#FF0000">Error: ' + statustext + '</FONT>';
  74     document.getElementById("progress_bar").innerHTML = '';
  75     document.getElementById("progress_percent").innerHTML = '<INPUT TYPE="button" VALUE="OK" onClick="parent.nd(1);">';
  76     document.getElementById("progress_jobnum").innerHTML = '';
  77     if ( parent.document.<%$formname%>.submit.disabled == true ) {
  78       parent.document.<%$formname%>.submit.disabled=false;
  79     }
  80   } else {
  81     alert('XXX unknown status returned from server: ' + status);
  82   }
  83
  84 }
  85 </SCRIPT>
  86
  87     <TABLE WIDTH="100%">
  88       <TR>
  89         <TD ALIGN="center" ID="progress_message">
  90           Server processing job...
  91         </TD>
  92       </TR><TR>
  93         <TD ALIGN="center" ID="progress_bar">
  94           <SCRIPT TYPE="text/javascript">
  95             // Create imagelist
  96             SEGS = new QImageList(4, 23, "<%$fsurl%>images/progressbar-empty.png", "<%$fsurl%>images/progressbar-full.png");
  97             // Create bars
  98             bar1 = new QProgress(null, "bar1", SEGS, 100);
  99             // bar1.set(0);
 100             // bar1.update;
 101           </SCRIPT>
 102         </TD>
 103       </TR><TR>
 104         <TD ALIGN="center">
 105           <DIV ID="progress_percent">%</DIV>
 106         </TD>
 107       </TR><TR>
 108         <TD ALIGN="center" ID="progress_jobnum">
 109           (progress of job #<% $jobnum %>)
 110         </TD>
 111       </TR>
 112     </TABLE>
 113
 114   </BODY>
 115 </HTML>
 116