extensions/net.sf.basedb.meludi/trunk/resources/personal/persinfo.jsp

Code
Comments
Other
Rev Date Author Line
2933 14 Nov 14 olle 1 <%@ page
2933 14 Nov 14 olle 2   pageEncoding="UTF-8"
2933 14 Nov 14 olle 3   session="false"
2933 14 Nov 14 olle 4   import="net.sf.basedb.core.Application"
2933 14 Nov 14 olle 5   import="net.sf.basedb.core.User"
2933 14 Nov 14 olle 6   import="net.sf.basedb.core.DbControl"
2933 14 Nov 14 olle 7   import="net.sf.basedb.core.SessionControl"
2933 14 Nov 14 olle 8   import="net.sf.basedb.clients.web.Base"
2933 14 Nov 14 olle 9   import="net.sf.basedb.clients.web.util.HTML"
2933 14 Nov 14 olle 10   import="net.sf.basedb.clients.web.extensions.ExtensionsControl"
2933 14 Nov 14 olle 11   import="net.sf.basedb.util.Values"
2933 14 Nov 14 olle 12 %>
2933 14 Nov 14 olle 13 <%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
2933 14 Nov 14 olle 14 <%@ taglib prefix="p" uri="/WEB-INF/path.tld" %>
2933 14 Nov 14 olle 15 <%
2933 14 Nov 14 olle 16 final SessionControl sc = Base.getExistingSessionControl(request, true);
2933 14 Nov 14 olle 17 final String ID = sc.getId();
2933 14 Nov 14 olle 18 final float scale = Base.getScale(sc);
2933 14 Nov 14 olle 19 final String home = ExtensionsControl.getHomeUrl("net.sf.basedb.meludi");
2933 14 Nov 14 olle 20 DbControl dc = null;
2933 14 Nov 14 olle 21 try
2933 14 Nov 14 olle 22 {
2933 14 Nov 14 olle 23   dc = sc.newDbControl();
2933 14 Nov 14 olle 24   final User user = User.getById(dc, sc.getLoggedInUserId());
2933 14 Nov 14 olle 25 %>
2933 14 Nov 14 olle 26 <base:page type="default" >
2933 14 Nov 14 olle 27 <base:head 
2933 14 Nov 14 olle 28   scripts="~../meludi-2.js,~persinfo.js" 
2933 14 Nov 14 olle 29   styles="path.css,~../css/meludi-2.css" 
2933 14 Nov 14 olle 30 />
2933 14 Nov 14 olle 31 <base:body>
2933 14 Nov 14 olle 32
2933 14 Nov 14 olle 33   <p:path><p:pathelement
2933 14 Nov 14 olle 34     title="" href="<%="../index.jsp?ID="+ID%>" 
2933 14 Nov 14 olle 35     /><p:pathelement title="Personal information registration" 
2933 14 Nov 14 olle 36     /></p:path>
2933 14 Nov 14 olle 37
2933 14 Nov 14 olle 38   <div class="content">
2933 14 Nov 14 olle 39   <form name="meludi" id="wizard" class="wizard">
2933 14 Nov 14 olle 40   
2933 14 Nov 14 olle 41   <!-- 1. Case + Personal number -->
2933 14 Nov 14 olle 42   <div class="step" id="step-1">
2933 14 Nov 14 olle 43     <div class="step-no">1</div>
3028 11 Dec 14 olle 44     <div class="step-title" id="step-1-title">Enter Case Name and Personal Number</div>
2933 14 Nov 14 olle 45     <div class="step-content">
2933 14 Nov 14 olle 46     
2933 14 Nov 14 olle 47       <table class="step-form">
2933 14 Nov 14 olle 48       <tr>
2933 14 Nov 14 olle 49         <td class="prompt">Case name</td>
2933 14 Nov 14 olle 50         <td class="input">
2933 14 Nov 14 olle 51           <input type="text" name="caseName" id="caseName"
2933 14 Nov 14 olle 52             class="required auto-init" data-auto-init="focus" data-next-focus="personalNumber"
2933 14 Nov 14 olle 53             style="width: 12em;" maxlength="12">
2933 14 Nov 14 olle 54         </td>
2933 14 Nov 14 olle 55         <td class="status" id="caseName.status"></td>
2933 14 Nov 14 olle 56         <td class="help">
2933 14 Nov 14 olle 57           <span id="caseName.message" class="message"></span>
2933 14 Nov 14 olle 58           The case (barcode) associated with this patient.
2933 14 Nov 14 olle 59         </td>
2933 14 Nov 14 olle 60       </tr>
2933 14 Nov 14 olle 61       <tr>
2933 14 Nov 14 olle 62         <td class="prompt">Personal number</td>
2933 14 Nov 14 olle 63         <td class="input">
2933 14 Nov 14 olle 64           <input type="text" name="personalNumber" id="personalNumber"
2933 14 Nov 14 olle 65             class="required"
2933 14 Nov 14 olle 66             style="width: 12em;" maxlength="12">
2933 14 Nov 14 olle 67         </td>
2933 14 Nov 14 olle 68         <td class="status" id="personalNumber.status"></td>
2933 14 Nov 14 olle 69         <td class="help">
2933 14 Nov 14 olle 70           <span id="personalNumber.message" class="message"></span>
2933 14 Nov 14 olle 71           ([YY]YYMMDDZZZZ)
2933 14 Nov 14 olle 72         </td>
2933 14 Nov 14 olle 73       </tr>
2933 14 Nov 14 olle 74       </table>
2933 14 Nov 14 olle 75     </div>
2933 14 Nov 14 olle 76   </div>
2933 14 Nov 14 olle 77
2933 14 Nov 14 olle 78   <!-- 2. New patient registration -->
2933 14 Nov 14 olle 79   <div class="step" id="step-2">
2933 14 Nov 14 olle 80     <div class="step-no">2</div>
2933 14 Nov 14 olle 81     <div class="step-title" id="step-2-title">New patient: Enter all names</div>
2933 14 Nov 14 olle 82     <div class="step-content">
2933 14 Nov 14 olle 83       
2933 14 Nov 14 olle 84       <table class="step-form">
2933 14 Nov 14 olle 85       <tr>
2933 14 Nov 14 olle 86         <td class="prompt">Patient code</td>
2933 14 Nov 14 olle 87         <td class="input"><input type="text" name="patientCode" id="patientCode"
2933 14 Nov 14 olle 88           class="auto-init" data-auto-init="focus-on-enter" data-next-focus="familyName"
2933 14 Nov 14 olle 89           style="width: 12em;" maxlength="12"></td>
2933 14 Nov 14 olle 90         <td class="status" id="patientCode.status"></td>
2933 14 Nov 14 olle 91         <td class="help">
2933 14 Nov 14 olle 92           <span id="patientCode.message" class="message"></span>
2933 14 Nov 14 olle 93         </td>
2933 14 Nov 14 olle 94       </tr>
2933 14 Nov 14 olle 95       <tr>
2933 14 Nov 14 olle 96         <td class="prompt">Family name</td>
2933 14 Nov 14 olle 97         <td class="input"><input type="text" name="familyName" id="familyName"
2933 14 Nov 14 olle 98           class="auto-init" data-auto-init="focus-on-enter" data-next-focus="allFirstNames"
2933 14 Nov 14 olle 99           style="width: 20em;" maxlength="255"></td>
2933 14 Nov 14 olle 100         <td class="status" id="familyName.status"></td>
2933 14 Nov 14 olle 101         <td class="help">
2933 14 Nov 14 olle 102           <span id="familyName.message" class="message"></span>
2933 14 Nov 14 olle 103           Keep hyphens, keep åäö, replace all special accented letters [e.g. éèü etc] with standard alphabet character.
2933 14 Nov 14 olle 104         </td>
2933 14 Nov 14 olle 105       </tr>
2933 14 Nov 14 olle 106       <tr>
2933 14 Nov 14 olle 107         <td class="prompt">All first names</td>
2933 14 Nov 14 olle 108         <td class="input"><input type="text" name="allFirstNames" id="allFirstNames"
2933 14 Nov 14 olle 109           style="width: 20em;" maxlength="255"></td>
2933 14 Nov 14 olle 110         <td class="status" id="allFirstNames.status"></td>
2933 14 Nov 14 olle 111         <td class="help">
2933 14 Nov 14 olle 112           <span id="allFirstNames.message" class="message"></span>
2933 14 Nov 14 olle 113           Type all names, see FamilyName comment on valid characters.
2933 14 Nov 14 olle 114         </td>
2933 14 Nov 14 olle 115       </tr>
2933 14 Nov 14 olle 116       <tr>
2933 14 Nov 14 olle 117         <td class="prompt">Gender</td>
2933 14 Nov 14 olle 118         <td class="input" id="gender"></td>
2933 14 Nov 14 olle 119         <td class="status" id="gender.status" rowspan="2"></td>
2933 14 Nov 14 olle 120         <td class="help" rowspan="2">
2933 14 Nov 14 olle 121           <span id="gender.message" class="message"></span>
2933 14 Nov 14 olle 122         </td>
2933 14 Nov 14 olle 123       </tr>
2933 14 Nov 14 olle 124       <tr>
2933 14 Nov 14 olle 125         <td class="prompt">Date of birth</td>
2933 14 Nov 14 olle 126         <td class="input" id="dateOfBirth"></td>
2933 14 Nov 14 olle 127       </tr>
2933 14 Nov 14 olle 128       </table>
2933 14 Nov 14 olle 129       
2933 14 Nov 14 olle 130     </div>
2933 14 Nov 14 olle 131   </div>
2933 14 Nov 14 olle 132
2933 14 Nov 14 olle 133
2933 14 Nov 14 olle 134   <!-- 3. Case registration -->
2933 14 Nov 14 olle 135   <div class="step" id="step-3">
2933 14 Nov 14 olle 136     <div class="step-no">3</div>
3028 11 Dec 14 olle 137     <div class="step-title" id="step-3-title">Enter Case information</div>
2933 14 Nov 14 olle 138     <div class="step-content">
2933 14 Nov 14 olle 139
2933 14 Nov 14 olle 140       <table class="step-form">
2933 14 Nov 14 olle 141       <tr id="plNumberSection">
2933 14 Nov 14 olle 142         <td class="prompt">PL-number</td>
2933 14 Nov 14 olle 143         <td class="input">
2933 14 Nov 14 olle 144           <input type="text" name="plNumber" id="plNumber"
2933 14 Nov 14 olle 145             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="samplingDate"
2933 14 Nov 14 olle 146             style="width: 12em;">
2933 14 Nov 14 olle 147         </td>
2933 14 Nov 14 olle 148         <td class="status" id="plNumber.status"></td>
2933 14 Nov 14 olle 149         <td class="help">
2933 14 Nov 14 olle 150           <span id="plNumber.message" class="message"></span>
3028 11 Dec 14 olle 151           <div id="plNumberMessageText">
2933 14 Nov 14 olle 152           The PL-number associated with this case.
3028 11 Dec 14 olle 153           </div>
2933 14 Nov 14 olle 154         </td>
2933 14 Nov 14 olle 155       </tr>
2933 14 Nov 14 olle 156       <tr id="padSection">
2933 14 Nov 14 olle 157         <td class="prompt">PAD/CL</td>
2933 14 Nov 14 olle 158         <td class="input">
2933 14 Nov 14 olle 159           <input type="text" name="pad" id="pad"
2933 14 Nov 14 olle 160             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="samplingDate"
2933 14 Nov 14 olle 161             style="width: 12em;">
2933 14 Nov 14 olle 162         </td>
2933 14 Nov 14 olle 163         <td class="status" id="pad.status"></td>
2933 14 Nov 14 olle 164         <td class="help">
2933 14 Nov 14 olle 165           <span id="pad.message" class="message"></span>
3028 11 Dec 14 olle 166           <div id="padMessageText">
2933 14 Nov 14 olle 167           The PAD (Patho-Anatomical Diagnosis) or CL (cytology) number for this case.
3028 11 Dec 14 olle 168           </div>
2933 14 Nov 14 olle 169         </td>
2933 14 Nov 14 olle 170       </tr>
2933 14 Nov 14 olle 171       <tr id="nofTubesSection">
2933 14 Nov 14 olle 172         <td class="prompt">Number of tubes</td>
2933 14 Nov 14 olle 173         <td class="input">
2933 14 Nov 14 olle 174           <input type="text" name="nofTubes" id="nofTubes"
2933 14 Nov 14 olle 175             class="required auto-init" data-auto-init="focus-on-enter" data-next-focus="arrivalDate"
2933 14 Nov 14 olle 176               style="width: 12em;" maxlength="4" value="1">
2933 14 Nov 14 olle 177         </td>
2933 14 Nov 14 olle 178         <td class="status" id="nofTubes.status"></td>
2933 14 Nov 14 olle 179         <td class="help">
2933 14 Nov 14 olle 180           <span id="nofTubes.message" class="message"></span>
2933 14 Nov 14 olle 181           Number of tubes in this case.
2933 14 Nov 14 olle 182         </td>
2933 14 Nov 14 olle 183       </tr>
2933 14 Nov 14 olle 184       <tr id="arrivalDateSection" valign="top">
2933 14 Nov 14 olle 185         <td class="prompt">Arrival date</td>
2933 14 Nov 14 olle 186         <td class="input">
2933 14 Nov 14 olle 187           <input type="text" name="arrivalDate" id="arrivalDate" 
2933 14 Nov 14 olle 188             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="samplingDate"
2933 14 Nov 14 olle 189             data-disallow-future-date="1"
2933 14 Nov 14 olle 190             style="width: 12em;" maxlength="10">
3105 23 Jan 15 olle 191             <base:icon 
3105 23 Jan 15 olle 192               id="arrivalDateCalendar"
3105 23 Jan 15 olle 193               subclass="auto-init"
3105 23 Jan 15 olle 194               data-auto-init="calendar"
3105 23 Jan 15 olle 195               data-textarea-id="arrivalDate"
3105 23 Jan 15 olle 196               data-date-format="yyyyMMdd"
3105 23 Jan 15 olle 197               data-title="Arrival date"
3105 23 Jan 15 olle 198               image="calendar.png" 
3105 23 Jan 15 olle 199               tooltip="Select a date from a calendar" 
3105 23 Jan 15 olle 200               tabindex="-1"
3105 23 Jan 15 olle 201             />
2933 14 Nov 14 olle 202         </td>
2933 14 Nov 14 olle 203         <td class="status" id="arrivalDate.status"></td>
2933 14 Nov 14 olle 204         <td class="help">
2933 14 Nov 14 olle 205           <span id="arrivalDate.message" class="message"></span>
2933 14 Nov 14 olle 206           Date when the specimen tubes arrived (YYYYMMDD or MMDD).
2933 14 Nov 14 olle 207         </td>
2933 14 Nov 14 olle 208       </tr>
2933 14 Nov 14 olle 209       <tr id="specimenTubesSection">
3028 11 Dec 14 olle 210         <td class="prompt" id="specimenTubesTitle">Specimen tubes</td>
2933 14 Nov 14 olle 211         <td class="input" id="specimenTubes"><i>not found</i></td>
2933 14 Nov 14 olle 212         <td class="status" id="specimenTubes.status"></td>
2933 14 Nov 14 olle 213         <td class="help">
2933 14 Nov 14 olle 214           <span id="specimenTubes.message" class="message"></span>
3028 11 Dec 14 olle 215           <div id="specimenTubesMessageText">
2933 14 Nov 14 olle 216           The specimen tube(s) associated with this case.
3028 11 Dec 14 olle 217           </div>
2933 14 Nov 14 olle 218         </td>
2933 14 Nov 14 olle 219       </tr>
2933 14 Nov 14 olle 220       <tr id="samplingDateSection">
2933 14 Nov 14 olle 221         <td class="prompt">Sampling date</td>
2933 14 Nov 14 olle 222         <td class="input">
2933 14 Nov 14 olle 223           <input type="text" name="samplingDate" id="samplingDate"
3232 08 Apr 15 olle 224             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="projectFocus"
2933 14 Nov 14 olle 225             style="width: 12em;" maxlength="10">
3105 23 Jan 15 olle 226             <base:icon 
3105 23 Jan 15 olle 227               id="samplingDateCalendar"
3105 23 Jan 15 olle 228               subclass="auto-init"
3105 23 Jan 15 olle 229               data-auto-init="calendar"
3105 23 Jan 15 olle 230               data-textarea-id="samplingDate"
3105 23 Jan 15 olle 231               data-date-format="yyyyMMdd"
3105 23 Jan 15 olle 232               data-title="Sampling date"
3105 23 Jan 15 olle 233               image="calendar.png" 
3105 23 Jan 15 olle 234               tooltip="Select a date from a calendar" 
3105 23 Jan 15 olle 235               tabindex="-1"
3105 23 Jan 15 olle 236             />
2933 14 Nov 14 olle 237         </td>
2933 14 Nov 14 olle 238         <td class="status" id="samplingDate.status"></td>
2933 14 Nov 14 olle 239         <td class="help">
2933 14 Nov 14 olle 240           <span id="samplingDate.message" class="message"></span>
2933 14 Nov 14 olle 241           Date of surgical removal (YYYYMMDD or MMDD).
2933 14 Nov 14 olle 242         </td>
2933 14 Nov 14 olle 243       </tr>
3232 08 Apr 15 olle 244       <tr id="projectFocusSection">
3232 08 Apr 15 olle 245         <td class="prompt">Project focus</td>
3232 08 Apr 15 olle 246         <td class="input">
3232 08 Apr 15 olle 247           <select name="projectFocus" id="projectFocus"
4732 04 Apr 18 olle 248             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="metastasisSite">
3232 08 Apr 15 olle 249             <option selected value="" >unknown
3232 08 Apr 15 olle 250             <option value="melanoma">Melanoma
3232 08 Apr 15 olle 251             <option value="lungcancer">Lung cancer
3232 08 Apr 15 olle 252             <option value="coloncancer">Colon cancer
3232 08 Apr 15 olle 253             <option value="GIST">GIST (Gastrointestinal stromal tumour)
4196 31 Oct 16 olle 254             <option value="breastcancer">Breast cancer
3232 08 Apr 15 olle 255           </select>
3232 08 Apr 15 olle 256         </td>
3232 08 Apr 15 olle 257         <td class="status" id="projectFocus.status"></td>
3232 08 Apr 15 olle 258         <td class="help">
3232 08 Apr 15 olle 259           <span id="projectFocus.message" class="message"></span>
3232 08 Apr 15 olle 260           Project focus for the case (cancer type).
3232 08 Apr 15 olle 261         </td>
3232 08 Apr 15 olle 262       </tr>
4732 04 Apr 18 olle 263       <tr id="metastasisSiteSection">
4732 04 Apr 18 olle 264         <td class="prompt">Metastasis site</td>
4732 04 Apr 18 olle 265         <td class="input">
4732 04 Apr 18 olle 266           <select name="metastasisSite" id="metastasisSite"
4732 04 Apr 18 olle 267             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="mutationAnalysis">
4732 04 Apr 18 olle 268             <option selected value="" >unknown
4732 04 Apr 18 olle 269             <option value="liver">Liver
4732 04 Apr 18 olle 270             <option value="skeleton">Skeleton
4732 04 Apr 18 olle 271             <option value="bone">Bone
4732 04 Apr 18 olle 272           </select>
4732 04 Apr 18 olle 273         </td>
4732 04 Apr 18 olle 274         <td class="status" id="metastasisSite.status"></td>
4732 04 Apr 18 olle 275         <td class="help">
4732 04 Apr 18 olle 276           <span id="metastasisSite.message" class="message"></span>
4732 04 Apr 18 olle 277           Metastasis site.
4732 04 Apr 18 olle 278         </td>
4732 04 Apr 18 olle 279       </tr>
2933 14 Nov 14 olle 280       <tr id="mutationAnalysisSection">
3249 14 Apr 15 olle 281         <td class="prompt">Mutation analysis<br><br>
3249 14 Apr 15 olle 282           <base:button id="selectAllMutationAnalysis" style="font-weight: normal;" title="Select all" image="<%=home+"/images/selected.gif"%>" /></td>
3249 14 Apr 15 olle 283         </td>
2933 14 Nov 14 olle 284         <td class="input">
3123 09 Feb 15 olle 285           <label id="mutationAnalysisKras"><input type="checkbox" name="mutationAnalysisKras" id="mutationAnalysisKras">KRAS exon 2-4</label><br>
3123 09 Feb 15 olle 286           <label id="mutationAnalysisNras"><input type="checkbox" name="mutationAnalysisNras" id="mutationAnalysisNras">NRAS exon 2-4</label><br>
3123 09 Feb 15 olle 287           <label id="mutationAnalysisBraf"><input type="checkbox" name="mutationAnalysisBraf" id="mutationAnalysisBraf">BRAF codon 600</label><br>
3123 09 Feb 15 olle 288           <label id="mutationAnalysisEgfr"><input type="checkbox" name="mutationAnalysisEgfr" id="mutationAnalysisEgfr">EGFR exon 18-21</label><br>
3123 09 Feb 15 olle 289           <label id="mutationAnalysisAlkEml4"><input type="checkbox" name="mutationAnalysisAlkEml4" id="mutationAnalysisAlkEml4">ALK/EML4 translocation</label><br>
3123 09 Feb 15 olle 290           <label id="mutationAnalysisPdgfra"><input type="checkbox" name="mutationAnalysisPdgfra" id="mutationAnalysisPdgfra">PDGFRA exon 11, 13, 17</label><br>
3123 09 Feb 15 olle 291           <label id="mutationAnalysisKit"><input type="checkbox" name="mutationAnalysisKit" id="mutationAnalysisKit">KIT exon 9, 11, 13, 17, 18</label><br>
4730 04 Apr 18 olle 292           <label id="mutationAnalysisTst170"><input type="checkbox" name="mutationAnalysisTst170" id="mutationAnalysisTst170">TST170</label><br>
3123 09 Feb 15 olle 293           <label id="mutationAnalysisOther"><input type="checkbox" name="mutationAnalysisOther" id="mutationAnalysisOther">Other analysis</label><br>
2933 14 Nov 14 olle 294         </td>
2933 14 Nov 14 olle 295         <td class="status" id="mutationAnalysis.status"></td>
2933 14 Nov 14 olle 296         <td class="help">
2933 14 Nov 14 olle 297           <span id="mutationAnalysis.message" class="message"></span>
3232 08 Apr 15 olle 298           Default selections set depending on project focus (cancer type). For negative KRAS analysis and colorectal cancer, NRAS analysis should normally also be performed.
2933 14 Nov 14 olle 299         </td>
2933 14 Nov 14 olle 300       </tr>
2933 14 Nov 14 olle 301       <tr id="siteSection">
4727 04 Apr 18 olle 302         <td class="prompt">Hospital site</td>
2933 14 Nov 14 olle 303         <td class="input">
2933 14 Nov 14 olle 304           <select name="site" id="site"
3028 11 Dec 14 olle 305             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="tubeContentType">
2933 14 Nov 14 olle 306             <option selected value="" >unknown
4231 10 Nov 16 olle 307             <option value="Goteborg">Göteborg
4725 29 Mar 18 olle 308             <option value="Halmstad">Halmstad
3028 11 Dec 14 olle 309             <option value="Helsingborg">Helsingborg
4725 29 Mar 18 olle 310             <option value="Jonkoping">Jönköping
3028 11 Dec 14 olle 311             <option value="Karlskrona">Karlskrona
3028 11 Dec 14 olle 312             <option value="Kristianstad">Kristianstad
4211 07 Nov 16 olle 313             <option value="Linkoping" >Linköping
3028 11 Dec 14 olle 314             <option value="Lund">Lund
3028 11 Dec 14 olle 315             <option value="Malmo" >Malmö
4231 10 Nov 16 olle 316             <option value="Stockholm">Stockholm
3408 17 Jun 15 olle 317             <option value="Trelleborg">Trelleborg
4211 07 Nov 16 olle 318             <option value="Umea" >Umeå
4211 07 Nov 16 olle 319             <option value="Uppsala" >Uppsala
3028 11 Dec 14 olle 320             <option value="Vaxjo" >Växjö
2933 14 Nov 14 olle 321           </select>
2933 14 Nov 14 olle 322         </td>
2933 14 Nov 14 olle 323         <td class="status" id="site.status"></td>
2933 14 Nov 14 olle 324         <td class="help">
2933 14 Nov 14 olle 325           <span id="site.message" class="message"></span>
2933 14 Nov 14 olle 326           Hospital site
2933 14 Nov 14 olle 327         </td>
2933 14 Nov 14 olle 328       </tr>
3028 11 Dec 14 olle 329       <tr id="tubeContentTypeSection">
3028 11 Dec 14 olle 330         <td class="prompt">Tube content type</td>
2933 14 Nov 14 olle 331         <td class="input">
3028 11 Dec 14 olle 332           <select name="tubeContentType" id="tubeContentType"
3028 11 Dec 14 olle 333             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="specimenType">
3028 11 Dec 14 olle 334             <option selected value="Specimen" >Specimen
3028 11 Dec 14 olle 335             <option value="DNA">DNA
3028 11 Dec 14 olle 336             <option value="RNA">RNA
3028 11 Dec 14 olle 337             <option value="DNA_RNA">DNA + RNA
3028 11 Dec 14 olle 338           </select>
3028 11 Dec 14 olle 339         </td>
3028 11 Dec 14 olle 340         <td class="status" id="tubeContentType.status"></td>
3028 11 Dec 14 olle 341         <td class="help">
3028 11 Dec 14 olle 342           <span id="tubeContentType.message" class="message"></span>
3028 11 Dec 14 olle 343           Tube content type. (Selecting other option than "Specimen" will set number of tubes.)
3028 11 Dec 14 olle 344         </td>
3028 11 Dec 14 olle 345       </tr>
3028 11 Dec 14 olle 346       <tr id="specimenTypeSection">
3028 11 Dec 14 olle 347         <td class="prompt">Specimen type</td>
3028 11 Dec 14 olle 348         <td class="input">
3028 11 Dec 14 olle 349           <select name="specimenType" id="specimenType"
4195 31 Oct 16 olle 350             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="specimenInputType">
2933 14 Nov 14 olle 351             <option selected value="" >unknown
2933 14 Nov 14 olle 352             <option value="Primary">Primary tumour
2933 14 Nov 14 olle 353             <option value="MetastasisDistant">Metastasis
2933 14 Nov 14 olle 354           </select>
2933 14 Nov 14 olle 355         </td>
3028 11 Dec 14 olle 356         <td class="status" id="specimenType.status"></td>
2933 14 Nov 14 olle 357         <td class="help">
3028 11 Dec 14 olle 358           <span id="specimenType.message" class="message"></span>
3028 11 Dec 14 olle 359           Type of specimen (Analyzed malignancy).
2933 14 Nov 14 olle 360         </td>
2933 14 Nov 14 olle 361       </tr>
4195 31 Oct 16 olle 362       <tr>
4195 31 Oct 16 olle 363         <td class="prompt">Specimen input type</td>
4195 31 Oct 16 olle 364         <td class="input">
4195 31 Oct 16 olle 365           <select name="specimenInputType" id="specimenInputType"
4195 31 Oct 16 olle 366             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="viableTumourCellsPercent">
4195 31 Oct 16 olle 367             <option selected value="" >unknown
4195 31 Oct 16 olle 368             <option value="fresh_frozen">Fresh frozen
4729 04 Apr 18 olle 369             <option value="rna_later">RNAlater
4791 04 May 18 olle 370             <option value="ffpe_block">FFPE block ("kloss")
4729 04 Apr 18 olle 371             <option value="ffpe_section">FFPE section ("snitt")
4729 04 Apr 18 olle 372             <option value="ffpe_punch">FFPE punch ("stans")
4729 04 Apr 18 olle 373             <option value="ffpe_slide">FFPE slide ("glas")
4195 31 Oct 16 olle 374             <option value="cell_line">Cell line
4195 31 Oct 16 olle 375           </select>
4195 31 Oct 16 olle 376         </td>
4195 31 Oct 16 olle 377         <td class="status" id="specimenInputType.status"></td>
4195 31 Oct 16 olle 378         <td class="help">
4195 31 Oct 16 olle 379           <span id="specimenInputType.message" class="message"></span>
4195 31 Oct 16 olle 380           Form in which specimen is delivered.
4195 31 Oct 16 olle 381         </td>
4195 31 Oct 16 olle 382       </tr>
3067 08 Jan 15 olle 383       <tr id="viableTumourCellsPercentSection">
3067 08 Jan 15 olle 384         <td class="prompt">Viable tumour cells percentage (&#37;)</td>
3067 08 Jan 15 olle 385         <td class="input">
3067 08 Jan 15 olle 386           <input type="text" name="viableTumourCellsPercent" id="viableTumourCellsPercent"
3067 08 Jan 15 olle 387             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="otherPathNote"
3067 08 Jan 15 olle 388               style="width: 12em;" maxlength="4" value="">
3067 08 Jan 15 olle 389         </td>
3067 08 Jan 15 olle 390         <td class="status" id="viableTumourCellsPercent.status"></td>
3067 08 Jan 15 olle 391         <td class="help">
3067 08 Jan 15 olle 392           <span id="viableTumourCellsPercent.message" class="message"></span>
3067 08 Jan 15 olle 393           Estimated part of viable tumour cells, in percentage of the total number of cells.
3067 08 Jan 15 olle 394         </td>
3067 08 Jan 15 olle 395       </tr>
2933 14 Nov 14 olle 396       <tr id="otherPathNoteSection" class="align-top">
2933 14 Nov 14 olle 397         <td class="prompt">Other path note</td>
2933 14 Nov 14 olle 398         <td class="input">
2933 14 Nov 14 olle 399           <textarea name="otherPathNote" id="otherPathNote" rows="3"></textarea>
2933 14 Nov 14 olle 400         </td>
2933 14 Nov 14 olle 401         <td class="status" id="otherPathNote.status"></td>
2933 14 Nov 14 olle 402         <td class="help">
2933 14 Nov 14 olle 403           <span id="otherPathNote.message" class="message"></span>
2933 14 Nov 14 olle 404           In this field, enter ALL text noted on the referral form by the pathologist.
2933 14 Nov 14 olle 405         </td>
2933 14 Nov 14 olle 406       </tr>
4246 21 Nov 16 olle 407       <tr>
4246 21 Nov 16 olle 408         <td class="prompt">Extract creation options</td>
4246 21 Nov 16 olle 409         <td class="input">
4246 21 Nov 16 olle 410           <label id="extractsFromFirstSpecimenOnly"><input type="checkbox" name="extractsFromFirstSpecimenOnlyCB" id="extractsFromFirstSpecimenOnlyCB">Extracts from first specimen only</label><br>
4246 21 Nov 16 olle 411         </td>
4246 21 Nov 16 olle 412         <td class="status" id="extractsFromFirstSpecimenOnly.status"></td>
4246 21 Nov 16 olle 413         <td class="help">
4246 21 Nov 16 olle 414           <span id="extractsFromFirstSpecimenOnly.message" class="message"></span>
4246 21 Nov 16 olle 415           Extracts from first specimen only, otherwise all specimens.
4246 21 Nov 16 olle 416         </td>
4246 21 Nov 16 olle 417       </tr>
2933 14 Nov 14 olle 418       </table>
2933 14 Nov 14 olle 419     </div>
2933 14 Nov 14 olle 420   </div>
2933 14 Nov 14 olle 421     
2933 14 Nov 14 olle 422   <div class="step" id="step-4">
2933 14 Nov 14 olle 423     <div class="step-no">4</div>
3028 11 Dec 14 olle 424     <div class="step-title" id="step-4-title">Enter tube information</div>
2933 14 Nov 14 olle 425     <div class="step-content">
2933 14 Nov 14 olle 426     
2933 14 Nov 14 olle 427       <table id="specimen-tubes" class="step-form">
2933 14 Nov 14 olle 428       </table>
2933 14 Nov 14 olle 429     </div>
2933 14 Nov 14 olle 430   </div>
2933 14 Nov 14 olle 431
2933 14 Nov 14 olle 432   <div id="wizard-status"></div>
2933 14 Nov 14 olle 433
2933 14 Nov 14 olle 434   <table class="navigation" id="navigation">
2933 14 Nov 14 olle 435   <tr>
2933 14 Nov 14 olle 436     <td><base:button id="gocancel" title="Cancel" /></td>
2933 14 Nov 14 olle 437     <td><base:button id="gonext" title="Next" image="<%=home+"/images/gonext.png"%>" /></td>
2933 14 Nov 14 olle 438     <td><base:button id="goregister" title="Register" image="<%=home+"/images/gonext.png"%>" /></td>
2933 14 Nov 14 olle 439     <td><base:button id="goupdate" title="Update" image="<%=home+"/images/gonext.png"%>" /></td>
2933 14 Nov 14 olle 440     <td><base:button id="gorestart" title="Restart" image="<%=home+"/images/goback.png"%>" /></td>
2933 14 Nov 14 olle 441     <td id="gonext-message" class="message"></td>
2933 14 Nov 14 olle 442   </tr>
2933 14 Nov 14 olle 443   </table>
2933 14 Nov 14 olle 444     
2933 14 Nov 14 olle 445   </form>
2933 14 Nov 14 olle 446   </div>
2933 14 Nov 14 olle 447   
2933 14 Nov 14 olle 448 </base:body>
2933 14 Nov 14 olle 449 </base:page>
2933 14 Nov 14 olle 450 <%
2933 14 Nov 14 olle 451 }
2933 14 Nov 14 olle 452 finally
2933 14 Nov 14 olle 453 {
2933 14 Nov 14 olle 454   if (dc != null) dc.close();
2933 14 Nov 14 olle 455 }
2933 14 Nov 14 olle 456 %>