source: extensions/net.sf.basedb.reggie/trunk/resources/yellowlabel/list.jsp @ 3812

Last change on this file since 3812 was 3812, checked in by Nicklas Nordborg, 6 years ago

References #861: YellowLabel? tracking wizard

Added column for "Completed date".

File size: 5.8 KB
Line 
1<%@ page
2  pageEncoding="UTF-8"
3  session="false"
4  import="net.sf.basedb.core.User"
5  import="net.sf.basedb.core.DbControl"
6  import="net.sf.basedb.core.SessionControl"
7  import="net.sf.basedb.core.Application"
8  import="net.sf.basedb.util.formatter.DateFormatter"
9  import="net.sf.basedb.util.formatter.Formatter"
10  import="net.sf.basedb.clients.web.Base" 
11  import="net.sf.basedb.clients.web.util.HTML" 
12  import="net.sf.basedb.clients.web.extensions.ExtensionsControl"
13  import="java.util.Date"
14%>
15<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
16<%@ taglib prefix="tbl" uri="/WEB-INF/table.tld" %>
17<%@ taglib prefix="p" uri="/WEB-INF/path.tld" %>
18<%
19final SessionControl sc = Base.getExistingSessionControl(request, true);
20final String ID = sc.getId();
21final float scale = Base.getScale(sc);
22final String home = ExtensionsControl.getHomeUrl("net.sf.basedb.reggie");
23DbControl dc = null;
24try
25{
26  dc = sc.newDbControl();
27  final User user = User.getById(dc, sc.getLoggedInUserId());
28%>
29<base:page type="default" title="YellowLabel tracking and reporting">
30<base:head 
31  scripts="~../reggie-2.js,~list.js" 
32  styles="path.css,toolbar.css,~../css/reggie-2.css"
33  >
34<style>
35#specimenTable
36{
37  width: 100%;
38  border-collapse: collapse;
39}
40
41#specimenTable thead
42{
43  border-bottom-width: 1px;
44}
45
46#specimenTable .highlight
47{
48  border-top-width: 1px;
49  border-top-style: dotted;
50}
51
52#specimenTable td
53{
54  text-align: center;
55  width: 4.5em;
56}
57
58#specimenTable tbody td
59{
60  padding-top: 3px;
61  padding-bottom: 3px;
62}
63
64#specimenTable tr td:first-child, #specimenTable tr th:first-child
65{
66  width: 2em;
67  max-width: 3em;
68  text-align: right;
69  padding-right: 3px;
70  white-space: nowrap;
71  font-weight: bold;
72}
73
74#specimenTable input[type="text"], #specimenTable select
75{
76  width: calc(100% - 10px);
77}
78
79.completed
80{
81  color: #666666;
82  font-style: italic;
83  background-color: #F0F0F0;
84}
85
86.pilotreport
87{
88  font-weight: bold;
89  background-color: #F8F0FF;
90}
91
92.linked-item img, .linked-file img, #specimenTable .case-summary
93{
94  float: right;
95  padding-right: 3px;
96}
97
98</style>
99</base:head>
100<base:body>
101
102  <p:path><p:pathelement 
103    title="Reggie" href="<%="../index.jsp?ID="+ID%>" 
104    /><p:pathelement title="YellowLabel tracking and reporting" 
105    /></p:path>
106
107  <div class="content">
108
109  <div id="page-data" class="datacontainer"
110    data-home-reggie="<%=HTML.encodeTags(home) %>"
111  ></div>
112
113  <form name="reggie" id="wizard" class="wizard">
114 
115  <div class="step auto-hide" id="step-1">
116    <div class="step-no">1</div>
117    <div class="step-title">YellowLabel specimen (found <span id="num-active">?</span> active and <span id="num-completed">?</span> completed)</div>
118    <div class="step-content">
119 
120      <tbl:toolbar id="yellow-toolbar" subclass="bg-filled-50 bottomborder" style="display: none;">
121        <tbl:button
122          id="btnMarkAsCompleted"
123          image="<%=home + "/images/validate.png"%>"
124          title="Mark completed&hellip;"
125        />
126        <tbl:button 
127          id="btnCreatePilotReportZip"
128          image="file_compressed.png"
129          title="Create Pilot report ZIP file&hellip;"
130        />
131      </tbl:toolbar>
132
133      <table id="specimenTable">
134      <thead class="bg-filled-100">
135        <tr>
136          <th class="index"></th>
137          <th class="dottedleft" colspan="4">Specimen</th>
138          <th class="dottedleft" colspan="1">RNA</th>
139          <th class="dottedleft" colspan="1">Library</th>
140          <th class="dottedleft" colspan="1">Raw bioassay</th>
141          <th class="dottedleft" colspan="1">Reports</th>
142          <th class="dottedleft" colspan="1">Completed</th>
143        </tr>
144   
145        <tr>
146          <th></th>
147          <th class="dottedleft">Name</th>
148          <th>Site</th>
149          <th>Sampling date</th>
150          <th>Arrival date</th>
151          <th class="dottedleft">Extraction date</th>
152          <th class="dottedleft">Created date</th>
153          <th class="dottedleft">Created date</th>
154          <th class="dottedleft">Pilot report</th>
155          <th class="dottedleft">Date</th>
156        </tr>
157       
158        <tr>
159          <th><base:icon image="check_uncheck.png" id="check_uncheck" /></th>
160          <th class="dottedleft"></th>
161          <th>
162            <select name="siteFilter" id="siteFilter">
163              <option value="">&nbsp;
164            </select>
165          </th>
166          <th><input type="text" name="samplingDateFilter" id="samplingDateFilter"></th>
167          <th><input type="text" name="arrivalDateFilter" id="arrivalDateFilter"></th>
168          <th class="dottedleft"><input type="text" name="extractionDateFilter" id="extractionDateFilter"></th>
169          <th class="dottedleft"><input type="text" name="libraryDateFilter" id="libraryDateFilter"></th>
170          <th class="dottedleft"><input type="text" name="rawBioAssayDateFilter" id="rawBioAssayDateFilter"></th>
171          <th class="dottedleft"><input type="text" name="pilotReportDateFilter" id="pilotReportDateFilter"></th>
172          <th class="dottedleft"><input type="text" name="completedDateFilter" id="completedDateFilter"></th>
173        </tr>
174      </thead>
175      <tbody id="specimen-list">
176      </tbody>
177      <tbody id="no-matching-specimen" style="display: none;">
178        <tr>
179          <th></th>
180          <td class="dottedleft" colspan="8" style="text-align: left; font-weight: bold; padding: 1em;">
181            No specimen matches the filter
182          </td>
183        </tr>
184      </tbody>
185      </table>
186    </div>
187  </div>
188 
189  <div id="wizard-status"></div>
190
191  <table class="navigation" id="navigation">
192  <tr>
193    <td><base:button id="gocancel" title="Cancel" /></td>
194    <td><base:button id="gonext" title="Next" image="<%=home+"/images/gonext.png"%>" /></td>
195    <td><base:button id="goregister" title="Register" image="<%=home+"/images/import.png"%>"  /></td>
196    <td><base:button id="gorestart" title="Restart" image="<%=home+"/images/goback.png"%>" /></td>
197    <td id="gonext-message" class="message"></td>
198  </tr>
199  </table>
200 
201  </form>
202  </div>
203 
204</base:body>
205</base:page>
206<%
207}
208finally
209{
210  if (dc != null) dc.close();
211}
212%>
Note: See TracBrowser for help on using the repository browser.