Mercurial > hg > LGServices
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 |