source: extensions/net.sf.basedb.meludi/trunk/resources/personal/ffpe_block_registration_alt_rec.jsp @ 5073

<%@ 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.clients.web.extensions.ExtensionsControl"
  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, "net.sf.basedb.meludi", true);
final SessionControl sc = Base.getExistingSessionControl(request, true);
final String ID = sc.getId();
final float scale = Base.getScale(sc);
final String home = ExtensionsControl.getHomeUrl("net.sf.basedb.meludi");
DbControl dc = null;
try
{
  dc = sc.newDbControl();
  final User user = User.getById(dc, sc.getLoggedInUserId());
%>
<base:page type="default" >
<base:head 
  scripts="~../meludi-2.js,~ffpe_block_registration_alt_rec.js" 
  styles="path.css,~../css/meludi-2.css" 
/>
<base:body>

  <p:path><p:pathelement id="meludi-index"
    title="Meludi" href="<%="../index.jsp?ID="+ID%>" 
    /><p:pathelement title="FFPE block registration" 
    /></p:path>

  <div class="content">
  <form name="meludi" id="wizard" class="wizard">

    <!-- 1. Personal number -->
    <div class="step" id="step-1">
      <div class="step-no">1</div>
      <div class="step-title">Enter personal number</div>
      <div class="step-content">

        <table class="step-form">
        <tr>
          <td class="prompt">Personal number</td>
          <td class="input">
            <input type="text" name="personalNumber" id="personalNumber"
              class="required"
              style="width: 12em;" maxlength="12">
          </td>
          <td class="status" id="personalNumber.status"></td>
          <td class="help">
            <span id="personalNumber.message" class="message"></span>
            ([YY]YYMMDDZZZZ) Enter personal number for FFPE block patient.
          </td>
        </tr>
        </table>
      </div>
    </div>
  
    <!-- 2. Number of FFPE block -->
    <div class="step" id="step-2">
      <div class="step-no">2</div>
      <div class="step-title">Number of FFPE blocks</div>
      <div class="step-content">
      
      <table class="step-form">
      <tr>
        <td class="prompt">Case name</td>
        <td class="input"><input type="text" name="caseName" id="caseName"
          disabled
          style="width: 12em;" maxlength="12"></td>
        <td class="status" id="caseName.status"></td>
        <td class="help">
          <span id="caseName.message" class="message"></span>
          Case name for patient.
        </td>
      </tr>
      <tr>
        <td class="prompt">Number of FFPE blocks</td>
        <td class="input">
          <input type="text" name="nofBlocks" id="nofBlocks"
            class="required auto-init" data-auto-init="focus-on-enter" data-next-focus="arrivalDate"
              style="width: 12em;" maxlength="4" value="4">
        </td>
        <td class="status" id="nofBlocks.status"></td>
        <td class="help">
          <span id="nofBlocks.message" class="message"></span>
          Number of FFPE blocks.
        </td>
      </tr>
      <tr valign="top">
        <td class="prompt">Arrival date</td>
        <td class="input">
          <input type="text" name="arrivalDate" id="arrivalDate" 
            class="auto-init" data-auto-init="focus-on-enter" data-next-focus=""
            data-disallow-future-date="1"
            style="width: 12em;" maxlength="10">
            <base:icon 
              id="arrivalDateCalendar"
              subclass="auto-init"
              data-auto-init="calendar"
              data-textarea-id="arrivalDate"
              data-date-format="yyyyMMdd"
              data-title="Arrival date"
              image="calendar.png" 
              tooltip="Select a date from a calendar" 
              tabindex="-1"
            />
        </td>
        <td class="status" id="arrivalDate.status"></td>
        <td class="help">
          <span id="arrivalDate.message" class="message"></span>
          Date when the FFPE blocks arrived (YYYYMMDD or MMDD).
        </td>
      </tr>
      </table>
      </div>
    </div>
  
    <!-- 3. FFPE block data -->
    <div class="step" id="step-3">
      <div class="step-no">3</div>
      <div class="step-title">Enter FFPE block information</div>
      <div class="step-content">
    
        <table id="ffpe-blocks" class="step-form">
        </table>
      </div>
    </div>

    <div id="wizard-status"></div>
  
    <table class="navigation" id="navigation">
    <tr>
      <td><base:button id="gocancel" title="Cancel" /></td>
      <td><base:button id="gonext" title="Next" image="<%=home+"/images/gonext.png"%>" /></td>
      <td><base:button id="goregister" title="Register" image="<%=home+"/images/gonext.png"%>" /></td>
      <td><base:button id="gorestart" title="Restart" image="<%=home+"/images/goback.png"%>" /></td>
      <td id="gonext-message" class="message"></td>
    </tr>
    </table>
  </form>
  </div>
  
</base:body>
</base:page>
<%
}
finally
{
  if (dc != null) dc.close();
}
%>