source: trunk/www/common/plugin/download_immediately.jsp @ 5426

<%-- $Id: download_immediately.jsp 5426 2010-09-24 09:18:50Z nicklas $
  ------------------------------------------------------------------
  Copyright (C) 2006, 2007 Nicklas Nordborg

  This file is part of BASE - BioArray Software Environment.
  Available at http://base.thep.lu.se/

  BASE is free software; you can redistribute it and/or
  modify it under the terms of the GNU General Public License
  as published by the Free Software Foundation; either version 3
  of the License, or (at your option) any later version.

  BASE is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with BASE. If not, see <http://www.gnu.org/licenses/>.
  ------------------------------------------------------------------

  @author Nicklas
  @version 2.0
--%>
<%@ page pageEncoding="UTF-8" session="false"
  import="net.sf.basedb.core.SessionControl"
  import="net.sf.basedb.core.DbControl"
  import="net.sf.basedb.core.PluginResponse"
  import="net.sf.basedb.clients.web.Base"
  import="net.sf.basedb.util.Values"
  import="net.sf.basedb.clients.web.util.HTML"
%>
<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
<%@ taglib prefix="t" uri="/WEB-INF/tab.tld" %>

<%
final SessionControl sc = Base.getExistingSessionControl(pageContext, true);
final String ID = sc.getId();
final DbControl dc = sc.newDbControl();
PluginResponse pluginResponse = (PluginResponse)sc.getSessionSetting("plugin.configure.response");
String title = pluginResponse.getMessage() == null ? 
  "Download export" : HTML.encodeTags(pluginResponse.getMessage());
try
{
  %>
  <base:page type="popup" title="<%=title%>">
  <base:head scripts="ajax.js" styles="progressbar.css">
    <script language="JavaScript">
    function downloadExport()
    {
      Main.hide("download");
      Main.hide("beforeDownloadInfo");
      Main.show("afterDownloadInfo");
      Main.show("progress");    
      document.getElementById("downloadFrame").src = 'index.jsp?ID=<%=ID%>&cmd=ExportImmediately';
      sendProgressUpdateWithAjax();
    }
    function doCancel()
    {
      location = 'index.jsp?ID=<%=ID%>&cmd=CancelWizard';
    }
    function updateProgressWithAjax(request)
    {
      var percent = request.responseText;
      displayProgress(percent);
      if (percent < 100)
      {
        setTimeout('sendProgressUpdateWithAjax()', 1500);
      }
    }
    function sendProgressUpdateWithAjax()
    {
      var request = Ajax.getXmlHttpRequest();
      if (request != null)
      {
        var url = 'progress.jsp?ID=<%=ID%>&ajax=1&'+Math.random();
        request.open("GET", url, true);
        Ajax.setReadyStateHandler(request, updateProgressWithAjax);
        request.send(null);
      }
      return request != null;
    }
    function displayProgress(percentDone)
    {   
      document.getElementById('percent').innerHTML = '&nbsp;' + percentDone+'%';
      var doneElement = document.getElementById('percentDone');
      doneElement.style.width = percentDone+'%';
      var remainElement = document.getElementById('percentRemain');
      remainElement.style.width = (100-percentDone)+'%';
      if (percentDone == 100) Main.hide('percentRemain');
    }
    function init()
    {
      Main.hide("progress");
      document.getElementById('percentDone').width = '0%';
      document.getElementById('percentRemain').width = '100%';
      document.getElementById('percent').innerHTML = '&nbsp;0%';
    }
    </script>
  </base:head>
  <base:body onload="init()">

  <br><br>
  <div align="center">
  <base:note type="info" title="<%=title%>" style="width:50%;">
    <br>
    <div id="beforeDownloadInfo">
    The configuration has been successfully completed. 
    Use the <code>Download</code> button to download the 
    exported data.
    </div>
    <div id="afterDownloadInfo">
    Do not close this window until the download has finished. 
    </div>
    <br>
    <!-- The progress bar -->
    <div id="progress" style="align:center;">
      <table width="90%" border=0 cellspacing=0 cellpadding=0 align="center">
      <tr>
      <td width="80%" >
        <table width="100%" class="progressbar" border=0 cellspacing=0 cellpadding=0>
        <tr>
          <td width="0%" class="done" id="percentDone">&nbsp;</td>
          <td width="100%" class="remain" id="percentRemain">&nbsp;</td>
        </tr>
        </table>
      </td>
        <td width="20%" id="percent">&nbsp;0%</td>
      </tr>
      </table>
    </div>
    <br><br>
  </base:note>
  </div>
  <br>

    <table align="center">
    <tr>
      <td width="50%"><base:button id="download" onclick="downloadExport();" title="Download" 
        image="download.gif" /></td>
      <td width="50%"><base:button onclick="doCancel();" title="Cancel" /></td>
    </tr>
    </table>
    <iframe id="downloadFrame" src="" frameborder=0 width=1 height=1/>
  </base:body>
  </base:page>
  <%
}
finally
{
  if (dc != null) dc.close();
}
%>