source: extensions/net.sf.basedb.reggie/trunk/resources/flaggedalignment/search.jsp @ 4974

Last change on this file since 4974 was 4974, checked in by Nicklas Nordborg, 3 years ago

References #1054: Even more functionality in the Flagged alignment wizard

Preparing the template HTML with support for the "resolve" mode by adding some more CSS rules and a "Register" button.

File size: 5.6 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.extensions.ExtensionsControl"
12  import="java.util.Date"
13%>
14<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
15<%@ taglib prefix="tbl" uri="/WEB-INF/table.tld" %>
16<%@ taglib prefix="p" uri="/WEB-INF/path.tld" %>
17<%
18final SessionControl sc = Base.getExistingSessionControl(request, "net.sf.basedb.reggie", true);
19final String ID = sc.getId();
20final float scale = Base.getScale(sc);
21final String home = ExtensionsControl.getHomeUrl("net.sf.basedb.reggie");
22DbControl dc = null;
23try
24{
25  dc = sc.newDbControl();
26  final User user = User.getById(dc, sc.getLoggedInUserId());
27%>
28<base:page type="default" title="Flagged alignments wizard">
29<base:head 
30  scripts="~../reggie-2.js,~search.js" 
31  styles="path.css,toolbar.css,~../css/reggie-2.css"
32  >
33<style>
34#itemTable
35{
36  width: 100%;
37  border-collapse: collapse;
38}
39
40#itemTable thead
41{
42  border-bottom-width: 1px;
43  border-top-width: 1px;
44}
45
46#itemTable thead th
47{
48  padding: 2px;
49  text-align: left;
50}
51
52tbody.highlight
53{
54  border-top-width: 1px;
55  border-top-style: dotted;
56}
57
58tr.dotted-above
59{
60  border-top-width: 1px;
61  border-top-style: dotted;
62}
63
64
65#itemTable .highlight.evenrow
66{
67  border-top-color: transparent;
68}
69
70#itemTable tbody td
71{
72  padding: 2px;
73  text-align: left;
74  vertical-align: middle;
75}
76
77.colormatched
78{
79  background-color: #ffff00;
80  outline: 1px solid #a8a800;
81  margin: -1px;
82  padding: 1px;
83}
84
85.colormatched-2
86{
87  background-color: #a8ffff;
88  outline: 1px solid #66a8a8;
89  margin: -1px;
90  padding: 1px;
91}
92
93.text-col
94{}
95
96.text-col img
97{
98  float: right;
99  margin-left: 2px;
100}
101
102#itemTable .icon-col
103{
104  text-align: right;
105}
106
107#itemTable .num-col
108{
109  text-align: center;
110}
111
112#itemTable .flag-col
113{
114  text-align: center;
115}
116
117#itemTable .comment-col input
118{
119  width: 15em;
120}
121
122#itemTable .text-col img.case-summary
123{
124  float: left;
125  margin-right: 2px;
126  margin-left: 0;
127}
128
129.bg-messages
130{
131  background-color: #f0f0f0;
132}
133
134.highlight:hover .bg-messages
135{
136  background-color: #e0e0e0;
137  /* transistions copied from BASE to make it match */
138  transition: all 0.3s ease 0.1s;
139  -moz-transition: all 0.3s ease 0.1s;
140  -webkit-transition: all 0.3s ease 0.1s;
141}
142
143.ignored-mismatch
144{
145  text-decoration-line: line-through;
146}
147
148.commonpart
149{
150  color: #666666;
151  font-style: italic;
152}
153
154.diffpart
155{
156  font-weight: bold;
157}
158
159.mode-genotype, .mode-reprocess, .mode-resolve
160{
161  display:none;
162}
163
164table[data-mode=genotype] .mode-genotype
165{
166  display: table-cell;
167}
168
169table[data-mode=reprocess] .mode-reprocess
170{
171  display: table-cell;
172}
173
174table[data-mode=resolve] .mode-resolve
175{
176  display: table-cell;
177}
178
179table[data-mode=reprocess] thead.mode-reprocess
180{
181  display: table-header-group;
182  border: 0;
183}
184
185table[data-mode=resolve] thead.mode-resolve
186{
187  display: table-header-group;
188  border: 0;
189}
190
191td.mode-reprocess, td.mode-resolve
192{
193  background-color: #fffff0;
194}
195
196.mode-reprocess-header, .mode-resolve-header
197{
198  background-color: #fffff0;
199  border-width: 1px;
200  font-size: 120%;
201}
202
203</style>
204</base:head>
205<base:body>
206
207  <p:path><p:pathelement 
208    title="Reggie" href="<%="../index.jsp?ID="+ID%>" 
209    /><p:pathelement title="Flagged alignment wizard" 
210    /></p:path>
211
212  <div class="content">
213
214  <form name="reggie" id="wizard" class="wizard">
215 
216  <div class="step" id="step-1">
217    <div class="step-no">1</div>
218    <div class="step-title" id="step-1-title">Flagged alignments</div>
219    <div class="step-content">
220
221      <table class="step-form">
222      <tr>
223        <td class="prompt">Filter</td>
224        <td>
225          <label><input type="radio" name="filter" id="noFilter" checked>No filter</label>
226          <label><input type="radio" name="filter" id="highHetFilter">High HET</label>
227          <select name="qiaCubeFilter" id="qiaCubeFilter">
228            <option value="">- QiaCube -</option>
229          </select>
230         
231          <select name="libPlateFilter" id="libPlateFilter">
232            <option value="">- LibPlate -</option>
233          </select>
234         
235          <select name="recentFilters" id="recentFilters" style="display: none;">
236            <option value="">- Recently used filters -</option>
237          </select>
238        </td>
239      </tr>
240      <tr>
241        <td class="prompt">Mode</td>
242        <td style="padding-top: 3px; padding-bottom: 6px;">
243          <label><input type="radio" name="mode" id="mode-genotype" checked value="genotype">Genotype analysis</label>
244          <label><input type="radio" name="mode" id="mode-reprocess" value="reprocess" disabled>Add comments and schedule re-processing</label>
245          <label><input type="radio" name="mode" id="mode-resolve" value="resolve" disabled>Resolve problems</label>
246        </td>
247      </tr>
248      </table>
249
250      <table id="itemTable" class="step-form" data-mode="genotype">
251      </table>
252    </div>
253  </div>
254 
255  <div id="wizard-status"></div>
256
257  <table class="navigation" id="navigation">
258  <tr>
259    <td><base:button id="gocancel" title="Cancel" /></td>
260    <td><base:button id="goreprocess" title="Register" image="<%=home+"/images/gonext.png"%>" /></td>
261    <td><base:button id="goresolve" title="Register" image="<%=home+"/images/gonext.png"%>" /></td>
262    <td id="gonext-message" class="message"></td>
263  </tr>
264  </table>
265 
266  </form>
267  </div>
268 
269</base:body>
270</base:page>
271<%
272}
273finally
274{
275  if (dc != null) dc.close();
276}
277%>
Note: See TracBrowser for help on using the repository browser.