data/templates/flashMgrProgress.tmp

   1 <html>
   2         <head>
   3                 <link rel="stylesheet" type="text/css" href="webif.css">
   4                 <script language="javascript" type="text/javascript" src="dhtml.js"></script>
   5                 <script>
   6                 var stopTimer = 0;
   7                 var updateTimer = setTimeout("update()", 5000);
   8                 function update()
   9                 {
  10                         videoData.location.reload();
  11                         updateTimer = setTimeout("update()", 5000);
  12                 }
  13                 function updateVideoBar(progress1, progress2, completion)
  14                 {
  15                         completion = completion / 5;
  16                         for (var i = 1; i <= 20; i += 1)
  17                         {
  18                                 if (i <= completion)
  19                                         getElem("id", "vid" + i, null).src = "led_on.gif";
  20                                 else
  21                                         getElem("id", "vid" + i, null).src = "led_off.gif";
  22                         }
  23                         getElem("id", "progress1", null).firstChild.nodeValue = progress1;
  24                         getElem("id", "progress2", null).firstChild.nodeValue = progress2;
  25                         if (stopTimer == 1)
  26                                 clearTimeout(updateTimer);
  27                         if (completion >= 20)
  28                                 stopTimer = 1;
  29                 }
  30                 function kill()
  31                 {
  32                         document.location = "/cgi-bin/killFlashOps";
  33                 }
  34                 </script>
  35         </head>
  36         <body onUnLoad="kill()" style="padding: 10px; background-color: #F4F4F4" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 id="contentcell">
  37                 <table style="table-layout: fixed" id="videocontrol" width="630px" height="50px" border="0" cellspacing="0" cellpadding="0">
  38                 <tr>
  39                         <td id="progress1" valign="center">&nbsp;</td>
  40                 </tr>
  41                 <tr>
  42                         <td id="progress2" valign="center">&nbsp;</td>
  43                 </tr>
  44                 <tr>
  45                         <td style="width:380px">
  46                                 <table border="0" width="380px" height="50px" cellspacing="0" cellpadding="0">
  47                                 <tr>
  48                                         <td width="40px">&nbsp;</td>
  49                                         <td valign="middle">
  50                                                 <table border="1" cellspacing="0" cellpadding="0">
  51                                                 <tr>
  52                                                         <td><img id="vid1" border="0" src="led_off.gif"></td>
  53                                                         <td><img id="vid2" border="0" src="led_off.gif"></td>
  54                                                         <td><img id="vid3" border="0" src="led_off.gif"></td>
  55                                                         <td><img id="vid4" border="0" src="led_off.gif"></td>
  56                                                         <td><img id="vid5" border="0" src="led_off.gif"></td>
  57                                                         <td><img id="vid6" border="0" src="led_off.gif"></td>
  58                                                         <td><img id="vid7" border="0" src="led_off.gif"></td>
  59                                                         <td><img id="vid8" border="0" src="led_off.gif"></td>
  60                                                         <td><img id="vid9" border="0" src="led_off.gif"></td>
  61                                                         <td><img id="vid10" border="0" src="led_off.gif"></td>
  62                                                         <td><img id="vid11" border="0" src="led_off.gif"></td>
  63                                                         <td><img id="vid12" border="0" src="led_off.gif"></td>
  64                                                         <td><img id="vid13" border="0" src="led_off.gif"></td>
  65                                                         <td><img id="vid14" border="0" src="led_off.gif"></td>
  66                                                         <td><img id="vid15" border="0" src="led_off.gif"></td>
  67                                                         <td><img id="vid16" border="0" src="led_off.gif"></td>
  68                                                         <td><img id="vid17" border="0" src="led_off.gif"></td>
  69                                                         <td><img id="vid18" border="0" src="led_off.gif"></td>
  70                                                         <td><img id="vid19" border="0" src="led_off.gif"></td>
  71                                                         <td><img id="vid20" border="0" src="led_off.gif"></td>
  72                                                 </tr>
  73                                                 </table>
  74                                         </td>
  75                                 </tr>
  76                                 </table>
  77                         </td>
  78                 <tr>
  79                 </table>
  80                 <iframe name="videoData" src="/cgi-bin/flashProgressData" width="100%" height="0" frameborder="0" framemargin="0" framewidth="0"></iframe>
  81         </body>
  82 </html>