source: extensions/net.sf.basedb.reggie/trunk/resources/specimentube.jsp @ 1372

<%@ page
  pageEncoding="UTF-8"
  session="false"
  import="net.sf.basedb.core.User"
  import="net.sf.basedb.core.DbControl"
  import="net.sf.basedb.core.SessionControl"
  import="net.sf.basedb.clients.web.Base" 
%>
<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
<%@ taglib prefix="p" uri="/WEB-INF/path.tld" %>
<%
final SessionControl sc = Base.getExistingSessionControl(request, true);
final String ID = sc.getId();
final float scale = Base.getScale(sc);
DbControl dc = null;
try
{
  dc = sc.newDbControl();
  final User user = User.getById(dc, sc.getLoggedInUserId());
%>
<base:page type="default" >
<base:head scripts="ajax.js" styles="path.css">
  <link rel="stylesheet" type="text/css" href="reggie.css">
  <script language="JavaScript" src="reggie.js" type="text/javascript" charset="UTF-8"></script>
  
  
<script language="JavaScript">
var caseIsValid = false;
var tubeNumberIsValid = false;
var arrivalDateIsValid = false;
var nofDeliveredTubesIsValid = true;
var nofTubesIsValid = false;
var debug = false;
var currentStep = 1;

var specimenTubeInfo = null;

function init()
{
  var frm = document.forms['reggie'];
  frm.caseName.focus();
}

function caseNameOnBlur()
{
  var frm = document.forms['reggie'];
  var caseName = frm.caseName.value;
  if (caseName == '')
  {
    setInputStatus('case', 'Missing', 'invalid');
    return;
  }
  setInputStatus('case', '', 'valid');
  caseIsValid = true;
}

function tubeNumberOnBlur()
{
  var frm = document.forms['reggie'];
  var tubeNumber = frm.tubeNumber.value;
  if (tubeNumber == '')
  {
    setInputStatus('tnr', 'Missing', 'invalid');
    return;
  }
  setInputStatus('tnr', '', 'valid');
  tubeNumberIsValid = true;
}

function goNext(manual)
{
  setInnerHTML('gonext.message', '');
  if (currentStep == 1)
  {
    if(step1IsValid())
    {
      gotoStep2();
    }
  }
}

function step2IsValid()
{
  var isValid = arrivalDateIsValid && nofDeliveredTubesIsValid;
  return isValid;
}

function step1IsValid()
{
  return caseIsValid && tubeNumberIsValid;
}

function gotoStep2()
{
  var frm = document.forms['reggie'];
  var caseName = frm.caseName.value;
  var tubeNumber = frm.tubeNumber.value;
  var request = Ajax.getXmlHttpRequest();
  var url = 'SpecimenTubeRegistration.servlet?ID=<%=ID%>&cmd=GetSpecimenTubeInfo';
  url += '&caseName=' + caseName;
  url += '&specimenTubeNumber=' + tubeNumber;
  request.open("GET", url, false);
  request.send(null);

  if (debug) Main.debug(request.responseText);

  var response = JSON.parse(request.responseText);
  if (response.status != 'ok')
  {
    setFatalError(response.message);
    return false;
  }
  
  // Get sample information from the AJAX response
  specimenTubeInfo = response.specimenTubeInfo;

  Main.show('gocancel');
  if (!specimenTubeInfo.id)
  {
    Main.show('newSpecimenTubeSection');
    frm.arrivalDate.focus();
  }

  currentStep == 2;
  Main.hide('gonext');
  Main.show('gocreate');
}

function arrivalDateOnChange()
{
  var frm = document.forms['reggie'];
  arrivalDateIsValid = false;
  setInputStatus('arrivalDate', '', '');

  var arrivalDate = frm.arrivalDate.value;

  if (arrivalDate != '')
  {
    arrivalDate = autoFillDate(arrivalDate);
    frm.arrivalDate.value = arrivalDate;

    if (!Dates.isDate(arrivalDate, 'yyyyMMdd'))
    {
      setInputStatus('arrivalDate', 'Not a valid date', 'invalid');
      return;
    }
    setInputStatus('arrivalDate', '', 'valid');
    arrivalDateIsValid = true;
  }
}

function nofDeliveredTubesOnKeyup()
{
  var frm = document.forms['reggie'];
  var nofTubes = frm.nofDeliveredTubes.value; 
  if (nofTubes != '')
  {
    if (isNaN(nofTubes))
    {
      setInputStatus('nofDeliveredTubes', 'Must be a number', 'invalid');
      nofDeliveredTubesIsValid = false;
      return;
    }
    setInputStatus('nofDeliveredTubes', '', 'valid');
    nofDeliveredTubesIsValid = true;
  }
}

function goCreate()
{
  if (!step2IsValid()) return;
  Main.hide('gocreate');
  Main.hide('gocancel');
  var frm = document.forms['reggie'];

  specimenTubeInfo.name = frm.caseName.value + '.' + frm.tubeNumber.value;
  specimenTubeInfo.arrivalDate = frm.arrivalDate.value;
  specimenTubeInfo.nofDeliveredTubes = frm.nofDeliveredTubes.value;

  if (debug) Main.debug(JSON.stringify(specimentTubeInfo));

  var request = Ajax.getXmlHttpRequest();
  var url = 'SpecimenTubeRegistration.servlet?ID=<%=ID%>&cmd=';
  url += 'CreateSpecimenTube';
  request.open("POST", url, false);
  request.setRequestHeader("Content-Type", "application/json");
  request.send(JSON.stringify(specimenTubeInfo));

  if (debug) Main.debug(request.responseText);

  var response = JSON.parse(request.reponseText);
  if(response.status != 'ok')
  {
    setFatalError(response.message);
    return false;
  }

  var msg = '<ul>';
  for (var i=0; i < resposne.messages.length; i++)
  {
    msg +='<li>' + reponse.messages[i];
  }
  msg += '</ul>';
  setInnerHTML('done', msg);
  Main.show('done');
  Main.show('gorestart');
}

</script>

</base:head>
<base:body onload="init()">
<p:path style="margin-top: 20px; margin-bottom: 10px;">
    <p:pathelement title="Reggie" href="<%="index.jsp?ID="+ID%>" />
    <p:pathelement title="Specimen tube registration" />
  </p:path>

  <%
  if (sc.getActiveProjectId() == 0)
  {
    %>
    <base:note type="warning" style="width: 800px; margin-left: 20px; margin-bottom: 20px; margin-right: 0px; font-weight: bold; color: #cc0000;">
      No project has been selected. You may proceed with the registration but 
      created items will not be shared.
    </base:note>
    <%
  }
  %>

  <form name="reggie" onsubmit="return false;">
  
  <!-- 1. Case and tube number-->
  <table border="0" cellspacing="0" cellpadding="0" class="stepform">
  <tr>
    <td rowspan="3" class="stepno">1</td>
    <td class="steptitle">Enter Case Name and tube number</td>
  </tr>
  <tr>
    <td class="stepfields">
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr valign="top">
        <td class="prompt">Case name</td>
        <td class="input"><input type="text" name="caseName" 
          size="18" maxlength="12" onblur="caseNameOnBlur()" onkeypress="focusOnEnter(event, 'tubeNumber')"></td>
        <td class="status" id="case.status"></td>
        <td class="help"><span id="case.message" class="message" style="display: none;"></span>The case (barcode) associated with this specimen tube.</td>
      </tr>
      <tr>
        <td class="prompt">Tube number</td>
        <td class="input"><input type="text" name="tubeNumber" 
          size="18" maxlength="12" onblur="tubeNumberOnBlur()" onkeypress="doOnTabOrEnter(event, goNext)"></td>
        <td class="status" id="tnr.status"></td>
        <td class="help"><span id="tnr.message" class="message" style="display: none;"></span>The number associated with this specimen tube.</td>
      </tr>
      </table>
    </td>
  </tr>
  </table>
  <div id="newSpecimenTubeSection" style="display:none;">
  <p>
  <table border="0" cellspacing="0" cellpadding="0" class="stepform">
  <tr>
    <td rowspan="2" class="stepno">2</td>
    <td class="steptitle">New specimen tube: Enter specimen information</td>
  </tr>
  <tr>
    <td class="stepfields">
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr>
        <td class="prompt">Arrival date</td>
        <td class="input"><input type="text" name="arrivalDate" 
          value="" size="18" maxlength="12" onblur="arrivalDateOnChange()"
          onkeypress="focusOnEnter(event, 'arrivalDate')"></td>
        <td class="status" id="arrivalDate.status"></td>
        <td class="help"><span id="arrivalDate.message" class="message" style="display: none;"></span>Date(YYYYMMDD) when this specimen tube arrived.</td>
      </tr>
      <tr>
        <td class="prompt">Number of delivered tubes</td>
        <td class="input"><input type="text" name="nofDeliveredTubes" 
          value="" size="18" maxlength="12" onkeyup="nofDeliveredTubesOnKeyup()"
          onkeypress="focusOnEnter(event, 'nofDeliveredTubes')"></td>
        <td class="status" id="nofDeliveredTubes.status"></td>
        <td class="help"><span id="nofDeliveredTubes.message" class="message" style="display: none;"></span>Number of speciment tubes that were delivered.</td>
      </tr>
      </table>
    </td>
  </tr>
  </table>
  </div>
  
  <table style="margin-left: 20px; margin-top: 10px;" class="navigation">
    <tr>
      <td><base:button id="gocancel" title="Cancel" onclick="goRestart(false)" style="display: none;"/></td>
      <td><base:button id="gonext" title="Next" image="gonext.gif" onclick="goNext(true)"/></td>
      <td><base:button id="gocreate" title="Create" image="gonext.gif" onclick="goCreate()" style="display: none;"/></td>
      <td><base:button id="gorestart" title="Restart" image="goback.gif" onclick="goRestart(true)" style="display: none;"/></td>
      <td id="gonext.message" class="message"></td>
    </tr>
  </table>
  </form>
  
</base:body>
</base:page>
<%
}
finally
{
  if (dc != null) dc.close();
}
%>