Mercurial > hg > LGServices

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
line wrap: on
line diff
--- a/src/main/webapp/pages/books.jsp	Fri May 29 11:00:09 2015 +0200
+++ b/src/main/webapp/pages/books.jsp	Mon Jun 01 14:35:35 2015 +0200
@@ -185,24 +185,266 @@
 				
 				<table style="width: 90%; margin-left: auto;margin-right: auto;"  class="pageTable">
 					<tr>
-						<td><label class="tableTitle">Book ID</label></td>
-						<td><label class="tableTitle">Book Name</label></td> 
-						<td><label class="tableTitle">Edition</label></td>
-						<td><label class="tableTitle">Level 1</label></td>
-						<td><label class="tableTitle">Level 2</label></td>
-						<td><label class="tableTitle">Period</label></td>
-						<td><label class="tableTitle">Dynasty</label></td>
-						<td><label class="tableTitle">Admin Type</label></td>
-						<td><label class="tableTitle">Start Year</label></td>
+					<td>
+						<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Book ID</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image" 
+													onclick="setAction('sortByBookIdUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByBookIdDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																				
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+					
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Book Name</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByBookNameUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByBookNameDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td> 
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Edition</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByEditionUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByEditionDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Level 1</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByLevel1Up', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByLevel1Down', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Level 2</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByLevel2Up', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByLevel2Down', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Period</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByPeriodUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByPeriodDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Dynasty</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByDynastyUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByDynastyDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Admin Type</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByAdminTypeUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByAdminTypeDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Start Year</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByStartYearUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByStartYearDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
 						
 						<td><label class="tableTitle">Edit TOC</label></td> <!-- go to toc page -->
-						<td><label class="tableTitle">TOC Finished</label>
-							<input type="image"
-								onclick="setAction('forceReloadBooks', 'booksForm');"
-								src="<%=sessionBean.getApplicationBean().getRefreshImage()%>" width="20" height="20"/>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">TOC Finished
+										<input type="image"
+										onclick="setAction('forceReloadBooks', 'booksForm');"
+										src="<%=sessionBean.getApplicationBean().getRefreshImage()%>" width="20" height="20"/>
+										</label>
+									</td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByTocCorrectionUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByTocCorrectionDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
 						</td> <!-- finished or not -->
-						<td><label class="tableTitle">Last Editor</label></td>
-						<td><label class="tableTitle">Edit Time</label></td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Last Editor</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByEditorUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByEditorDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
+						<td>
+							<table class="sortTable">
+								<tr>
+									<td><label class="tableTitle">Edit Time</label></td>
+									<td>
+										<table>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByDateUp', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>										
+											</td></tr>
+											<tr><td>
+												<input type="image"
+													onclick="setAction('sortByDateDown', 'booksForm');"
+													src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>																	
+											</td></tr>
+										</table>
+									</td>
+								</tr>
+							</table>
+						</td>
 						
 					</tr>