source: extensions/net.sf.basedb.reggie/trunk/resources/partitionform.jsp @ 1403

<%@ 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 debug = false;
var currentStep = 1;

var caseSpecimenTubes = null;

var partitionDateIsValid = false;

var spWeightsAreValid;
var apWeightsAreValid;
var hisWeightsAreValid;
var nofPiecesAreValid;

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

function goNext()
{
  setInnerHTML('gonext.message', '');
  if (currentStep == 1)
  {   
    gotoStep2();
  }
  else if (currentStep == 2)
  {
    if (step2IsValid()) gotoStep3();
  }
}

function step2IsValid()
{
  return partitionDateIsValid;
}

function gotoStep2()
{
  var frm = document.forms['reggie'];
  var caseName = frm.caseName.value;
  if (caseName == '')
  {
    setInputStatus('case', 'Missing', 'invalid');
    return;
  }
  setInputStatus('case', '', 'valid');
  
  getSpecimenTubes();
  
  
  // Change section
  frm.caseName.disabled = true;
  
  Main.show('partitionSection');
  Main.show('gocancel');
  frm.partitionDate.focus();
  currentStep = 2;
}

function gotoStep3()
{
  var frm = document.forms['reggie'];
  frm.partitionDate.disabled = true;
  frm.partitionComment.disabled = true;
  
  var tubes = caseSpecimenTubes.specimen;
  var inputWeightHtml;
  if (tubes.length > 0)
  {
    spWeightsAreValid = Array(tubes.length);
    apWeightsAreValid = Array(tubes.length);
    hisWeightsAreValid = Array(tubes.length);
    nofPiecesAreValid = Array(tubes.lenth);
    
    inputWeightHtml = '';
    for (var i=0;i<tubes.length; i++)
    {
      spInputTitle = '';
      apInputTitle = '';
      hisInputTitle = '';
      nofPiecesTitle = '';
      if (i==0)
      {
        spInputTitle = 'Sp<br>';
        apInputTitle = 'Ap<br>';
        hisInputTitle = 'His<br>';
        nofPiecesTitle = 'NofPieces<br>';
      }
      inputWeightHtml += '<tr>';
      inputWeightHtml += '<td class="prompt">Specimen tube '+caseSpecimenTubes.name+'.'+(i+1)+'</td>';
      inputWeightHtml += '<td class="input">';
      inputWeightHtml += '<table>';     
      inputWeightHtml += '<tr>';
      inputWeightHtml += '<td>' + spInputTitle + '<input size=4 type="text" onChange="spWeightOnChange('+i+')" name="spWeight'+i+'" /></td>';
      inputWeightHtml += '<td>' + apInputTitle + '<input size=4 type="text" onChange="apWeightOnChange('+i+')" name="apWeight'+i+'" /></td>';
      inputWeightHtml += '<td>' + hisInputTitle + '<input size=4 type="text" onChange="hisWeightOnChange('+i+')" name="hisWeight'+i+'" /></td>';
      inputWeightHtml += '<td>' + nofPiecesTitle + '<input size=4 type="text" onChange="nofPiecesOnChange('+i+')" name="nofPieces'+i+'" /></td>';
      inputWeightHtml += '</tr>';
      inputWeightHtml += '</table>';
      inputWeightHtml += '</td>';
      inputWeightHtml += '<td id="weight'+i+'.status" class="status"></td>';
      inputWeightHtml += '<td class="help">';
      inputWeightHtml += '<span id="weight'+i+'.message" class="message" style="display:none;"></span>';
      inputWeightHtml += 'Weights should be given in [mg]</td>';
      inputWeightHtml += '</tr>';
      
    }   
    setInnerHTML('weightInputs', inputWeightHtml);
  } 
  Main.show('weightSection');
  Main.hide('gonext');
  Main.show('gocreate');
  frm.spWeight0.focus();
}

function updateInputStatus(tubeIndex)
{
  if (spWeightsAreValid[tubeIndex] == false)
  {
    setInputStatus('weight'+tubeIndex, 'SpWeight is invalid','invalid');
    return;
  }
  if(apWeightsAreValid[tubeIndex] == false)
  {
    setInputStatus('weight'+tubeIndex, 'APWeight is invalid', 'invalid');
    return;
  }
  if(hisWeightsAreValid[tubeIndex] == false)
  {
    setInputStatus('weight'+tubeIndex, 'HisWeight is invalid', 'invalid');
    return;
  }
  if(nofPiecesAreValid[tubeIndex] == false)
  {
    setInputStatus('weight'+tubeIndex, 'NofPieces is invalid', 'invalid');
    return;
  }
  setInputStatus('weight'+tubeIndex, '', 'valid');
}

function spWeightOnChange(tubeIndex)
{
  var inputName = 'spWeight'+tubeIndex;
  var frm = document.forms['reggie'];
  var weightInput = frm.elements[inputName].value;
  if (weightInput != '')
  {
    if (weightInput < 0)
    {
      spWeightsAreValid[tubeIndex] = false;
      updateInputStatus(tubeIndex);
      return;
    }
    if (weightInput == '0')
    {
      frm.elements[inputName].value = '';
    }
  } 
  spWeightsAreValid[tubeIndex] = true;
  updateInputStatus(tubeIndex);
}

function apWeightOnChange(tubeIndex)
{
  var inputName = 'apWeight'+tubeIndex;
  var frm = document.forms['reggie'];
  var weightInput = frm.elements[inputName].value;
  if (weightInput != '')
  {
    if (weightInput < 0)
    {
      apWeightsAreValid[tubeIndex] = false;
      updateInputStatus(tubeIndex);
      return;
    } 
    if (weightInput == '0')
    {
      frm.elements[inputName].value = '';
    } 
  } 
  apWeightsAreValid[tubeIndex] = true;
  updateInputStatus(tubeIndex);
}

function hisWeightOnChange(tubeIndex)
{
  var inputName = 'hisWeight'+tubeIndex;
  var frm = document.forms['reggie'];
  var weightInput = frm.elements[inputName].value;
  if (weightInput != '')
  {
    if (weightInput < 0)
    {
      hisWeightsAreValid[tubeIndex] = false;
      updateInputStatus(tubeIndex);
      return;
    }
    if (weightInput == '0')
    {
      frm.elements[inputName].value = '';
    }   
  } 
  hisWeightsAreValid[tubeIndex] = true;
  updateInputStatus(tubeIndex);
}

function nofPiecesOnChange(tubeIndex)
{
  var inputName = 'nofPieces'+tubeIndex;
  var frm = document.forms['reggie'];
  var fieldInput = frm.elements[inputName].value;
  if (fieldInput != '')
  {
    if (fieldInput < 0)
    {
      nofPiecesAreValid[tubeIndex] = false;
      updateInputStatus(tubeIndex);
      return;
    } 
    if (fieldInput == '0')
    {
      frm.elements[inputName].value = '';
    } 
  } 
  nofPiecesAreValid[tubeIndex] = true;
  updateInputStatus(tubeIndex);
}

function partitionDateOnBlur()
{
  var frm = document.forms['reggie'];
  var partitionDate = frm.partitionDate.value;
  var todaysDate = new Date();
  partitionDateIsValid = false;
  
  setInputStatus('partitionDate', '', '');
  
  if (partitionDate != '')
  {
    partitionDate = autoFillDate(partitionDate);
    frm.partitionDate.value = partitionDate;
    
    if (!Dates.isDate(partitionDate, 'yyyyMMdd'))
    {
      setInputStatus('partitionDate', 'Not a valid date', 'invalid');
      return;
    }
    if (todaysDate < new Date(partitionDate.substring(0,4), partitionDate.substring(4,6), partitionDate.substring(6)))
    {
      setInputStatus('partitionDate', 'Future dates are not valid','invalid');
      return;
    }
    setInputStatus('partitionDate','','valid');   
  }
  else
  {
    setInputStatus('partitionDate', 'Missing', 'warning');
  }
  partitionDateIsValid = true;
}

function getSpecimenTubes()
{
  var frm = document.forms['reggie']; 
  var caseName = frm.caseName.value;
  var request = Ajax.getXmlHttpRequest();
  var url = 'PartitionRegistration.servlet?ID=<%=ID%>&cmd=GetSpecimenTubes';
  url += '&caseName=' + caseName;
  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;
  }
  caseSpecimenTubes = response.caseInfo;
}
</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="Partition 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 name-->
  <table border="0" cellspacing="0" cellpadding="0" class="stepform">
  <tr>
    <td rowspan="3" class="stepno">1</td>
    <td class="steptitle">Enter Case Name</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" onkeypress="doOnTabOrEnter(event, goNext)"></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 the partitions.</td>
      </tr>
      </table>
    </td>
  </tr>
  </table>
  
  <!-- 2. General partition information -->
  <div id="partitionSection" style="display: none;">
    <p></p>
    <table border="0" cellspacing="0" cellpadding="0" class="stepform">
    <tr>
      <td rowspan="2" class="stepno">2</td>
      <td class="steptitle">Enter partition information</td>
    </tr>
    <tr>
      <td class="stepfields">
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
        <tr valign="top">
          <td class="prompt">Partition date</td>
          <td class="input"><input type="text" name="partitionDate" 
            size="12" maxlength="10" onBlur="partitionDateOnBlur()"></td>
          <td class="status" id="partitionDate.status"></td>
          <td class="help"><span id="partitionDate.message" class="message" style="display: none;"></span>The date when the partition was done.</td>
        </tr>
        <tr valign="top">
          <td class="prompt" id="partitionComment.prompt">Other partition comment</td>
          <td class="input" id="partitionComment.input"><textarea rows="3" cols="30" 
            name="partitionComment" value="" onkeypress="doOnTab(event, goNext)"></textarea></td>
          <td class="status" id="partitionComment.status"></td>
          <td class="help"><span id="partitionComment.message" class="message" style="display: none;"></span></td>
        </tr>
        </table>
      </td>
    </tr>
    </table>
  </div>
  
  <div id="weightSection" style="display:none;">
    <p></p>
    <table border="0" cellspacing="0" cellpadding="0" class="stepform">
    <tr>
      <td rowspan="2" class="stepno">3</td>
      <td class="steptitle">Enter weight information</td>   
    </tr>
    <tr>
      <td class="stepfields">
        <table id="weightInputs" border="0" cellspacing="0" cellpadding="0" width="100%"></table>
      </td>
    </tr>
    </table>
  </div>
    
  <div class="error" id="errorMessage" style="display: none; width: 800px; margin-left: 20px; margin-bottom: 0px;"></div>
  
  <div id="done" class="success" style="display: none; width: 800px; margin-left: 20px; margin-top: 20px;"></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="goupdate" title="Update" 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();
}
%>