source: extensions/net.sf.basedb.reggie/tags/2.0.1/resources/consentform.jsp

<%@ page
  pageEncoding="UTF-8"
  session="false"
  import="net.sf.basedb.core.Application"
  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"
  import="net.sf.basedb.clients.web.util.HTML"
  import="net.sf.basedb.util.Values"
%>
<%@ 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 caseIsValid = false;
var consentDateIsValid = false;

var consentToId = { "Yes": "consent.yes", "No" : "consent.no", "Not asked": "consent.notAsked" };

var caseInfo = null;

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

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

function step2IsValid()
{
  return consentDateIsValid;
}

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


function gotoStep2()
{
  // Check entered case and pnr with AJAX
  var frm = document.forms['reggie'];
  
  frm.caseName.disabled = true;
  currentStep = 2;
  
  var caseName = frm.caseName.value;
  var request = Ajax.getXmlHttpRequest();
  var url = 'ConsentForm.servlet?ID=<%=ID%>&cmd=GetCaseInfo';
  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;
  }
  
  Main.hide('gonext');
  Main.show('consentSection');
  
  // Get case information from the AJAX response
  caseInfo = response.caseInfo;

  if (caseInfo.consentDate)
  {
    frm.consentDate.value = caseInfo.consentDate;
  }
  frm.consentDate.focus();

  
  // caseInfo.consent = 'No';
  // caseInfo.id = 999;
  // caseInfo.specimen = [ 1 ];
    
  if (caseInfo.consent)
  {
    // A consent has already been registered for this case
    // We do not support updating this
    enableConsentOption(consentToId[caseInfo.consent], true);
    setInputStatus('consent', '"' + caseInfo.consent + '" has already been registered for this case. It is not possible to change with this wizard.', '');
    Main.show('gorestart');
    frm.consentDate.disabled = true;
  }
  else if (caseInfo.id)
  {
    // There is an existing case already registered
    // This wizard will only allow 'Yes' option on the consent form
    enableConsentOption('consent.yes', true);
    setInputStatus('consent', 'This case already exists.', 'valid');
    Main.showInline('morehelp.yes');
    Main.show('gocancel');
    Main.show('goregister');
  }
  else if (caseInfo.specimen && caseInfo.specimen.length > 0)
  {
    // There is no existing case but there are specimen related to it
    // This wizard can't be used until the "Personal registration wizard"
    // has been completed for this case
    setInputStatus('consent', 'Specimen tubes for this case already exists.', 'invalid');
    Main.showInline('morehelp.specimen');
    Main.show('gorestart');
    frm.consentDate.disabled = true;
  }
  else
  {
    // We have no information about this case
    // The wizard will only allow 'No' and 'Not asked' option on the consent form
    enableConsentOption('consent.no', true);
    enableConsentOption('consent.notAsked');
    Main.showInline('morehelp.no');
    Main.show('gocancel');
    Main.show('goregister');
  }

}

function goRegister()
{
  if (!step2IsValid()) return;
  
  var frm = document.forms['reggie'];
  frm.otherReasonIfNotAsked.disabled = true;
  frm.consentDate.disabled = true;
  for (var i = 0; i < frm.consent.length; i++)
  {
    frm.consent[i].disabled = true;
  }
  for (var i = 0; i < frm.reasonIfNotAsked.length; i++)
  {
    frm.reasonIfNotAsked[i].disabled = true;
  }
  
  Main.hide('goregister');
  Main.hide('gocancel');

  caseInfo.consentDate = frm.consentDate.value;
  caseInfo.consent = Forms.getCheckedRadio(frm.consent).value;
  if (caseInfo.consent == 'Not asked')
  {
    var reasonIfNotAsked = '';
    for (var i = 0; i < frm.reasonIfNotAsked.length; i++)
    {
      var option = frm.reasonIfNotAsked[i];
      if (option.checked)
      {
        if (option.id == 'notAsked.other')
        {
          reasonIfNotAsked += frm.otherReasonIfNotAsked.value;
        }
        else
        {
          var label = document.getElementById(option.id + '.label');
          reasonIfNotAsked += label.innerHTML + '\n';
        }
      }
    }
    caseInfo.reasonIfNotAsked = reasonIfNotAsked;
  }
  
  var submitInfo = new Object();
  submitInfo.caseInfo = caseInfo;

  if (debug) Main.debug(JSON.stringify(submitInfo));
  var request = Ajax.getXmlHttpRequest();
  var url = 'ConsentForm.servlet?ID=<%=ID%>&cmd=RegisterConsent';
  request.open("POST", url, false);
  request.setRequestHeader("Content-Type", "application/json");
  request.send(JSON.stringify(submitInfo));

  if (debug) Main.debug(request.responseText);
  
  var response = JSON.parse(request.responseText);
  if (response.status != 'ok')
  {
    setFatalError(response.message);
    return false;
  }
  
  var msg = '<ul>';
  for (var i = 0; i < response.messages.length; i++)
  {
    msg += '<li>' + response.messages[i];
  }
  msg += '</ul>';
  setInnerHTML('done', msg);
  Main.show('done');
  Main.show('gorestart');
}

function enableConsentOption(optionId, checkIt)
{
  var option = document.getElementById(optionId); // The radio button
  option.disabled = false;
  if (checkIt) option.checked = true;
  var label = document.getElementById(optionId + '.label'); // The label
  Main.removeClass(label, 'disabled');
}

function consentDateOnChange()
{
  var frm = document.forms['reggie'];
  consentDateIsValid = false;
  setInputStatus('consentDate', '', '');
  
  var consentDate = frm.consentDate.value;
  
  if (consentDate == '')
  {
    setInputStatus('consentDate', 'Missing', 'warning');
  }
  else
  {
    // Auto-fill the date if it's only given with 4(MMdd) or 6(yyMMdd) digits.    
    consentDate = autoFillDate(consentDate);
    frm.consentDate.value = consentDate;
  
    if (!Dates.isDate(consentDate, 'yyyyMMdd'))
    {
      setInputStatus('consentDate', 'Not a valid date', 'invalid');
      return;
    }
    setInputStatus('consentDate', '', 'valid');
  }
  
  consentDateIsValid = true;
}


function consentOnChange()
{
  // If "Not asked" is selected we must enable the second question
  var isAsked = !document.getElementById('consent.notAsked').checked;
  
  var frm = document.forms['reggie'];
  var reasonIfNotAsked = frm.reasonIfNotAsked;
  for (var i = 0; i < reasonIfNotAsked.length; i++)
  {
    reasonIfNotAsked[i].disabled = isAsked;
    var label = document.getElementById(reasonIfNotAsked[i].id + '.label');
    Main.addOrRemoveClass(label, 'disabled', isAsked);
  }
  frm.otherReasonIfNotAsked.disabled = isAsked;
  
}

</script>
<style>
.disabled
{
  color: #999999;
  font-style: italic;
}
</style>
</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="Consent form 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 + Personal number -->
  <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>
        <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 case.</td>
      </tr>
      </table>
    </td>
  </tr>
  </table>

  <!-- 2. Consent section -->
  <div id="consentSection" style="display: none;">
  <p>
  <table border="0" cellspacing="0" cellpadding="0" class="stepform">
  <tr>
    <td rowspan="2" class="stepno">2</td>
    <td class="steptitle">Consent form</td>
  </tr>
  <tr>
    <td class="stepfields">
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr valign="top">
        <td class="prompt">Date</td>
        <td class="input" style="padding-left: 0px;">
          <input type="text" name="consentDate" value="" size="12" maxlength="10"
            onblur="consentDateOnChange()">
        </td>
        <td class="status" id="consentDate.status"></td>
        <td class="help">
          <span id="consentDate.message" class="message" style="display: none;"></span>(YYYYMMDD or MMDD)
        </td>
      </tr>
      <tr valign="top">
        <td class="prompt">Consent</td>
        <td class="input" style="padding-left: 0px;">
          <input id="consent.no" type="radio" name="consent" value="No" disabled onchange="consentOnChange()">
            <label id="consent.no.label" for="consent.no" class="disabled">No</label><br>
          <input id="consent.yes" type="radio" name="consent" value="Yes" disabled onchange="consentOnChange()">
            <label id="consent.yes.label" for="consent.yes" class="disabled">Yes</label><br>
          <input id="consent.notAsked" type="radio" name="consent" value="Not asked" disabled onchange="consentOnChange()">
            <label id="consent.notAsked.label" for="consent.notAsked" class="disabled">Not asked</label>
        </td>
        <td class="status" id="consent.status"></td>
        <td class="help" rowspan="2">
          <span id="consent.message" class="message" style="display: none;"></span>
          <span id="morehelp.yes" style="display: none;">
            <b>Yes</b> is the only option supported by this wizard. The other alternatives 
            may require manual deletion of already registered information.
          </span>
          <span id="morehelp.specimen" style="display: none;">
            The <b>Personal information registration</b> wizard must be completed before a 
            <b>Yes</b> can be registered. The other alternatives may require manual 
            deletion of already registered information.
          </span>
          <span id="morehelp.no" style="display: none;">
            The <b>Personal information registration</b> wizard must be completed for 
            this case before a <b>Yes</b> can be registered.
          </span>
        </td>
      </tr>
      <tr valign="top">
        <td class="subprompt">Reason if not asked</td>
        <td class="input">
          <table border="0" cellpadding="0" cellspacing="0">
          <tr valign="baseline">
            <td><img src="../../images/joust/joinbottom.gif"></td>
            <td><input id="notAsked.forgot" type="checkbox" name="reasonIfNotAsked" disabled></td>
            <td><label id="notAsked.forgot.label" for="notAsked.forgot" class="disabled">Forgot to ask the patient</label></td>
          </tr>
          
          <tr valign="baseline">
            <td></td>
            <td><input id="notAsked.language" type="checkbox" name="reasonIfNotAsked" disabled></td>
            <td><label id="notAsked.language.label" for="notAsked.language" class="disabled">Language problems</label></td>
          </tr>

          <tr valign="baseline">
            <td></td>
            <td><input id="notAsked.condition" type="checkbox" name="reasonIfNotAsked" disabled></td>
            <td><label id="notAsked.condition.label" for="notAsked.condition" class="disabled">Patient can't decide due to physical and/or mental condition</label></td>
          </tr>

          <tr valign="baseline">
            <td></td>
            <td><input id="notAsked.other" type="checkbox" name="reasonIfNotAsked" disabled></td>
            <td><label id="notAsked.other.label" for="notAsked.other" class="disabled">Other:</label></td>
          </tr>

          <tr valign="baseline">
            <td></td>
            <td colspan="2">
            <textarea name="otherReasonIfNotAsked" rows="3" cols="30" disabled
              onfocus="document.forms['reggie'].reasonIfNotAsked[3].checked = true"></textarea>
            </td>
          </tr>
          </table>

        </td>
        <td class="status" id="notAsked.status"></td>
      </tr>
      </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="goregister" title="Register" image="gonext.gif" onclick="goRegister()" 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();
}
%>