extensions/net.sf.basedb.meludi/trunk/resources/sampleproc/extraction_registration.jsp

Code
Comments
Other
Rev Date Author Line
3176 06 Mar 15 olle 1 <%@ page
3176 06 Mar 15 olle 2   pageEncoding="UTF-8"
3176 06 Mar 15 olle 3   session="false"
3176 06 Mar 15 olle 4   import="net.sf.basedb.core.User"
3176 06 Mar 15 olle 5   import="net.sf.basedb.core.DbControl"
3176 06 Mar 15 olle 6   import="net.sf.basedb.core.SessionControl"
3176 06 Mar 15 olle 7   import="net.sf.basedb.core.Application"
3176 06 Mar 15 olle 8   import="net.sf.basedb.util.formatter.DateFormatter"
3176 06 Mar 15 olle 9   import="net.sf.basedb.util.formatter.Formatter"
3176 06 Mar 15 olle 10   import="net.sf.basedb.clients.web.Base"  
3176 06 Mar 15 olle 11   import="net.sf.basedb.clients.web.util.HTML"  
3176 06 Mar 15 olle 12   import="net.sf.basedb.clients.web.extensions.ExtensionsControl"
3176 06 Mar 15 olle 13   import="java.util.Date"
3176 06 Mar 15 olle 14 %>
3176 06 Mar 15 olle 15 <%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
3176 06 Mar 15 olle 16 <%@ taglib prefix="p" uri="/WEB-INF/path.tld" %>
3176 06 Mar 15 olle 17 <%
3176 06 Mar 15 olle 18 final SessionControl sc = Base.getExistingSessionControl(request, true);
3176 06 Mar 15 olle 19 final String ID = sc.getId();
3176 06 Mar 15 olle 20 final float scale = Base.getScale(sc);
3176 06 Mar 15 olle 21 final String home = ExtensionsControl.getHomeUrl("net.sf.basedb.meludi");
3176 06 Mar 15 olle 22 DbControl dc = null;
3176 06 Mar 15 olle 23 try
3176 06 Mar 15 olle 24 {
3176 06 Mar 15 olle 25   dc = sc.newDbControl();
3176 06 Mar 15 olle 26   final User user = User.getById(dc, sc.getLoggedInUserId());
3176 06 Mar 15 olle 27   final Formatter dateFormat = new DateFormatter("yyyyMMdd");
3176 06 Mar 15 olle 28 %>
3176 06 Mar 15 olle 29 <base:page type="default" >
3176 06 Mar 15 olle 30 <base:head 
3352 26 May 15 olle 31   scripts="~../meludi-2.js,~extraction_registration.js,~extraction_utils.js" 
3176 06 Mar 15 olle 32   styles="path.css,~../css/meludi-2.css"
3176 06 Mar 15 olle 33   >
3176 06 Mar 15 olle 34 <style>
3176 06 Mar 15 olle 35 tr.highlight
3176 06 Mar 15 olle 36 {
3176 06 Mar 15 olle 37   border-top-width: 1px;
3176 06 Mar 15 olle 38   border-top-style: dotted;
3176 06 Mar 15 olle 39 }
3176 06 Mar 15 olle 40
3176 06 Mar 15 olle 41 #detailsTable
3176 06 Mar 15 olle 42 {
3176 06 Mar 15 olle 43   width: 100%; 
3176 06 Mar 15 olle 44   border-collapse: collapse;
3176 06 Mar 15 olle 45   border-bottom-width: 1px;
3176 06 Mar 15 olle 46   border-top-width: 1px;
3176 06 Mar 15 olle 47 }
3176 06 Mar 15 olle 48
3176 06 Mar 15 olle 49 #detailsTable td, #detailsTable th
3176 06 Mar 15 olle 50 {
3176 06 Mar 15 olle 51   text-align: center;
3176 06 Mar 15 olle 52   min-width: 5%;
3176 06 Mar 15 olle 53   padding-top: 1px;
3176 06 Mar 15 olle 54   padding-bottom: 1px;
3176 06 Mar 15 olle 55 }
3176 06 Mar 15 olle 56
3176 06 Mar 15 olle 57 #detailsTable .comment
3176 06 Mar 15 olle 58 {
3176 06 Mar 15 olle 59   min-width: 10%;
3176 06 Mar 15 olle 60 }
3176 06 Mar 15 olle 61
3176 06 Mar 15 olle 62 #detailsTable .italic
3176 06 Mar 15 olle 63 {
3176 06 Mar 15 olle 64   font-style: italic;
3176 06 Mar 15 olle 65 }
3176 06 Mar 15 olle 66
3176 06 Mar 15 olle 67 .nondefault
3176 06 Mar 15 olle 68 {
3176 06 Mar 15 olle 69   background: #FFF066;
3176 06 Mar 15 olle 70 }
3176 06 Mar 15 olle 71 .nondefault:after
3176 06 Mar 15 olle 72 {
3176 06 Mar 15 olle 73   content: '›';
3176 06 Mar 15 olle 74 }
3176 06 Mar 15 olle 75 .nondefault:before
3176 06 Mar 15 olle 76 {
3176 06 Mar 15 olle 77   content: '‹';
3176 06 Mar 15 olle 78 }
3176 06 Mar 15 olle 79 span.status
3176 06 Mar 15 olle 80 {
3176 06 Mar 15 olle 81   width: 20px;
3176 06 Mar 15 olle 82   float: right;
3176 06 Mar 15 olle 83 }
3176 06 Mar 15 olle 84 </style>
3176 06 Mar 15 olle 85 </base:head>
3176 06 Mar 15 olle 86 <base:body>
3176 06 Mar 15 olle 87
3176 06 Mar 15 olle 88   <p:path><p:pathelement 
3176 06 Mar 15 olle 89     title="MeLuDi" href="<%="../index.jsp?ID="+ID%>" 
3176 06 Mar 15 olle 90     /><p:pathelement title="DNA/RNA registration/quantification" 
3176 06 Mar 15 olle 91     /></p:path>
3176 06 Mar 15 olle 92
3176 06 Mar 15 olle 93   <div class="content">
3176 06 Mar 15 olle 94
3176 06 Mar 15 olle 95   <form name="meludi" action="extraction_protocol2.jsp" method="post" target="_blank" id="wizard" class="wizard">
3176 06 Mar 15 olle 96     <input type="hidden" name="ID" value="<%=ID%>">
3176 06 Mar 15 olle 97     <input type="hidden" name="hiddenSubmitInfo" value="">
3176 06 Mar 15 olle 98     <input type="hidden" name="hiddenNumItems" value="">
3176 06 Mar 15 olle 99     <input type="hidden" name="hiddenCounterBalanceInfoRow" value="">
3176 06 Mar 15 olle 100
3176 06 Mar 15 olle 101   <div class="step auto-hide" id="step-1">
3176 06 Mar 15 olle 102     <div class="step-no">1</div>
3180 17 Mar 15 olle 103 <!--
3176 06 Mar 15 olle 104     <div class="step-title">Select unprocessed extract source items</div>
3180 17 Mar 15 olle 105 -->
3432 29 Jun 15 olle 106     <div class="step-title">Select the start list to process</div>
3176 06 Mar 15 olle 107     <div class="step-content">
3176 06 Mar 15 olle 108   
3176 06 Mar 15 olle 109       <table class="step-form">
3176 06 Mar 15 olle 110       <tr class="align-top">
3432 29 Jun 15 olle 111         <td class="prompt">Start list</td>
3176 06 Mar 15 olle 112         <td class="input">
3432 29 Jun 15 olle 113           <select name="startList" id="startList" size="30"></select>
3176 06 Mar 15 olle 114         </td>
3432 29 Jun 15 olle 115         <td class="status" id="startList.status"></td>
3176 06 Mar 15 olle 116         <td class="help">
3432 29 Jun 15 olle 117           <span id="startList.message" class="message" ></span>
3432 29 Jun 15 olle 118           Select start list for the batch of extraction source items to be processed.
3176 06 Mar 15 olle 119         </td>
3176 06 Mar 15 olle 120       </tr>
3176 06 Mar 15 olle 121       </table>
3180 17 Mar 15 olle 122       <select name="extractSourceItems" id="extractSourceItems" multiple size="30"></select>
3176 06 Mar 15 olle 123     </div>
3176 06 Mar 15 olle 124   </div>
3176 06 Mar 15 olle 125   
3683 07 Jan 16 olle 126   <!-- 2. Deparaffinization + QIAcube information -->
3176 06 Mar 15 olle 127   <div class="step auto-hide" id="step-2">
3176 06 Mar 15 olle 128     <div class="step-no">2</div>
3683 07 Jan 16 olle 129     <div class="step-title">Common information for Deparaffinization and QIAcube step</div>
3176 06 Mar 15 olle 130     <div class="step-content">
3176 06 Mar 15 olle 131     
3183 18 Mar 15 olle 132       <div id="commonInfoSection">
3183 18 Mar 15 olle 133
3176 06 Mar 15 olle 134       <table class="step-form">
3176 06 Mar 15 olle 135       <tbody class="section-header">
3176 06 Mar 15 olle 136         <tr>
3683 07 Jan 16 olle 137           <td colspan="4">Deparaffinization</td>
3176 06 Mar 15 olle 138         </tr>
3176 06 Mar 15 olle 139       </tbody>
3176 06 Mar 15 olle 140       <tr>
3432 29 Jun 15 olle 141         <td class="prompt">Start list name</td>
3176 06 Mar 15 olle 142         <td class="input">
3432 29 Jun 15 olle 143           <input type="text" name="startListName" id="startListName" 
3180 17 Mar 15 olle 144             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="isolationDate"
3180 17 Mar 15 olle 145             value="" maxlength="255">
3180 17 Mar 15 olle 146         </td>
3432 29 Jun 15 olle 147         <td class="status" id="startListName.status"></td>
3180 17 Mar 15 olle 148         <td class="help">
3432 29 Jun 15 olle 149           <span id="startListName.message" class="message">Start list used for this batch of extract source items.</span>
3432 29 Jun 15 olle 150           Start list for this batch of extract source items
3180 17 Mar 15 olle 151         </td>
3180 17 Mar 15 olle 152       </tr>
3180 17 Mar 15 olle 153       <tr>
3180 17 Mar 15 olle 154         <td class="prompt">Isolation date</td>
3180 17 Mar 15 olle 155         <td class="input">
3180 17 Mar 15 olle 156           <input type="text" name="isolationDate" id="isolationDate"
3176 06 Mar 15 olle 157             value="<%=dateFormat.format(new Date()) %>" 
3501 21 Sep 15 olle 158             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="extractionOperator"
3176 06 Mar 15 olle 159             style="width: 8em;" maxlength="10">
3176 06 Mar 15 olle 160         </td>
3180 17 Mar 15 olle 161         <td class="status" id="isolationDate.status"></td>
3176 06 Mar 15 olle 162         <td class="help">
3180 17 Mar 15 olle 163           <span id="isolationDate.message" class="message"></span>
3176 06 Mar 15 olle 164           (YYYYMMDD or MMDD)
3176 06 Mar 15 olle 165         </td>
3176 06 Mar 15 olle 166       </tr>
3176 06 Mar 15 olle 167       <tr>
3501 21 Sep 15 olle 168         <td class="prompt">Operator</td>
3501 21 Sep 15 olle 169         <td class="input">
3501 21 Sep 15 olle 170           <input type="text" name="extractionOperator" id="extractionOperator" 
3501 21 Sep 15 olle 171             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="extractionProtocolName"
3501 21 Sep 15 olle 172             value="<%=HTML.encodeTags(user.getName()) %>" maxlength="255">
3501 21 Sep 15 olle 173         </td>
3501 21 Sep 15 olle 174         <td class="status" id="extractionOperator.status"></td>
3501 21 Sep 15 olle 175         <td class="help">
3501 21 Sep 15 olle 176           <span id="extractionOperator.message" class="message"></span>
3501 21 Sep 15 olle 177         </td>
3501 21 Sep 15 olle 178       </tr>
3501 21 Sep 15 olle 179       <tr>
3176 06 Mar 15 olle 180         <td class="prompt">Protocol</td>
3176 06 Mar 15 olle 181         <td class="input">
3180 17 Mar 15 olle 182 <!--
3176 06 Mar 15 olle 183           <select name="extractionProtocol" id="extractionProtocol" 
3176 06 Mar 15 olle 184             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="rnaDefaultVolume"
3176 06 Mar 15 olle 185           ></select>
3180 17 Mar 15 olle 186 -->
3180 17 Mar 15 olle 187           <input type="text" name="extractionProtocolName" id="extractionProtocolName"" 
3180 17 Mar 15 olle 188             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="rnaDefaultVolume"
3180 17 Mar 15 olle 189             maxlength="255">
3176 06 Mar 15 olle 190         </td>
3176 06 Mar 15 olle 191         <td class="status" id="extractionProtocol.status"></td>
3176 06 Mar 15 olle 192         <td class="help">
3176 06 Mar 15 olle 193           <span id="extractionProtocol.message" class="message"></span>
3176 06 Mar 15 olle 194           Select the protocol which was used in the extraction step.
3176 06 Mar 15 olle 195         </td>
3176 06 Mar 15 olle 196       </tr>
3176 06 Mar 15 olle 197       <tr>
3176 06 Mar 15 olle 198         <td class="prompt">RNA default volume (µl)</td>
3176 06 Mar 15 olle 199         <td class="input">
3176 06 Mar 15 olle 200           <input type="text" name="rnaDefaultVolume" id="rnaDefaultVolume" 
3176 06 Mar 15 olle 201             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="dnaDefaultVolume"
3176 06 Mar 15 olle 202             maxlength="255">
3176 06 Mar 15 olle 203         </td>
3176 06 Mar 15 olle 204         <td class="status" id="rnaDefaultVolume.status"></td>
3176 06 Mar 15 olle 205         <td class="help">
3176 06 Mar 15 olle 206           <span id="rnaDefaultVolume.message" class="message"></span>
3176 06 Mar 15 olle 207           Default RNA elution volume.
3176 06 Mar 15 olle 208         </td>
3176 06 Mar 15 olle 209       </tr>
3176 06 Mar 15 olle 210       <tr>
3176 06 Mar 15 olle 211         <td class="prompt">DNA default volume (µl)</td>
3176 06 Mar 15 olle 212         <td class="input">
3176 06 Mar 15 olle 213           <input type="text" name="dnaDefaultVolume" id="dnaDefaultVolume" 
3176 06 Mar 15 olle 214             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="xyleneSpecimen"
3176 06 Mar 15 olle 215             maxlength="255">
3176 06 Mar 15 olle 216         </td>
3176 06 Mar 15 olle 217         <td class="status" id="dnaDefaultVolume.status"></td>
3176 06 Mar 15 olle 218         <td class="help">
3176 06 Mar 15 olle 219           <span id="dnaDefaultVolume.message" class="message"></span>
3176 06 Mar 15 olle 220           Default DNA elution volume.
3176 06 Mar 15 olle 221         </td>
3176 06 Mar 15 olle 222       </tr>
3176 06 Mar 15 olle 223       <tr>
3176 06 Mar 15 olle 224         <td class="subprompt" id="xyleneSpecimen.title">Xylene</td>
3176 06 Mar 15 olle 225         <td class="input">
3176 06 Mar 15 olle 226           <input type="text" name="xyleneSpecimen" id="xyleneSpecimen" 
3176 06 Mar 15 olle 227             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="etoh995Specimen"
3176 06 Mar 15 olle 228             maxlength="255">
3176 06 Mar 15 olle 229         </td>
3176 06 Mar 15 olle 230         <td class="status" id="xyleneSpecimen.status"></td>
3176 06 Mar 15 olle 231         <td class="help">
3176 06 Mar 15 olle 232           <span id="xyleneSpecimen.message" class="message"></span>
3176 06 Mar 15 olle 233           Lot numbers for the reagents used.
3176 06 Mar 15 olle 234         </td>
3176 06 Mar 15 olle 235       </tr>
3176 06 Mar 15 olle 236       <tr>
3176 06 Mar 15 olle 237         <td class="subprompt" id="etoh995Specimen.title">ETOH 99.5%</td>
3176 06 Mar 15 olle 238         <td class="input">
3176 06 Mar 15 olle 239           <input type="text" name="etoh995Specimen" id="etoh995Specimen" 
3501 21 Sep 15 olle 240             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="allPrepFfpeKit"
3176 06 Mar 15 olle 241             maxlength="255">
3176 06 Mar 15 olle 242         </td>
3176 06 Mar 15 olle 243         <td class="status" id="etoh995Specimen.status"></td>
3176 06 Mar 15 olle 244         <td class="help">
3176 06 Mar 15 olle 245           <span id="etoh995Specimen.message" class="message"></span>
3176 06 Mar 15 olle 246           Lot numbers for the reagents used.
3176 06 Mar 15 olle 247         </td>
3176 06 Mar 15 olle 248       </tr>
3176 06 Mar 15 olle 249       <tr>
3501 21 Sep 15 olle 250         <td class="subprompt" id="allPrepFfpeKit.title">FFPE DNA/RNA kit</td>
3501 21 Sep 15 olle 251         <td class="input">
3501 21 Sep 15 olle 252           <input type="text" name="allPrepFfpeKit" id="allPrepFfpeKit" 
3501 21 Sep 15 olle 253             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferPkdSpecimen"
3501 21 Sep 15 olle 254             maxlength="255">
3501 21 Sep 15 olle 255         </td>
3501 21 Sep 15 olle 256         <td class="status" id="allPrepFfpeKit.status"></td>
3501 21 Sep 15 olle 257         <td class="help">
3501 21 Sep 15 olle 258           <span id="allPrepFfpeKit.message" class="message"></span>
3501 21 Sep 15 olle 259           Lot numbers for the reagents used.
3501 21 Sep 15 olle 260         </td>
3501 21 Sep 15 olle 261       </tr>
3501 21 Sep 15 olle 262       <tr>
3176 06 Mar 15 olle 263         <td class="subprompt" id="bufferPkdSpecimen.title">PKD buffer</td>
3176 06 Mar 15 olle 264         <td class="input">
3176 06 Mar 15 olle 265           <input type="text" name="bufferPkdSpecimen" id="bufferPkdSpecimen" 
3176 06 Mar 15 olle 266             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferAtlSpecimen"
3176 06 Mar 15 olle 267             maxlength="255">
3176 06 Mar 15 olle 268         </td>
3176 06 Mar 15 olle 269         <td class="status" id="bufferPkdSpecimen.status"></td>
3176 06 Mar 15 olle 270         <td class="help">
3176 06 Mar 15 olle 271           <span id="bufferPkdSpecimen.message" class="message"></span>
3176 06 Mar 15 olle 272           Lot numbers for the reagents used.
3176 06 Mar 15 olle 273         </td>
3176 06 Mar 15 olle 274       </tr>
3176 06 Mar 15 olle 275       <tr>
3176 06 Mar 15 olle 276         <td class="subprompt" id="bufferAtlSpecimen.title">ATL buffer</td>
3176 06 Mar 15 olle 277         <td class="input">
3176 06 Mar 15 olle 278           <input type="text" name="bufferAtlSpecimen" id="bufferAtlSpecimen" 
3176 06 Mar 15 olle 279             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="proteinaseKSpecimen"
3176 06 Mar 15 olle 280             maxlength="255">
3176 06 Mar 15 olle 281         </td>
3176 06 Mar 15 olle 282         <td class="status" id="bufferAtlSpecimen.status"></td>
3176 06 Mar 15 olle 283         <td class="help">
3176 06 Mar 15 olle 284           <span id="bufferAtlSpecimen.message" class="message"></span>
3176 06 Mar 15 olle 285           Lot numbers for the reagents used.
3176 06 Mar 15 olle 286         </td>
3176 06 Mar 15 olle 287       </tr>
3176 06 Mar 15 olle 288       <tr>
3176 06 Mar 15 olle 289         <td class="subprompt" id="proteinaseKSpecimen.title">Proteinase K</td>
3176 06 Mar 15 olle 290         <td class="input">
3176 06 Mar 15 olle 291           <input type="text" name="proteinaseKSpecimen" id="proteinaseKSpecimen" 
3176 06 Mar 15 olle 292             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="rnaseASpecimen"
3176 06 Mar 15 olle 293             maxlength="255">
3176 06 Mar 15 olle 294         </td>
3176 06 Mar 15 olle 295         <td class="status" id="proteinaseKSpecimen.status"></td>
3176 06 Mar 15 olle 296         <td class="help">
3176 06 Mar 15 olle 297           <span id="proteinaseKSpecimen.message" class="message"></span>
3176 06 Mar 15 olle 298           Lot numbers for the reagents used.
3176 06 Mar 15 olle 299         </td>
3176 06 Mar 15 olle 300       </tr>
3176 06 Mar 15 olle 301       <tr>
3176 06 Mar 15 olle 302         <td class="subprompt" id="rnaseASpecimen.title">RNase A</td>
3176 06 Mar 15 olle 303         <td class="input">
3176 06 Mar 15 olle 304           <input type="text" name="rnaseASpecimen" id="rnaseASpecimen" 
3176 06 Mar 15 olle 305             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qiacubeDate"
3176 06 Mar 15 olle 306             maxlength="255">
3176 06 Mar 15 olle 307         </td>
3176 06 Mar 15 olle 308         <td class="status" id="rnaseASpecimen.status"></td>
3176 06 Mar 15 olle 309         <td class="help">
3176 06 Mar 15 olle 310           <span id="rnaseASpecimen.message" class="message"></span>
3176 06 Mar 15 olle 311           Lot numbers for the reagents used.
3176 06 Mar 15 olle 312         </td>
3176 06 Mar 15 olle 313       </tr>
3176 06 Mar 15 olle 314       <tbody class="section-header">
3176 06 Mar 15 olle 315         <tr>
3176 06 Mar 15 olle 316           <td colspan="4">QIAcube</td>
3176 06 Mar 15 olle 317         </tr>
3176 06 Mar 15 olle 318       </tbody>
3176 06 Mar 15 olle 319       <tr>
3176 06 Mar 15 olle 320         <td class="prompt">Date</td>
3176 06 Mar 15 olle 321         <td class="input">
3176 06 Mar 15 olle 322           <input type="text" name="qiacubeDate" id="qiacubeDate"
3176 06 Mar 15 olle 323             value="<%=dateFormat.format(new Date()) %>" 
3501 21 Sep 15 olle 324             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qiacubeOperator"
3176 06 Mar 15 olle 325             style="width: 8em;" maxlength="10">
3176 06 Mar 15 olle 326         </td>
3176 06 Mar 15 olle 327         <td class="status" id="qiacubeDate.status"></td>
3176 06 Mar 15 olle 328         <td class="help">
3176 06 Mar 15 olle 329           <span id="qiacubeDate.message" class="message"></span>
3176 06 Mar 15 olle 330           (YYYYMMDD or MMDD)
3176 06 Mar 15 olle 331         </td>
3176 06 Mar 15 olle 332       </tr>
3176 06 Mar 15 olle 333       <tr>
3501 21 Sep 15 olle 334         <td class="prompt">Operator</td>
3501 21 Sep 15 olle 335         <td class="input">
3501 21 Sep 15 olle 336           <input type="text" name="qiacubeOperator" id="qiacubeOperator" 
3501 21 Sep 15 olle 337             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qiacubePrimaryPrefix"
3501 21 Sep 15 olle 338             value="<%=HTML.encodeTags(user.getName()) %>" maxlength="255">
3501 21 Sep 15 olle 339         </td>
3501 21 Sep 15 olle 340         <td class="status" id="qiacubeOperator.status"></td>
3501 21 Sep 15 olle 341         <td class="help">
3501 21 Sep 15 olle 342           <span id="qiacubeOperator.message" class="message"></span>
3501 21 Sep 15 olle 343         </td>
3501 21 Sep 15 olle 344       </tr>
3501 21 Sep 15 olle 345       <tr>
3176 06 Mar 15 olle 346         <td class="prompt">Primary QIAcube prefix</td>
3176 06 Mar 15 olle 347         <td class="input">
3176 06 Mar 15 olle 348           <select name="qiacubePrimaryPrefix" id="qiacubePrimaryPrefix"
3176 06 Mar 15 olle 349             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qiacubeSecondaryPrefix">
3176 06 Mar 15 olle 350             <option value="A">A
3176 06 Mar 15 olle 351             <option value="B">B
3176 06 Mar 15 olle 352             <option selected value="C">C
3176 06 Mar 15 olle 353             <option value="D">D
3176 06 Mar 15 olle 354             <option value="E">E
3176 06 Mar 15 olle 355             <option value="F">F
3176 06 Mar 15 olle 356             <option value="G">G
3176 06 Mar 15 olle 357             <option value="H">H
3176 06 Mar 15 olle 358             <option value="I">I
3176 06 Mar 15 olle 359             <option value="J">J
3176 06 Mar 15 olle 360             <option value="K">K
3176 06 Mar 15 olle 361             <option value="L">L
3176 06 Mar 15 olle 362             <option value="M">M
3176 06 Mar 15 olle 363             <option value="N">N
3176 06 Mar 15 olle 364             <option value="O">O
3176 06 Mar 15 olle 365             <option value="P">P
3176 06 Mar 15 olle 366             <option value="Q">Q
3176 06 Mar 15 olle 367             <option value="R">R
3176 06 Mar 15 olle 368             <option value="S">S
3176 06 Mar 15 olle 369             <option value="T">T
3176 06 Mar 15 olle 370             <option value="U">U
3176 06 Mar 15 olle 371             <option value="V">V
3176 06 Mar 15 olle 372             <option value="W">W
3176 06 Mar 15 olle 373             <option value="X">X
3176 06 Mar 15 olle 374             <option value="Y">Y
3176 06 Mar 15 olle 375             <option value="Z">Z
3176 06 Mar 15 olle 376           </select>
3176 06 Mar 15 olle 377         </td>
3176 06 Mar 15 olle 378         <td class="status" id="qiacubePrimaryPrefix.status"></td>
3176 06 Mar 15 olle 379         <td class="help">
3176 06 Mar 15 olle 380           <span id="qiacubePrimaryPrefix.message" class="message"></span>
3176 06 Mar 15 olle 381           Prefix for primary QIAcube.
3176 06 Mar 15 olle 382         </td>
3176 06 Mar 15 olle 383       </tr>
3176 06 Mar 15 olle 384       <tr>
3176 06 Mar 15 olle 385         <td class="prompt">Secondary QIAcube prefix</td>
3176 06 Mar 15 olle 386         <td class="input">
3176 06 Mar 15 olle 387           <select name="qiacubeSecondaryPrefix" id="qiacubeSecondaryPrefix"
3176 06 Mar 15 olle 388             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qiacubeRunNo">
3176 06 Mar 15 olle 389             <option selected value="A">A
3176 06 Mar 15 olle 390             <option value="B">B
3176 06 Mar 15 olle 391             <option value="C">C
3176 06 Mar 15 olle 392             <option value="D">D
3176 06 Mar 15 olle 393             <option value="E">E
3176 06 Mar 15 olle 394             <option value="F">F
3176 06 Mar 15 olle 395             <option value="G">G
3176 06 Mar 15 olle 396             <option value="H">H
3176 06 Mar 15 olle 397             <option value="I">I
3176 06 Mar 15 olle 398             <option value="J">J
3176 06 Mar 15 olle 399             <option value="K">K
3176 06 Mar 15 olle 400             <option value="L">L
3176 06 Mar 15 olle 401             <option value="M">M
3176 06 Mar 15 olle 402             <option value="N">N
3176 06 Mar 15 olle 403             <option value="O">O
3176 06 Mar 15 olle 404             <option value="P">P
3176 06 Mar 15 olle 405             <option value="Q">Q
3176 06 Mar 15 olle 406             <option value="R">R
3176 06 Mar 15 olle 407             <option value="S">S
3176 06 Mar 15 olle 408             <option value="T">T
3176 06 Mar 15 olle 409             <option value="U">U
3176 06 Mar 15 olle 410             <option value="V">V
3176 06 Mar 15 olle 411             <option value="W">W
3176 06 Mar 15 olle 412             <option value="X">X
3176 06 Mar 15 olle 413             <option value="Y">Y
3176 06 Mar 15 olle 414             <option value="Z">Z
3176 06 Mar 15 olle 415           </select>
3176 06 Mar 15 olle 416         </td>
3176 06 Mar 15 olle 417         <td class="status" id="qiacubeSecondaryPrefix.status"></td>
3176 06 Mar 15 olle 418         <td class="help">
3176 06 Mar 15 olle 419           <span id="qiacubeSecondaryPrefix.message" class="message"></span>
3176 06 Mar 15 olle 420           Prefix for secondary QIAcube (if needed).
3176 06 Mar 15 olle 421         </td>
3176 06 Mar 15 olle 422       </tr>
3176 06 Mar 15 olle 423       <tr>
3176 06 Mar 15 olle 424         <td class="prompt">Run number</td>
3176 06 Mar 15 olle 425         <td class="input">
3176 06 Mar 15 olle 426           <input type="text" name="qiacubeRunNo" id="qiacubeRunNo"
3501 21 Sep 15 olle 427             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="etoh995"
3176 06 Mar 15 olle 428             style="width: 8em;" maxlength="10" value="1">
3176 06 Mar 15 olle 429         </td>
3176 06 Mar 15 olle 430         <td class="status" id="qiacubeRunNo.status"></td>
3176 06 Mar 15 olle 431         <td class="help"><span id="qiacubeRunNo.message" class="message"></span></td>
3176 06 Mar 15 olle 432       </tr>
3176 06 Mar 15 olle 433       <tr>
3176 06 Mar 15 olle 434         <td class="subprompt" id="etoh995.title">ETOH 99.5%</td>
3176 06 Mar 15 olle 435         <td class="input">
3176 06 Mar 15 olle 436           <input type="text" name="etoh995" id="etoh995" 
3176 06 Mar 15 olle 437             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferRlt"
3176 06 Mar 15 olle 438             maxlength="255">
3176 06 Mar 15 olle 439         </td>
3176 06 Mar 15 olle 440         <td class="status" id="etoh995.status"></td>
3176 06 Mar 15 olle 441         <td class="help">
3176 06 Mar 15 olle 442           <span id="etoh995.message" class="message"></span>
3176 06 Mar 15 olle 443           Lot numbers for the reagents used.
3176 06 Mar 15 olle 444         </td>
3176 06 Mar 15 olle 445       </tr>
3176 06 Mar 15 olle 446       <tr>
3176 06 Mar 15 olle 447         <td class="subprompt" id="bufferRlt.title">Buffer RLT</td>
3176 06 Mar 15 olle 448         <td class="input">
3176 06 Mar 15 olle 449           <input type="text" name="bufferRlt" id="bufferRlt" 
3176 06 Mar 15 olle 450             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferFrn"
3176 06 Mar 15 olle 451             maxlength="255">
3176 06 Mar 15 olle 452         </td>
3176 06 Mar 15 olle 453         <td class="status" id="bufferRlt.status"></td>
3176 06 Mar 15 olle 454         <td class="help">
3176 06 Mar 15 olle 455           <span id="bufferRlt.message" class="message"></span>
3176 06 Mar 15 olle 456           Lot numbers for the reagents used.
3176 06 Mar 15 olle 457         </td>
3176 06 Mar 15 olle 458       </tr>
3176 06 Mar 15 olle 459       <tr>
3176 06 Mar 15 olle 460         <td class="subprompt" id="bufferFrn.title">Buffer FRN</td>
3176 06 Mar 15 olle 461         <td class="input">
3176 06 Mar 15 olle 462           <input type="text" name="bufferFrn" id="bufferFrn" 
3176 06 Mar 15 olle 463             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferRpe"
3176 06 Mar 15 olle 464             maxlength="255">
3176 06 Mar 15 olle 465         </td>
3176 06 Mar 15 olle 466         <td class="status" id="bufferFrn.status"></td>
3176 06 Mar 15 olle 467         <td class="help">
3176 06 Mar 15 olle 468           <span id="bufferFrn.message" class="message"></span>
3176 06 Mar 15 olle 469           Lot numbers for the reagents used.
3176 06 Mar 15 olle 470         </td>
3176 06 Mar 15 olle 471       </tr>
3176 06 Mar 15 olle 472       <tr>
3176 06 Mar 15 olle 473         <td class="subprompt" id="bufferRpe.title">Buffer RPE</td>
3176 06 Mar 15 olle 474         <td class="input">
3176 06 Mar 15 olle 475           <input type="text" name="bufferRpe" id="bufferRpe" 
3176 06 Mar 15 olle 476             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferAl"
3176 06 Mar 15 olle 477             maxlength="255">
3176 06 Mar 15 olle 478         </td>
3176 06 Mar 15 olle 479         <td class="status" id="bufferRpe.status"></td>
3176 06 Mar 15 olle 480         <td class="help">
3176 06 Mar 15 olle 481           <span id="bufferRpe.message" class="message"></span>
3176 06 Mar 15 olle 482           Lot numbers for the reagents used.
3176 06 Mar 15 olle 483         </td>
3176 06 Mar 15 olle 484       </tr>
3176 06 Mar 15 olle 485       <tr>
3176 06 Mar 15 olle 486         <td class="subprompt" id="bufferAl.title">Buffer AL</td>
3176 06 Mar 15 olle 487         <td class="input">
3176 06 Mar 15 olle 488           <input type="text" name="bufferAl" id="bufferAl" 
3176 06 Mar 15 olle 489             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferAw1"
3176 06 Mar 15 olle 490             maxlength="255">
3176 06 Mar 15 olle 491         </td>
3176 06 Mar 15 olle 492         <td class="status" id="bufferAl.status"></td>
3176 06 Mar 15 olle 493         <td class="help">
3176 06 Mar 15 olle 494           <span id="bufferAl.message" class="message"></span>
3176 06 Mar 15 olle 495           Lot numbers for the reagents used.
3176 06 Mar 15 olle 496         </td>
3176 06 Mar 15 olle 497       </tr>
3176 06 Mar 15 olle 498       <tr>
3176 06 Mar 15 olle 499         <td class="subprompt" id="bufferAw1.title">Buffer AW1</td>
3176 06 Mar 15 olle 500         <td class="input">
3176 06 Mar 15 olle 501           <input type="text" name="bufferAw1" id="bufferAw1" 
3176 06 Mar 15 olle 502             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferAw2"
3176 06 Mar 15 olle 503             maxlength="255">
3176 06 Mar 15 olle 504         </td>
3176 06 Mar 15 olle 505         <td class="status" id="bufferAw1.status"></td>
3176 06 Mar 15 olle 506         <td class="help">
3176 06 Mar 15 olle 507           <span id="bufferAw1.message" class="message"></span>
3176 06 Mar 15 olle 508           Lot numbers for the reagents used.
3176 06 Mar 15 olle 509         </td>
3176 06 Mar 15 olle 510       </tr>
3176 06 Mar 15 olle 511       <tr>
3176 06 Mar 15 olle 512         <td class="subprompt" id="bufferAw2.title">Buffer AW2</td>
3176 06 Mar 15 olle 513         <td class="input">
3176 06 Mar 15 olle 514           <input type="text" name="bufferAw2" id="bufferAw2" 
3176 06 Mar 15 olle 515             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferAte"
3176 06 Mar 15 olle 516             maxlength="255">
3176 06 Mar 15 olle 517         </td>
3176 06 Mar 15 olle 518         <td class="status" id="bufferAw2.status"></td>
3176 06 Mar 15 olle 519         <td class="help">
3176 06 Mar 15 olle 520           <span id="bufferAw2.message" class="message"></span>
3176 06 Mar 15 olle 521           Lot numbers for the reagents used.
3176 06 Mar 15 olle 522         </td>
3176 06 Mar 15 olle 523       </tr>
3176 06 Mar 15 olle 524       <tr>
3176 06 Mar 15 olle 525         <td class="subprompt" id="bufferAte.title">Buffer ATE</td>
3176 06 Mar 15 olle 526         <td class="input">
3176 06 Mar 15 olle 527           <input type="text" name="bufferAte" id="bufferAte" 
3176 06 Mar 15 olle 528             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="bufferRdd"
3176 06 Mar 15 olle 529             maxlength="255">
3176 06 Mar 15 olle 530         </td>
3176 06 Mar 15 olle 531         <td class="status" id="bufferAte.status"></td>
3176 06 Mar 15 olle 532         <td class="help">
3176 06 Mar 15 olle 533           <span id="bufferAte.message" class="message"></span>
3176 06 Mar 15 olle 534           Lot numbers for the reagents used.
3176 06 Mar 15 olle 535         </td>
3176 06 Mar 15 olle 536       </tr>
3176 06 Mar 15 olle 537       <tr>
3176 06 Mar 15 olle 538         <td class="subprompt" id="bufferRdd.title">Buffer RDD</td>
3176 06 Mar 15 olle 539         <td class="input">
3176 06 Mar 15 olle 540           <input type="text" name="bufferRdd" id="bufferRdd" 
3176 06 Mar 15 olle 541             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="rnaseFreeWater"
3176 06 Mar 15 olle 542             maxlength="255">
3176 06 Mar 15 olle 543         </td>
3176 06 Mar 15 olle 544         <td class="status" id="bufferRdd.status"></td>
3176 06 Mar 15 olle 545         <td class="help">
3176 06 Mar 15 olle 546           <span id="bufferRdd.message" class="message"></span>
3176 06 Mar 15 olle 547           Lot numbers for the reagents used.
3176 06 Mar 15 olle 548         </td>
3176 06 Mar 15 olle 549       </tr>
3176 06 Mar 15 olle 550       <tr>
3176 06 Mar 15 olle 551         <td class="subprompt" id="rnaseFreeWater.title">RNase free water</td>
3176 06 Mar 15 olle 552         <td class="input">
3176 06 Mar 15 olle 553           <input type="text" name="rnaseFreeWater" id="rnaseFreeWater" 
3176 06 Mar 15 olle 554             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="dnaseMix"
3176 06 Mar 15 olle 555             maxlength="255">
3176 06 Mar 15 olle 556         </td>
3176 06 Mar 15 olle 557         <td class="status" id="rnaseFreeWater.status"></td>
3176 06 Mar 15 olle 558         <td class="help">
3176 06 Mar 15 olle 559           <span id="rnaseFreeWater.message" class="message"></span>
3176 06 Mar 15 olle 560           Lot numbers for the reagents used.
3176 06 Mar 15 olle 561         </td>
3176 06 Mar 15 olle 562       </tr>
3176 06 Mar 15 olle 563       <tr>
3176 06 Mar 15 olle 564         <td class="subprompt" id="dnaseMix.title">DNAse mix</td>
3176 06 Mar 15 olle 565         <td class="input">
3176 06 Mar 15 olle 566           <input type="text" name="dnaseMix" id="dnaseMix" 
3176 06 Mar 15 olle 567             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="rneasyMinEluteSpinColumn"
3176 06 Mar 15 olle 568             maxlength="255">
3176 06 Mar 15 olle 569         </td>
3176 06 Mar 15 olle 570         <td class="status" id="dnaseMix.status"></td>
3176 06 Mar 15 olle 571         <td class="help">
3176 06 Mar 15 olle 572           <span id="dnaseMix.message" class="message"></span>
3176 06 Mar 15 olle 573           Lot numbers for the reagents used.
3176 06 Mar 15 olle 574         </td>
3176 06 Mar 15 olle 575       </tr>
3176 06 Mar 15 olle 576       <tr>
3176 06 Mar 15 olle 577         <td class="subprompt" id="rneasyMinEluteSpinColumn.title">RNeasy Min Elute Spin Column</td>
3176 06 Mar 15 olle 578         <td class="input">
3176 06 Mar 15 olle 579           <input type="text" name="rneasyMinEluteSpinColumn" id="rneasyMinEluteSpinColumn" 
3176 06 Mar 15 olle 580             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qiaampMinEluteSpinColumn"
3176 06 Mar 15 olle 581             maxlength="255">
3176 06 Mar 15 olle 582         </td>
3176 06 Mar 15 olle 583         <td class="status" id="rneasyMinEluteSpinColumn.status"></td>
3176 06 Mar 15 olle 584         <td class="help">
3176 06 Mar 15 olle 585           <span id="rneasyMinEluteSpinColumn.message" class="message"></span>
3176 06 Mar 15 olle 586           Lot numbers for the reagents used.
3176 06 Mar 15 olle 587         </td>
3176 06 Mar 15 olle 588       </tr>
3176 06 Mar 15 olle 589       <tr>
3176 06 Mar 15 olle 590         <td class="subprompt" id="qiaampMinEluteSpinColumn.title">QIAamp Min Elute Spin Column</td>
3176 06 Mar 15 olle 591         <td class="input">
3176 06 Mar 15 olle 592           <input type="text" name="qiaampMinEluteSpinColumn" id="qiaampMinEluteSpinColumn" 
3432 29 Jun 15 olle 593             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="kapaSybrFast"
3176 06 Mar 15 olle 594             maxlength="255">
3176 06 Mar 15 olle 595         </td>
3176 06 Mar 15 olle 596         <td class="status" id="qiaampMinEluteSpinColumn.status"></td>
3176 06 Mar 15 olle 597         <td class="help">
3176 06 Mar 15 olle 598           <span id="qiaampMinEluteSpinColumn.message" class="message"></span>
3176 06 Mar 15 olle 599           Lot numbers for the reagents used.
3176 06 Mar 15 olle 600         </td>
3176 06 Mar 15 olle 601       </tr>
3324 11 May 15 olle 602       <tbody class="section-header">
3324 11 May 15 olle 603         <tr>
3324 11 May 15 olle 604           <td colspan="4">Quality control</td>
3324 11 May 15 olle 605         </tr>
3324 11 May 15 olle 606       </tbody>
3324 11 May 15 olle 607       <tr>
3324 11 May 15 olle 608         <td class="subprompt" id="kapaSybrFast.title">Kapa SYBR Fast</td>
3324 11 May 15 olle 609         <td class="input">
3324 11 May 15 olle 610           <input type="text" name="kapaSybrFast" id="kapaSybrFast" 
3324 11 May 15 olle 611             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qualityControlPrimersQcpRgt"
3324 11 May 15 olle 612             maxlength="255">
3324 11 May 15 olle 613         </td>
3324 11 May 15 olle 614         <td class="status" id="kapaSybrFast.status"></td>
3324 11 May 15 olle 615         <td class="help">
3324 11 May 15 olle 616           <span id="kapaSybrFast.message" class="message"></span>
3324 11 May 15 olle 617           Lot numbers for the reagents used.
3324 11 May 15 olle 618         </td>
3324 11 May 15 olle 619       </tr>
3324 11 May 15 olle 620       <tr>
3324 11 May 15 olle 621         <td class="subprompt" id="qualityControlPrimersQcpRgt.title">Quality Control Primers (QCP) RGT</td>
3324 11 May 15 olle 622         <td class="input">
3324 11 May 15 olle 623           <input type="text" name="qualityControlPrimersQcpRgt" id="qualityControlPrimersQcpRgt" 
3438 03 Jul 15 olle 624             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qualityControlTemplateQct"
3324 11 May 15 olle 625             maxlength="255">
3324 11 May 15 olle 626         </td>
3324 11 May 15 olle 627         <td class="status" id="qualityControlPrimersQcpRgt.status"></td>
3324 11 May 15 olle 628         <td class="help">
3324 11 May 15 olle 629           <span id="qualityControlPrimersQcpRgt.message" class="message"></span>
3324 11 May 15 olle 630           Lot numbers for the reagents used.
3324 11 May 15 olle 631         </td>
3324 11 May 15 olle 632       </tr>
3324 11 May 15 olle 633       <tr>
3438 03 Jul 15 olle 634         <td class="subprompt" id="qualityControlTemplateQct.title">Quality Control Template (QCT)</td>
3438 03 Jul 15 olle 635         <td class="input">
3438 03 Jul 15 olle 636           <input type="text" name="qualityControlTemplateQct" id="qualityControlTemplateQct" 
3438 03 Jul 15 olle 637             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qubitDnaHighSens"
3438 03 Jul 15 olle 638             maxlength="255">
3438 03 Jul 15 olle 639         </td>
3438 03 Jul 15 olle 640         <td class="status" id="qualityControlTemplateQct.status"></td>
3438 03 Jul 15 olle 641         <td class="help">
3438 03 Jul 15 olle 642           <span id="qualityControlTemplateQct.message" class="message"></span>
3438 03 Jul 15 olle 643           Lot numbers for the reagents used.
3438 03 Jul 15 olle 644         </td>
3438 03 Jul 15 olle 645       </tr>
3438 03 Jul 15 olle 646       <tr>
3324 11 May 15 olle 647         <td class="subprompt" id="qubitDnaHighSens.title">QUBIT DNA High Sens</td>
3324 11 May 15 olle 648         <td class="input">
3324 11 May 15 olle 649           <input type="text" name="qubitDnaHighSens" id="qubitDnaHighSens" 
3324 11 May 15 olle 650             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="qubitDnaBroadRange"
3324 11 May 15 olle 651             maxlength="255">
3324 11 May 15 olle 652         </td>
3324 11 May 15 olle 653         <td class="status" id="qubitDnaHighSens.status"></td>
3324 11 May 15 olle 654         <td class="help">
3324 11 May 15 olle 655           <span id="qubitDnaHighSens.message" class="message"></span>
3324 11 May 15 olle 656           Lot numbers for the reagents used.
3324 11 May 15 olle 657         </td>
3324 11 May 15 olle 658       </tr>
3324 11 May 15 olle 659       <tr>
3324 11 May 15 olle 660         <td class="subprompt" id="qubitDnaBroadRange.title">QUBIT DNA Broad Range</td>
3324 11 May 15 olle 661         <td class="input">
3324 11 May 15 olle 662           <input type="text" name="qubitDnaBroadRange" id="qubitDnaBroadRange" 
3324 11 May 15 olle 663             class="auto-init" data-auto-init="focus-on-enter" data-next-focus=""
3324 11 May 15 olle 664             maxlength="255">
3324 11 May 15 olle 665         </td>
3324 11 May 15 olle 666         <td class="status" id="qubitDnaBroadRange.status"></td>
3324 11 May 15 olle 667         <td class="help">
3324 11 May 15 olle 668           <span id="qubitDnaBroadRange.message" class="message"></span>
3324 11 May 15 olle 669           Lot numbers for the reagents used.
3324 11 May 15 olle 670         </td>
3324 11 May 15 olle 671       </tr>
3176 06 Mar 15 olle 672       </table>
3176 06 Mar 15 olle 673
3176 06 Mar 15 olle 674       <table class="step-form">
3176 06 Mar 15 olle 675       <tbody class="section-header">
3176 06 Mar 15 olle 676         <tr>
3176 06 Mar 15 olle 677           <td colspan="4">Input options</td>
3176 06 Mar 15 olle 678         </tr>
3176 06 Mar 15 olle 679       </tbody>
3176 06 Mar 15 olle 680       <tr>
3176 06 Mar 15 olle 681         <td class="prompt">Reagent lot numbers</td>
3183 18 Mar 15 olle 682         <td>
3183 18 Mar 15 olle 683           <div class="button basicbutton interactable clear-reagents" style="width: 6em;">Clear</div>
3183 18 Mar 15 olle 684         </td>
3183 18 Mar 15 olle 685         <td class="status" id="clearReagents.status"></td>
3183 18 Mar 15 olle 686         <td class="help">
3183 18 Mar 15 olle 687           <span id="clearReagents.message" class="message"></span>
3183 18 Mar 15 olle 688           Clear reagents input fields.
3183 18 Mar 15 olle 689         </td>
3183 18 Mar 15 olle 690       </tr>
3183 18 Mar 15 olle 691       <tr>
3183 18 Mar 15 olle 692         <td class="subprompt">From latest registered DNA</td>
3183 18 Mar 15 olle 693         <td>
3183 18 Mar 15 olle 694           <div class="button basicbutton interactable copy-reagents-from-latest-extract" style="width: 6em;">Use latest</div>
3183 18 Mar 15 olle 695         </td>
3183 18 Mar 15 olle 696         <td class="status" id="copyReagentsFromExtract.status"></td>
3183 18 Mar 15 olle 697         <td class="help">
3183 18 Mar 15 olle 698           <span id="copyReagentsFromExtract.message" class="message"></span>
3183 18 Mar 15 olle 699           Copy reagent lot no. from latest registered DNA.
3183 18 Mar 15 olle 700         </td>
3183 18 Mar 15 olle 701       </tr>
3183 18 Mar 15 olle 702       <tr>
3183 18 Mar 15 olle 703         <td class="subprompt">From file</td>
3176 06 Mar 15 olle 704         <td class="input">
4244 18 Nov 16 olle 705           <input type="file" name="reagentFile" id="reagentFile" class="required" style="width: 95%;" accept=".csv,.tsv">
3176 06 Mar 15 olle 706         </td>
3176 06 Mar 15 olle 707         <td class="status" id="reagentFile.status"></td>
3176 06 Mar 15 olle 708         <td class="help">
3176 06 Mar 15 olle 709           <span id="reagentFile.message" class="message"></span>
3183 18 Mar 15 olle 710           Select a CSV file containing lot numbers for the reagents.
3176 06 Mar 15 olle 711         </td>
3176 06 Mar 15 olle 712       </tr>
3332 12 May 15 olle 713       <tr>
3332 12 May 15 olle 714         <td class="prompt">Download reagent lot no. file</td>
3332 12 May 15 olle 715         <td class="input">
3332 12 May 15 olle 716           <base:button id="downloadReagentLotNoFile" title="Download..."
3332 12 May 15 olle 717             image="<%=home + "/images/download.png"%>" style="width:10em;" />
3332 12 May 15 olle 718         </td>
3332 12 May 15 olle 719         <td class="status" id="downloadReagentLotNoFile.status"></td>
3332 12 May 15 olle 720         <td class="help">
3332 12 May 15 olle 721           <span id="downloadReagentLotNoFile.message" class="message"></span>
3332 12 May 15 olle 722           Download file with current lot no.s for future import/reference.
3332 12 May 15 olle 723         </td>
3332 12 May 15 olle 724       </tr>
3176 06 Mar 15 olle 725       </table>
3432 29 Jun 15 olle 726       <input type="text" name="startListId" id="startListId" value="" maxlength="255">
3180 17 Mar 15 olle 727       <input type="text" name="extractionProtocolId" id="extractionProtocolId" value="" maxlength="255">
3183 18 Mar 15 olle 728       </div>
3176 06 Mar 15 olle 729     </div>
3176 06 Mar 15 olle 730   </div>
3176 06 Mar 15 olle 731   
3176 06 Mar 15 olle 732   <!-- 3. DNA/RNA information -->
3176 06 Mar 15 olle 733   <div class="step" id="step-3">
3176 06 Mar 15 olle 734     <div class="step-no">3</div>
3176 06 Mar 15 olle 735     <div class="step-title">RNA/DNA details</div>
3176 06 Mar 15 olle 736     <div class="step-content">
3176 06 Mar 15 olle 737
3432 29 Jun 15 olle 738       <div class="bg-filled-50" id="detailsStartListName" style="padding: 2px;"></div>
3176 06 Mar 15 olle 739       <div class="bg-filled-50" style="padding: 2px;">
3224 02 Apr 15 olle 740         1. Note! When entering decimal values manually, use decimal point ".".<br>
3224 02 Apr 15 olle 741         2. Enter RNA concentration values or import from NanoDrop value file.<br>
3176 06 Mar 15 olle 742         3. Enter DNA concentration values or import from Qubit value file.<br>
3224 02 Apr 15 olle 743         4. Enter DNA ΔCt values or import from qPCR value file.<br>
3224 02 Apr 15 olle 744         5. Edit if necessary, then click "Register" to register new DNA/RNA extracts and update values for existing.<br>
3224 02 Apr 15 olle 745         6. Optional - Create lab tracking report with entered values (opens in new tab/window). If created before registration, it will be marked "preview".<br>
3176 06 Mar 15 olle 746         <br>
3176 06 Mar 15 olle 747         <span class="nondefault">Highlighted</span> values in the table below have been manually 
3176 06 Mar 15 olle 748         changed from their default values.
3176 06 Mar 15 olle 749       </div>
3176 06 Mar 15 olle 750
3176 06 Mar 15 olle 751       <div id="detailsSection"></div>
3176 06 Mar 15 olle 752
3176 06 Mar 15 olle 753       <table class="step-form">
3176 06 Mar 15 olle 754       <tr>
3176 06 Mar 15 olle 755         <td class="prompt">NanoDrop values</td>
3176 06 Mar 15 olle 756         <td class="input">
4244 18 Nov 16 olle 757           <input type="file" name="nanoDropFile" id="nanoDropFile" class="required" style="width: 95%;" accept=".csv,.tsv">
3176 06 Mar 15 olle 758         </td>
3176 06 Mar 15 olle 759         <td class="status" id="nanoDropFile.status"></td>
3176 06 Mar 15 olle 760         <td class="help">
3176 06 Mar 15 olle 761           <span id="nanoDropFile.message" class="message"></span>
3224 02 Apr 15 olle 762           Select the file containing RNA concentrations from the NanoDrop.
3176 06 Mar 15 olle 763         </td>
3176 06 Mar 15 olle 764       </tr>
3176 06 Mar 15 olle 765       <tr>
3176 06 Mar 15 olle 766         <td class="prompt">Qubit values</td>
3176 06 Mar 15 olle 767         <td class="input">
4244 18 Nov 16 olle 768           <input type="file" name="qubitFile" id="qubitFile" class="required" style="width: 95%;" accept=".csv,.tsv">
3176 06 Mar 15 olle 769         </td>
3176 06 Mar 15 olle 770         <td class="status" id="qubitFile.status"></td>
3176 06 Mar 15 olle 771         <td class="help">
3176 06 Mar 15 olle 772           <span id="qubitFile.message" class="message"></span>
3224 02 Apr 15 olle 773           Select the file containing DNA concentrations from the Qubit.
3176 06 Mar 15 olle 774         </td>
3176 06 Mar 15 olle 775       </tr>
3176 06 Mar 15 olle 776       <tr>
3283 29 Apr 15 olle 777         <td class="prompt">Qubit dilution factor</td>
3283 29 Apr 15 olle 778         <td class="input">
3283 29 Apr 15 olle 779           <input type="text" name="qubitFileDilutionFactor" id="qubitFileDilutionFactor" class="required" style="width: 25%;" accept="text/plain">
3283 29 Apr 15 olle 780         </td>
3283 29 Apr 15 olle 781         <td class="status" id="qubitFileDilutionFactor.status"></td>
3283 29 Apr 15 olle 782         <td class="help">
3283 29 Apr 15 olle 783           <span id="qubitFileDilutionFactor.message" class="message"></span>
3283 29 Apr 15 olle 784           Dilution factor for Qubit file import, if not specified in file.
3283 29 Apr 15 olle 785         </td>
3283 29 Apr 15 olle 786       </tr>
3283 29 Apr 15 olle 787       <tr>
3176 06 Mar 15 olle 788         <td class="prompt">qPCR &#916;Ct values</td>
3176 06 Mar 15 olle 789         <td class="input">
4244 18 Nov 16 olle 790           <input type="file" name="qPcrFile" id="qPcrFile" class="required" style="width: 95%;" accept=".csv,.tsv">
3176 06 Mar 15 olle 791         </td>
3176 06 Mar 15 olle 792         <td class="status" id="qPcrFile.status"></td>
3176 06 Mar 15 olle 793         <td class="help">
3176 06 Mar 15 olle 794           <span id="qPcrFile.message" class="message"></span>
3224 02 Apr 15 olle 795           Select the file containing DNA ΔCt values from the qPCR.
3176 06 Mar 15 olle 796         </td>
3176 06 Mar 15 olle 797       </tr>
3176 06 Mar 15 olle 798       </table>
3176 06 Mar 15 olle 799     </div>
3176 06 Mar 15 olle 800   </div>
3176 06 Mar 15 olle 801   
3176 06 Mar 15 olle 802   <div id="wizard-status"></div>
3176 06 Mar 15 olle 803   
3176 06 Mar 15 olle 804   <table class="navigation" id="navigation">
3176 06 Mar 15 olle 805   <tr>
3176 06 Mar 15 olle 806     <td><base:button id="gocancel" title="Cancel" /></td>
3176 06 Mar 15 olle 807     <td><base:button id="gonext" title="Next" image="<%=home+"/images/gonext.png"%>" /></td>
3176 06 Mar 15 olle 808     <td><base:button id="goregister" title="Register" image="<%=home+"/images/import.png"%>"  /></td>
3176 06 Mar 15 olle 809     <td><base:button id="gorestart" title="Restart" image="<%=home+"/images/goback.png"%>" /></td>
3180 17 Mar 15 olle 810     <td><base:button id="gocreate" title="Create lab tracking report" image="<%=home+"/images/import.png"%>" /></td>
3176 06 Mar 15 olle 811     <td><base:button id="rnaQcWizard" title="Continue with RNA QC registration on Caliper plate" image="<%=home+"/images/gonext.png"%>" /></td>
3176 06 Mar 15 olle 812     <td id="gonext-message" class="message"></td>
3176 06 Mar 15 olle 813   </tr>
3176 06 Mar 15 olle 814   </table>
3176 06 Mar 15 olle 815   
3176 06 Mar 15 olle 816   </form>
3176 06 Mar 15 olle 817   
3176 06 Mar 15 olle 818   <div id="debug-tools">
3176 06 Mar 15 olle 819     <base:button 
3176 06 Mar 15 olle 820       id="btnFakeNanoDropFile" 
3176 06 Mar 15 olle 821       title="Fake NanoDrop file..." 
3176 06 Mar 15 olle 822       tooltip="Generates fake data for all NanoDrop measurements."
3176 06 Mar 15 olle 823       image="bug.png"
3176 06 Mar 15 olle 824     />
3176 06 Mar 15 olle 825     <base:button 
3176 06 Mar 15 olle 826       id="btnFakeDnaInput" 
3176 06 Mar 15 olle 827       title="Fake DNA input..." 
3176 06 Mar 15 olle 828       tooltip="Generates fake data for all DNA Qubit measurements."
3176 06 Mar 15 olle 829       image="bug.png"
3176 06 Mar 15 olle 830     />
3176 06 Mar 15 olle 831     <base:button 
3176 06 Mar 15 olle 832       id="btnFakeQPcrFile" 
3176 06 Mar 15 olle 833       title="Fake qPCR file..." 
3176 06 Mar 15 olle 834       tooltip="Generates fake data for all qPCR measurements."
3176 06 Mar 15 olle 835       image="bug.png"
3176 06 Mar 15 olle 836     />
3176 06 Mar 15 olle 837   </div>
3176 06 Mar 15 olle 838   
3176 06 Mar 15 olle 839   </div>
3176 06 Mar 15 olle 840   
3176 06 Mar 15 olle 841 </base:body>
3176 06 Mar 15 olle 842 </base:page>
3176 06 Mar 15 olle 843 <%
3176 06 Mar 15 olle 844 }
3176 06 Mar 15 olle 845 finally
3176 06 Mar 15 olle 846 {
3176 06 Mar 15 olle 847   if (dc != null) dc.close();
3176 06 Mar 15 olle 848 }
3176 06 Mar 15 olle 849 %>