addtimers.patch

--- oldfile 2013-08-19 11:08:35.139637000 -0400
+++ newfile 2013-08-19 11:24:47.975594478 -0400
@@ -12,6 +12,8 @@
    var $tbarid;
    var $textid;
    var $decimals = 1;
+   var $showTimes = 1;
+   var $hideOnComplete = 0;

    function __construct($percentDone = 0) {
        $this->pbid = 'pb';
@@ -39,7 +41,6 @@
                style="width: '.$percentDone.';"></div>
                <div id="'.$this->tbarid.'" class="pb_after"></div>
            </div>
-           <br style="height: 1px; font-size: 1px;"/>
        </div>
        <style>
            .pb_container {
@@ -80,7 +81,40 @@
                position: absolute;
                left: 48%;
            }
+           .clear {
+               height: 1px;
+               font-size: 1px;
+               clear:both;
+           }
+           #elapsed {
+               float:left;
+           }
+           #remaining {
+               float:right;
+           }
        </style>'."\r\n";
+       if ($this->showTimes) {
+           $content .= '<div id="elapsed">0:00</div><div id="remaining"></div>
+           <script type="text/javascript">
+               function pad(n){n=parseInt(n);return n<10?"0"+n:n;}
+               function setRemaining(elapsed){
+                   var percent = parseFloat(document.getElementById("'.$this->textid.'").innerHTML);
+                   var remaining = (elapsed*100/(percent || 1))-elapsed;
+                   var minutes = parseInt(remaining/60);
+                   var seconds = remaining%60;
+                   document.getElementById("remaining").innerHTML = minutes+":"+pad(seconds);
+               }
+               function setElapsed(){
+                   var elapsed = document.getElementById("elapsed").innerHTML.split(":");
+                   var minutes = parseInt(elapsed[0]);
+                   var seconds = parseInt(elapsed[1])+1;
+                   if(seconds>=60){minutes++;seconds=0;}
+                   document.getElementById("elapsed").innerHTML = minutes+":"+pad(seconds);
+                   setRemaining(minutes*60+seconds);
+               }
+               var addElapsed = setInterval(setElapsed, 1000);
+           </script><br class="clear" />'."\r\n";
+       }
        return $content;
    }

@@ -90,16 +124,21 @@
        print('
        <script type="text/javascript">
        if (document.getElementById("'.$this->pbarid.'")) {
-           document.getElementById("'.$this->pbarid.'").style.width = "'.$percentDone.'%";');
-       if ($percentDone == 100) {
-           print('document.getElementById("'.$this->pbid.'").style.display = "none";');
+           document.getElementById("'.$this->pbarid.'").style.width = "'.$percentDone.'%";}');
+       if ($percentDone == 100) {
+           if ($this->showTimes) {
+               print('document.getElementById("remaining").innerHTML = "0:00";clearInterval(addElapsed);');
+           }
+           if ($this->hideOnComplete) {
+               print('document.getElementById("'.$this->pbid.'").style.display = "none";');
+           }
        } else {
            print('document.getElementById("'.$this->tbarid.'").style.width = "'.(100-$percentDone).'%";');
        }
        if ($text) {
            print('document.getElementById("'.$this->textid.'").innerHTML = "'.htmlspecialchars($text).'";');
        }
-       print('}</script>'."\n");
+       print('</script>'."\n");
        $this->flush();
    }