source: extensions/net.sf.basedb.genepattern/trunk/resources/run_visualizer.jsp @ 1134

<%-- $Id: run_visualizer.jsp 1134 2009-06-22 12:00:26Z nicklas $
  ------------------------------------------------------------------
  Copyright (C) 2009 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 2
  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 this program; if not, write to the Free Software
  Foundation, Inc., 59 Temple Place - Suite 330,
  Boston, MA  02111-1307, USA.
  ------------------------------------------------------------------

  @author Nicklas
--%>
<%@ page
  pageEncoding="UTF-8"
  session="false"
  import="net.sf.basedb.core.SessionControl"
  import="net.sf.basedb.core.Presets"
  import="net.sf.basedb.core.Presets.Preset"
  import="net.sf.basedb.clients.web.Base"
  import="net.sf.basedb.clients.web.extensions.ExtensionsControl"
  import="net.sf.basedb.clients.web.util.HTML"
%>
<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
<%
final SessionControl sc = Base.getExistingSessionControl(request, true);
final String ID = sc.getId();

String presetsXml = sc.getUserDefaultSetting("net.sf.basedb.genepattern.options");
Presets presets = new Presets();
if (presetsXml != null) presets.loadFrom(presetsXml);
final String homeUrl = ExtensionsControl.getHomeUrl("net.sf.basedb.genepattern.options");
%>
<base:page type="popup" title="">
<base:head scripts="ajax.js">
  <script language="JavaScript">
  function doVisualize()
  {
    var frm = document.forms['visualizer'];
    frm.submit();
  }
  function getModuleList()
  {
    var frm = document.forms['visualizer'];
    var url = '<%=homeUrl%>/Ajax.servlet?ID=<%=ID%>&cmd=ListModules';
    url += '&server=' + encodeURIComponent(frm['server'].value);
    var request = Ajax.getXmlHttpRequest();
    request.open("GET", url, true);
    Ajax.setReadyStateHandler(request, getModulesListCallback);
    request.send(null);
    document.getElementById('ajaxStatus').innerHTML = 'Please wait. . .';
    setTimeout('showProgress()', 250);
  }
  function showProgress()
  {
    var progress = document.getElementById('ajaxStatus');
    if (progress.innerHTML.indexOf('Please wait') == 0)
    {
      progress.innerHTML += ' .';
      setTimeout('showProgress()', 250);
    }
  }

  function getModulesListCallback(request)
  {
    if (document.getElementById('ajaxStatus').innerHTML.indexOf('Please wait') != 0) return;
    var frm = document.forms['visualizer'];
    var responseText = request != null ? 
      request.responseText :
      'status:error\nstacktrace:No response from server';
    var response = Ajax.parseResponse(responseText);
    if (response.isError())
    {
      var stacktrace = response.getElements()[0]['stacktrace'];
      document.getElementById('ajaxStatus').innerHTML = 
        '<div class="error stacktrace" style="width: 420px; height: 15em; overflow: auto;">' + stacktrace + '</div>';
    }
    else
    {
      var modules = response.getElements();
      modules.sort(compareGpModules);
      var html = '<div style="width: 420px; height: 15em; overflow: auto;">';
      for (var i = 0; i < modules.length; i++)
      {
        var type = modules[i]['taskType'];
        if (type == 'Visualizer')
        {
          html += '<a id="module.' + i + '" href="javascript:setModule('+i+')" title="' + modules[i]['description'] + '">';
          html += modules[i]['name'] + '</a><br>';
        }
      }
      html += '</div>';
      document.getElementById('ajaxStatus').innerHTML = html;
    }
  }
  function compareGpModules(m1, m2)
  {
    var type1 = m1['taskType'];
    var type2 = m2['taskType'];
    if (type1 < type2) return -1;
    if (type1 > type2) return 1;
    var name1 = m1['name'];
    var name2 = m2['name'];
    if (name1 < name2) return -1;
    if (name1 > name2) return 1;
    return 0;
  }
  function setModule(index)
  {
    var frm = document.forms['visualizer'];
    frm['module'].value = document.getElementById('module.'+index).innerHTML;
  }
  </script>
</base:head>
<base:body>
  
  <form action="Visualizer.servlet" method="post" name="visualizer">
  <input type="hidden" name="ID" value="<%=ID%>">
  <input type="hidden" name="cmd" value="SelectServerModule">
  
  <h3 class="docked">Run visualizer</h3>
  <div class="boxedbottom">
    <table class="form" cellspacing=0>
    <tr>
      <td></td>
      <td>Select a GenePattern visualizer module.</td>
    </tr>
    <tr>
      <td class="prompt">GenePattern server</td>
      <td>
      <select name="server" class="required">
      <%
      for (Presets.Preset server : presets)
      {
        %>
        <option><%=HTML.encodeTags(server.getName())%>
        <%
      }
      %>
      </select>
      </td>
    </tr>
    <tr>
      <td class="prompt">Visualizer module</td>
      <td>
        <input class="text required" type="text" name="module" size="40" value="">
      </td>
    </tr>
    <tr>
      <td class="prompt">Available modules</td>
      <td>
      <table border=0 cellspacing=0><tr><td><base:button 
          title="Get list" onclick="getModuleList()"
          image="<%=homeUrl + "/images/genepattern.gif" %>"
          /></td>
        </tr></table>
      </td>
    </tr>
    <tr>
      <td class="prompt"></td>
      <td id="ajaxStatus"></td>
    </tr>
    </table>
    </div>


    </form>
    <table align="center">
    <tr>
      <td width="50%"><base:button onclick="doVisualize();" title="Next" /></td>
      <td width="50%"><base:button onclick="window.close();" title="Cancel" /></td>
    </tr>
    </table>

</base:body>
</base:page>