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 |
<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 |
<input type="hidden" name="hiddenNumItems" value=""> |
3561 |
27 Oct 15 |
olle |
<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 |
<!-- 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 |
<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 |
%> |