comparison src/main/webapp/pages/books.jsp @ 15:d81a5401b9af

new: sorting in books page
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Mon, 01 Jun 2015 14:35:35 +0200
parents 3387d855a194
children 372dab740f15
comparison
equal deleted inserted replaced
14:3387d855a194 15:d81a5401b9af
183 class="contentForm"> 183 class="contentForm">
184 <input name="bean" type="hidden" value="booksBean" /> 184 <input name="bean" type="hidden" value="booksBean" />
185 185
186 <table style="width: 90%; margin-left: auto;margin-right: auto;" class="pageTable"> 186 <table style="width: 90%; margin-left: auto;margin-right: auto;" class="pageTable">
187 <tr> 187 <tr>
188 <td><label class="tableTitle">Book ID</label></td> 188 <td>
189 <td><label class="tableTitle">Book Name</label></td> 189 <table class="sortTable">
190 <td><label class="tableTitle">Edition</label></td> 190 <tr>
191 <td><label class="tableTitle">Level 1</label></td> 191 <td><label class="tableTitle">Book ID</label></td>
192 <td><label class="tableTitle">Level 2</label></td> 192 <td>
193 <td><label class="tableTitle">Period</label></td> 193 <table>
194 <td><label class="tableTitle">Dynasty</label></td> 194 <tr><td>
195 <td><label class="tableTitle">Admin Type</label></td> 195 <input type="image"
196 <td><label class="tableTitle">Start Year</label></td> 196 onclick="setAction('sortByBookIdUp', 'booksForm');"
197 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
198 </td></tr>
199 <tr><td>
200 <input type="image"
201 onclick="setAction('sortByBookIdDown', 'booksForm');"
202 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
203 </td></tr>
204 </table>
205 </td>
206 </tr>
207 </table>
208
209 </td>
210 <td>
211 <table class="sortTable">
212 <tr>
213 <td><label class="tableTitle">Book Name</label></td>
214 <td>
215 <table>
216 <tr><td>
217 <input type="image"
218 onclick="setAction('sortByBookNameUp', 'booksForm');"
219 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
220 </td></tr>
221 <tr><td>
222 <input type="image"
223 onclick="setAction('sortByBookNameDown', 'booksForm');"
224 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
225 </td></tr>
226 </table>
227 </td>
228 </tr>
229 </table>
230 </td>
231 <td>
232 <table class="sortTable">
233 <tr>
234 <td><label class="tableTitle">Edition</label></td>
235 <td>
236 <table>
237 <tr><td>
238 <input type="image"
239 onclick="setAction('sortByEditionUp', 'booksForm');"
240 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
241 </td></tr>
242 <tr><td>
243 <input type="image"
244 onclick="setAction('sortByEditionDown', 'booksForm');"
245 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
246 </td></tr>
247 </table>
248 </td>
249 </tr>
250 </table>
251 </td>
252 <td>
253 <table class="sortTable">
254 <tr>
255 <td><label class="tableTitle">Level 1</label></td>
256 <td>
257 <table>
258 <tr><td>
259 <input type="image"
260 onclick="setAction('sortByLevel1Up', 'booksForm');"
261 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
262 </td></tr>
263 <tr><td>
264 <input type="image"
265 onclick="setAction('sortByLevel1Down', 'booksForm');"
266 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
267 </td></tr>
268 </table>
269 </td>
270 </tr>
271 </table>
272 </td>
273 <td>
274 <table class="sortTable">
275 <tr>
276 <td><label class="tableTitle">Level 2</label></td>
277 <td>
278 <table>
279 <tr><td>
280 <input type="image"
281 onclick="setAction('sortByLevel2Up', 'booksForm');"
282 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
283 </td></tr>
284 <tr><td>
285 <input type="image"
286 onclick="setAction('sortByLevel2Down', 'booksForm');"
287 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
288 </td></tr>
289 </table>
290 </td>
291 </tr>
292 </table>
293 </td>
294 <td>
295 <table class="sortTable">
296 <tr>
297 <td><label class="tableTitle">Period</label></td>
298 <td>
299 <table>
300 <tr><td>
301 <input type="image"
302 onclick="setAction('sortByPeriodUp', 'booksForm');"
303 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
304 </td></tr>
305 <tr><td>
306 <input type="image"
307 onclick="setAction('sortByPeriodDown', 'booksForm');"
308 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
309 </td></tr>
310 </table>
311 </td>
312 </tr>
313 </table>
314 </td>
315 <td>
316 <table class="sortTable">
317 <tr>
318 <td><label class="tableTitle">Dynasty</label></td>
319 <td>
320 <table>
321 <tr><td>
322 <input type="image"
323 onclick="setAction('sortByDynastyUp', 'booksForm');"
324 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
325 </td></tr>
326 <tr><td>
327 <input type="image"
328 onclick="setAction('sortByDynastyDown', 'booksForm');"
329 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
330 </td></tr>
331 </table>
332 </td>
333 </tr>
334 </table>
335 </td>
336 <td>
337 <table class="sortTable">
338 <tr>
339 <td><label class="tableTitle">Admin Type</label></td>
340 <td>
341 <table>
342 <tr><td>
343 <input type="image"
344 onclick="setAction('sortByAdminTypeUp', 'booksForm');"
345 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
346 </td></tr>
347 <tr><td>
348 <input type="image"
349 onclick="setAction('sortByAdminTypeDown', 'booksForm');"
350 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
351 </td></tr>
352 </table>
353 </td>
354 </tr>
355 </table>
356 </td>
357 <td>
358 <table class="sortTable">
359 <tr>
360 <td><label class="tableTitle">Start Year</label></td>
361 <td>
362 <table>
363 <tr><td>
364 <input type="image"
365 onclick="setAction('sortByStartYearUp', 'booksForm');"
366 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
367 </td></tr>
368 <tr><td>
369 <input type="image"
370 onclick="setAction('sortByStartYearDown', 'booksForm');"
371 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
372 </td></tr>
373 </table>
374 </td>
375 </tr>
376 </table>
377 </td>
197 378
198 <td><label class="tableTitle">Edit TOC</label></td> <!-- go to toc page --> 379 <td><label class="tableTitle">Edit TOC</label></td> <!-- go to toc page -->
199 <td><label class="tableTitle">TOC Finished</label> 380 <td>
200 <input type="image" 381 <table class="sortTable">
201 onclick="setAction('forceReloadBooks', 'booksForm');" 382 <tr>
202 src="<%=sessionBean.getApplicationBean().getRefreshImage()%>" width="20" height="20"/> 383 <td><label class="tableTitle">TOC Finished
384 <input type="image"
385 onclick="setAction('forceReloadBooks', 'booksForm');"
386 src="<%=sessionBean.getApplicationBean().getRefreshImage()%>" width="20" height="20"/>
387 </label>
388 </td>
389 <td>
390 <table>
391 <tr><td>
392 <input type="image"
393 onclick="setAction('sortByTocCorrectionUp', 'booksForm');"
394 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
395 </td></tr>
396 <tr><td>
397 <input type="image"
398 onclick="setAction('sortByTocCorrectionDown', 'booksForm');"
399 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
400 </td></tr>
401 </table>
402 </td>
403 </tr>
404 </table>
203 </td> <!-- finished or not --> 405 </td> <!-- finished or not -->
204 <td><label class="tableTitle">Last Editor</label></td> 406 <td>
205 <td><label class="tableTitle">Edit Time</label></td> 407 <table class="sortTable">
408 <tr>
409 <td><label class="tableTitle">Last Editor</label></td>
410 <td>
411 <table>
412 <tr><td>
413 <input type="image"
414 onclick="setAction('sortByEditorUp', 'booksForm');"
415 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
416 </td></tr>
417 <tr><td>
418 <input type="image"
419 onclick="setAction('sortByEditorDown', 'booksForm');"
420 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
421 </td></tr>
422 </table>
423 </td>
424 </tr>
425 </table>
426 </td>
427 <td>
428 <table class="sortTable">
429 <tr>
430 <td><label class="tableTitle">Edit Time</label></td>
431 <td>
432 <table>
433 <tr><td>
434 <input type="image"
435 onclick="setAction('sortByDateUp', 'booksForm');"
436 src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
437 </td></tr>
438 <tr><td>
439 <input type="image"
440 onclick="setAction('sortByDateDown', 'booksForm');"
441 src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
442 </td></tr>
443 </table>
444 </td>
445 </tr>
446 </table>
447 </td>
206 448
207 </tr> 449 </tr>
208 450
209 <% for(DBBook book : sessionBean.getBooksPage().getCompleteBookList() ) { %> 451 <% for(DBBook book : sessionBean.getBooksPage().getCompleteBookList() ) { %>
210 452