extensions/net.sf.basedb.meludi/trunk/resources/libprep/inspect_libprep_kit_data.jsp

Code
Comments
Other
Rev Date Author Line
3561 27 Oct 15 olle 1 <%@ page
3561 27 Oct 15 olle 2   pageEncoding="UTF-8"
3561 27 Oct 15 olle 3   session="false"
3561 27 Oct 15 olle 4   import="net.sf.basedb.core.User"
3561 27 Oct 15 olle 5   import="net.sf.basedb.core.DbControl"
3561 27 Oct 15 olle 6   import="net.sf.basedb.core.SessionControl"
3561 27 Oct 15 olle 7   import="net.sf.basedb.core.Application"
3561 27 Oct 15 olle 8   import="net.sf.basedb.util.formatter.DateFormatter"
3561 27 Oct 15 olle 9   import="net.sf.basedb.util.formatter.Formatter"
3561 27 Oct 15 olle 10   import="net.sf.basedb.clients.web.Base"  
3561 27 Oct 15 olle 11   import="net.sf.basedb.clients.web.util.HTML"  
3561 27 Oct 15 olle 12   import="net.sf.basedb.clients.web.extensions.ExtensionsControl"
3561 27 Oct 15 olle 13   import="java.util.Date"
3561 27 Oct 15 olle 14 %>
3561 27 Oct 15 olle 15 <%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
3561 27 Oct 15 olle 16 <%@ taglib prefix="p" uri="/WEB-INF/path.tld" %>
3561 27 Oct 15 olle 17 <%
3561 27 Oct 15 olle 18 final SessionControl sc = Base.getExistingSessionControl(request, true);
3561 27 Oct 15 olle 19 final String ID = sc.getId();
3561 27 Oct 15 olle 20 final float scale = Base.getScale(sc);
3561 27 Oct 15 olle 21 final String home = ExtensionsControl.getHomeUrl("net.sf.basedb.meludi");
3561 27 Oct 15 olle 22 DbControl dc = null;
3561 27 Oct 15 olle 23 try
3561 27 Oct 15 olle 24 {
3561 27 Oct 15 olle 25   dc = sc.newDbControl();
3561 27 Oct 15 olle 26   final User user = User.getById(dc, sc.getLoggedInUserId());
3561 27 Oct 15 olle 27   final Formatter dateFormat = new DateFormatter("yyyyMMdd");
3561 27 Oct 15 olle 28 %>
3561 27 Oct 15 olle 29 <base:page type="default" >
3561 27 Oct 15 olle 30 <base:head 
3561 27 Oct 15 olle 31   scripts="~../meludi-2.js,~inspect_libprep_kit_data.js,~../sampleproc/extraction_utils.js" 
3561 27 Oct 15 olle 32   styles="path.css,~../css/meludi-2.css"
3561 27 Oct 15 olle 33   >
3561 27 Oct 15 olle 34 <style>
3561 27 Oct 15 olle 35 tr.highlight
3561 27 Oct 15 olle 36 {
3561 27 Oct 15 olle 37   border-top-width: 1px;
3561 27 Oct 15 olle 38   border-top-style: dotted;
3561 27 Oct 15 olle 39 }
3561 27 Oct 15 olle 40
3561 27 Oct 15 olle 41 #detailsTable
3561 27 Oct 15 olle 42 {
3561 27 Oct 15 olle 43   width: 100%; 
3561 27 Oct 15 olle 44   border-collapse: collapse;
3561 27 Oct 15 olle 45   border-bottom-width: 1px;
3561 27 Oct 15 olle 46   border-top-width: 1px;
3561 27 Oct 15 olle 47 }
3561 27 Oct 15 olle 48
3561 27 Oct 15 olle 49 #detailsTable td, #detailsTable th
3561 27 Oct 15 olle 50 {
3561 27 Oct 15 olle 51   text-align: center;
3561 27 Oct 15 olle 52   min-width: 5%;
3561 27 Oct 15 olle 53   padding-top: 1px;
3561 27 Oct 15 olle 54   padding-bottom: 1px;
3561 27 Oct 15 olle 55 }
3561 27 Oct 15 olle 56
3561 27 Oct 15 olle 57 #detailsTable .comment
3561 27 Oct 15 olle 58 {
3561 27 Oct 15 olle 59   min-width: 10%;
3561 27 Oct 15 olle 60 }
3561 27 Oct 15 olle 61
3561 27 Oct 15 olle 62 #detailsTable .italic
3561 27 Oct 15 olle 63 {
3561 27 Oct 15 olle 64   font-style: italic;
3561 27 Oct 15 olle 65 }
3561 27 Oct 15 olle 66
3561 27 Oct 15 olle 67 .nondefault
3561 27 Oct 15 olle 68 {
3561 27 Oct 15 olle 69   background: #FFF066;
3561 27 Oct 15 olle 70 }
3561 27 Oct 15 olle 71 .nondefault:after
3561 27 Oct 15 olle 72 {
3561 27 Oct 15 olle 73   content: '›';
3561 27 Oct 15 olle 74 }
3561 27 Oct 15 olle 75 .nondefault:before
3561 27 Oct 15 olle 76 {
3561 27 Oct 15 olle 77   content: '‹';
3561 27 Oct 15 olle 78 }
3561 27 Oct 15 olle 79 span.status
3561 27 Oct 15 olle 80 {
3561 27 Oct 15 olle 81   width: 20px;
3561 27 Oct 15 olle 82   float: right;
3561 27 Oct 15 olle 83 }
3561 27 Oct 15 olle 84 </style>
3561 27 Oct 15 olle 85 </base:head>
3561 27 Oct 15 olle 86 <base:body>
3561 27 Oct 15 olle 87
3561 27 Oct 15 olle 88   <p:path><p:pathelement 
3561 27 Oct 15 olle 89     title="MeLuDi" href="<%="../index.jsp?ID="+ID%>" 
3561 27 Oct 15 olle 90     /><p:pathelement title="Inspect/edit library preparation kit data" 
3561 27 Oct 15 olle 91     /></p:path>
3561 27 Oct 15 olle 92
3561 27 Oct 15 olle 93   <div class="content">
3561 27 Oct 15 olle 94
3561 27 Oct 15 olle 95 <!--
3561 27 Oct 15 olle 96   <form name="meludi" action="extraction_protocol2.jsp" method="post" target="_blank" id="wizard" class="wizard">
3561 27 Oct 15 olle 97 -->
3561 27 Oct 15 olle 98   <form name="meludi" id="wizard" class="wizard">
3561 27 Oct 15 olle 99     <input type="hidden" name="ID" value="<%=ID%>">
3561 27 Oct 15 olle 100     <input type="hidden" name="hiddenSubmitInfo" value="">
3561 27 Oct 15 olle 101 <!--
3561 27 Oct 15 olle 102     <input type="hidden" name="hiddenNumItems" value="">
3561 27 Oct 15 olle 103     <input type="hidden" name="hiddenCounterBalanceInfoRow" value="">
3561 27 Oct 15 olle 104 -->
3561 27 Oct 15 olle 105
3561 27 Oct 15 olle 106   <div class="step auto-hide" id="step-1">
3561 27 Oct 15 olle 107     <div class="step-no">1</div>
3561 27 Oct 15 olle 108     <div class="step-title">Select what library preparation kit data to inspect</div>
3561 27 Oct 15 olle 109     <div class="step-content">
3561 27 Oct 15 olle 110
3561 27 Oct 15 olle 111       <table class="step-form">
3561 27 Oct 15 olle 112       <tr>
3561 27 Oct 15 olle 113         <td class="prompt">Library preparation kit filter</td>
3561 27 Oct 15 olle 114         <td class="input">
3561 27 Oct 15 olle 115           <select name="libPrepKitFilter" id="libPrepKitFilter"
3561 27 Oct 15 olle 116             class="auto-init" data-auto-init="focus-on-enter" data-next-focus="">
3713 20 Jan 16 olle 117             <option value="all" >All
3713 20 Jan 16 olle 118             <option selected value="used_active">Used & active
3610 20 Nov 15 olle 119             <option value="used_inactive">Used & inactive
3561 27 Oct 15 olle 120             <option value="used">Used
3561 27 Oct 15 olle 121             <option value="unused">Unused
3610 20 Nov 15 olle 122             <option value="active">Active
3610 20 Nov 15 olle 123             <option value="inactive">Inactive
3561 27 Oct 15 olle 124           </select>
3561 27 Oct 15 olle 125         </td>
3561 27 Oct 15 olle 126         <td class="status" id="libPrepKitFilter.status"></td>
3561 27 Oct 15 olle 127         <td class="help">
3561 27 Oct 15 olle 128           <span id="libPrepKitFilter.message" class="message"></span>
3561 27 Oct 15 olle 129           Library preparation kit filter.
3561 27 Oct 15 olle 130         </td>
3561 27 Oct 15 olle 131       </tr>
3561 27 Oct 15 olle 132       </table>
3561 27 Oct 15 olle 133     </div>
3561 27 Oct 15 olle 134   </div>
3561 27 Oct 15 olle 135   
3561 27 Oct 15 olle 136   <!-- 2. Library preparation kit data information -->
3561 27 Oct 15 olle 137   <div class="step" id="step-2">
3561 27 Oct 15 olle 138     <div class="step-no">2</div>
3561 27 Oct 15 olle 139     <div class="step-title">Library preparation kit data details</div>
3561 27 Oct 15 olle 140     <div class="step-content">
3561 27 Oct 15 olle 141
3561 27 Oct 15 olle 142       <div class="bg-filled-50" id="detailsLibPrepKitDataFileName" style="padding: 2px;"></div>
3561 27 Oct 15 olle 143       <div class="bg-filled-50" id="libPrepKitFilterName" style="padding: 2px;"></div>
3561 27 Oct 15 olle 144
3561 27 Oct 15 olle 145       <div id="detailsSection"></div>
3561 27 Oct 15 olle 146
3561 27 Oct 15 olle 147       <table class="step-form">
3561 27 Oct 15 olle 148       <tr>
3561 27 Oct 15 olle 149         <td class="prompt">Download library preparation kit data file</td>
3561 27 Oct 15 olle 150         <td class="input">
3561 27 Oct 15 olle 151           <base:button id="downloadLibPrepKitDataFile" title="Download..."
3561 27 Oct 15 olle 152             image="<%=home + "/images/download.png"%>" style="width:10em;" />
3561 27 Oct 15 olle 153         </td>
3561 27 Oct 15 olle 154         <td class="status" id="downloadLibPrepKitDataFile.status"></td>
3561 27 Oct 15 olle 155         <td class="help">
3561 27 Oct 15 olle 156           <span id="downloadLibPrepKitDataFile.message" class="message"></span>
3561 27 Oct 15 olle 157           Download file with current kit data for future import/reference, with one row per kit.
3561 27 Oct 15 olle 158         </td>
3561 27 Oct 15 olle 159       </tr>
3561 27 Oct 15 olle 160       </table>
3561 27 Oct 15 olle 161     </div>
3561 27 Oct 15 olle 162   </div>
3561 27 Oct 15 olle 163   
3561 27 Oct 15 olle 164   <div id="wizard-status"></div>
3561 27 Oct 15 olle 165   
3561 27 Oct 15 olle 166   <table class="navigation" id="navigation">
3561 27 Oct 15 olle 167   <tr>
3561 27 Oct 15 olle 168     <td><base:button id="gocancel" title="Cancel" /></td>
3561 27 Oct 15 olle 169     <td><base:button id="gonext" title="Next" image="<%=home+"/images/gonext.png"%>" /></td>
3561 27 Oct 15 olle 170     <td><base:button id="goregister" title="Register" image="<%=home+"/images/import.png"%>"  /></td>
3561 27 Oct 15 olle 171     <td><base:button id="gorestart" title="Restart" image="<%=home+"/images/goback.png"%>" /></td>
3561 27 Oct 15 olle 172 <!--
3561 27 Oct 15 olle 173     <td><base:button id="gocreate" title="Create library reagents report" image="<%=home+"/images/import.png"%>" /></td>
3561 27 Oct 15 olle 174 -->
3561 27 Oct 15 olle 175     <td id="gonext-message" class="message"></td>
3561 27 Oct 15 olle 176   </tr>
3561 27 Oct 15 olle 177   </table>
3561 27 Oct 15 olle 178   
3561 27 Oct 15 olle 179   </form>
3561 27 Oct 15 olle 180
3561 27 Oct 15 olle 181   </div>
3561 27 Oct 15 olle 182   
3561 27 Oct 15 olle 183 </base:body>
3561 27 Oct 15 olle 184 </base:page>
3561 27 Oct 15 olle 185 <%
3561 27 Oct 15 olle 186 }
3561 27 Oct 15 olle 187 finally
3561 27 Oct 15 olle 188 {
3561 27 Oct 15 olle 189   if (dc != null) dc.close();
3561 27 Oct 15 olle 190 }
3561 27 Oct 15 olle 191 %>