<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OctopusNet</title>
<link rel="stylesheet" type="text/css" href="/style.css">

<!-- Add page scripts here -->
<script type="text/javascript">

WaitCounter = 30;
UpdateError = false;
isReboot = false;

function FWVersion(fwdate)
{
  // Jahr, Monat, Tag, Stunden, Minuten
  // date = new Date("20"+fwdate.substr(0,2),fwdate.substr(2,2)-1,fwdate.substr(4,2),fwdate.substr(6,2),fwdate.substr(8,2),"0");
  date = new Date(1);
  date.setUTCDate(fwdate.substr(4,2));
  date.setUTCFullYear("20"+fwdate.substr(0,2));
  date.setUTCMonth(fwdate.substr(2,2)-1);
  date.setUTCHours(fwdate.substr(6,2));
  date.setUTCMinutes(fwdate.substr(8,2));
  
  ds = date.toGMTString();

  return ds.substring(5,ds.length-7);

}

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState == 4 )
    {
      if ( xmlhttp.status == 200)
      {
        myFunction(xmlhttp.responseText);
      }
      isChecking = false;
    }
}

function Request(url) 
{
   xmlhttp.open("GET", url, true);
   xmlhttp.send();
}

function myFunction(response) {
   if( isReboot ) return;
   var UpdateStatus = JSON.parse(response);
   
   if( UpdateStatus.Error )
   {
     document.getElementById("UpdateButton").disabled  = false;    
     document.getElementById("UpdateButton").value  = "Continue";    
     document.getElementById("updatestatus").firstChild.nodeValue  = UpdateStatus.Status;   
     UpdateError = true;
   }    
   else if( UpdateStatus.Status == "Started" )
   {
     window.setTimeout(RequestStatus,250);  
   }
   else if( UpdateStatus.Status == "VerifyDone" )
   {
     document.getElementById("UpdateButton").disabled  = false;    
     document.getElementById("UpdateButton").value  = "Reboot";    
     document.getElementById("updatestatus").firstChild.nodeValue  = "";    
   }
   else if( UpdateStatus.Status == "DownloadDone" )
   {
     document.getElementById("updatestatus").firstChild.nodeValue  = "***** Verifying ******";    
     window.setTimeout(RequestStatus,250);  
   }
   else if( UpdateStatus.Status == "CheckDone" )
   {
     document.getElementById("updatestatus").firstChild.nodeValue  = "***** Downloading ******";    
     window.setTimeout(RequestStatus,250);  
   }
   else  
     window.setTimeout(RequestStatus,250);  
    
}

function RequestStatus()
{
   xmlhttp.open("GET", "/update.lua?updatestatus", true);
   xmlhttp.send();
}

function DoUpdate()
{
  CheckDone = false;
  document.getElementById("updatestatus").firstChild.nodeValue  = "***** Checking ******";
  Request("/update.lua?update");
}

function Reboot()
{
  document.getElementById("UpdateButton").disabled  = true;    
  if( UpdateError )
  {
    location.replace('/index.html');
  }
  else
  {
    isReboot = true;
    Request("/reboot.lua?sjiwjsiowjs");
    WaitCounter = 70;
    document.getElementById("updatestatus").firstChild.nodeValue  = WaitCounter;
    window.setTimeout(Wait,1000);  
  }
}

function Wait()
{
  document.getElementById("updatestatus").firstChild.nodeValue  = WaitCounter;
  if( WaitCounter == 0 )
  {
    location.replace('/index.html');
  }
  else
  {
    WaitCounter = WaitCounter - 1;
    window.setTimeout(Wait,1000);  
  }
}

</script>

</head>
<body onload="DoUpdate()">


<table class="maintable" align="center">
  <colgroup>
    <col width="182px"/>
    <col width="728px"/>
  </colgroup>
  <tr><td class="maintd" colspan="2">
    <img src="/BannerDD.jpg" alt="DD" width="910" height="130" />
  </td></tr>
  <tr><td class="maintd" colspan="2">&nbsp;</td></tr>
  <tr>
    <td class="maintd"></td>
    <td class="content">
      <div>
        <!-- Begin Content -->                
        <h1 align="center">DO NOT TURN THE DEVICE OFF</h1>
        <table class="table" align="center">
          <tr>
            <td id="updatestatus">&nbsp;&nbsp;</td>
          </tr>
          <tr>
            <td>
              <form action="">
                 <input id="UpdateButton" type="Button" value="Continue" disabled="true" onclick="Reboot()" />
              </form>
            </td>
          <tr>                  
        </table>

        
        <!-- End Content -->
      </div>
    </td>
  </tr>
  <tr><td colspan="2">&nbsp;</td></tr>
</table>

</body>
</html>