view src/main/webapp/pages/home.jsp @ 97:2ac9b2e3fb57

1. add new columns : book year and edition year in Topic page. 2. add foot section for copy right announcement.
author Calvin Yeh <cyeh@mpipw-berlin.mpg.com>
date Fri, 29 Sep 2017 15:50:33 +0200
parents b27a99201cbe
children
line wrap: on
line source

<%@page import="de.mpiwg.gazetteer.bo.LGBranch"%>
<%@page import="de.mpiwg.gazetteer.bo.LGTopicSectionRelation"%>
<%@page import="org.apache.commons.lang.StringUtils"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<jsp:useBean id="sessionBean" class="de.mpiwg.web.jsp.SessionBean"
	scope="session" />

<html>

<head>
<jsp:include page="../componentes/headContent.jsp" />
<script>

		$(function() {


			$( ".addSectionToTopic" ).click(function() {
				var sectionId = $( this ).data('section-id');
				console.log("addSectionToTopic. sectionId = " + sectionId);

				var url0 = "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/addSectionToTopic.jsp?sectionId=" + sectionId + "&sourceBean=home";

				$.ajax( url0 )
				.done(function(data) {
					$( "#dialogAddSectionToTopicTable" ).replaceWith(data);
					dialogAddSectionToTopic.dialog( "open" );
				})
			  	.fail(function() {
			    	console.error("Error calling: " + query);
			  	})

			});


			var dialogAddSectionToTopic = $("#dialogAddSectionToTopic").dialog({
				position: { my: "center", at: "top+400", of: window },	// TODO show dialog at cursor position?
				autoOpen: false
			});



			$("#level1Filter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskLevel1Autocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});

			$("#level2Filter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskLevel2Autocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});


			$("#bookNameFilter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskBookNameAutocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});


			$("#dynastyFilter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskDynastyAutocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});

			$("#periodFilter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskPeriodAutocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});

			$("#adminTypeFilter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskAdminTypeAutocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});

			$("#sectionNameFilter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskSectionNameAutocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});

			$("#labelFilter").autocomplete({
				source : function(request, response) {
					$.ajax({
						url : "<%=sessionBean.getApplicationBean().getRootServer()%>/methods/taskLabelAutocomplete.jsp",
						type : "POST",
						dataType : "json",
						data : {
							term : request.term
						},
						success : function(data) {

							response($.map(data, function(item) {
								return {
									label : item.name,
									value : item.value,
								}
							}));
						},
						error : function(error) {
							alert('error: ' + error);
						}
					});
				},
				minLength : 0
			});

		});


		function updatePage() {
			var text = getCookie();

		    if (text == "1") {
		        setCookie("0");
		        setAction('forceReloadBranches', 'homeForm');

		        document.forms['homeForm'].submit();
		    }

		    setTimeout(updatePage, 1000);
		}
		updatePage();




	</script>
</head>

<body>

	<jsp:include page="../componentes/template2.jsp" />

	<div id="dialogAddSectionToTopic" title="Add Section(s) into Topic:">
		<div id="dialogAddSectionToTopicTable"></div>
	</div>

	<div id="page">

		<%
			if (sessionBean.getUser() == null) {
		%>
        <label class="subTitel">Please login or create a new account above</label>
		<%
			} else {

				if (sessionBean.getHomePage().getCompleteBranchList() == null) {
					sessionBean.getHomePage().loadParameters(request, response);
					//sessionBean.getHomePage().reloadBranches();
				}
				sessionBean.getHomePage().reloadBranches();
		%>

		<form name="homeForm" method="post"
			action="<%=sessionBean.getApplicationBean().getRootServer()%>/proxy.jsp">
			<input name="bean" type="hidden" value="homeBean" />

			<label class="subTitel">
				<input type="image"
					onclick="setAction('forceReloadBranches', 'homeForm');"
					src="<%=sessionBean.getApplicationBean()
							.getRefreshImage()%>"
					width="20" height="20" />
			</label>

			<% if (sessionBean.getHomePage().getCompleteBranchList().isEmpty()) { %>
				<label class="subTitel">You have no task!</label>
			<% } else { %>

			<div class="subTitel">
				Your Tasks

				<p class="label">
					You have
					<%=sessionBean.getHomePage().getBranchNumber()%>
					tasks.
				</p>
				<p class="label"><%=(StringUtils.isNotEmpty(sessionBean.getHomePage()
							.getFilteringMessage())) ? sessionBean
							.getHomePage().getFilteringMessage() : ""%>
				</p>
			</div>
			<jsp:include page="../componentes/paginator.jsp">
				<jsp:param name="formName" value="homeForm" />
			</jsp:include>

			<div class="tableDiv double-scroll">
				<table class="pageTable">
					<tr>
						<!-- remove this to save space
							<td>
								<table class="sortTable">
									<tr>
										<td><label class="tableTitle">Task ID</label></td>
										<td>
											<table>
												<tr><td>
													<input type="image"
														onclick="setAction('sortByBranchIdUp', 'homeForm');"
														src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
												</td></tr>
												<tr><td>
													<input type="image"
														onclick="setAction('sortByBranchIdDown', 'homeForm');"
														src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
												</td></tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							-->
						<td>
							<table class="sortTable">
								<tr>
									<td><label class="tableTitle">Book ID</label></td>
									<td>
										<table>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByBookIdUp', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByBookIdDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="bookIdFilter"
										value="<%=sessionBean.getHomePage().getBookIdFilter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</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', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByBookNameDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="bookNameFilter"
										id="bookNameFilter"
										value="<%=sessionBean.getHomePage().getBookNameFilter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</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', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByLevel1Down', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" class="filterInput"
										name="level1Filter" id="level1Filter"
										value="<%=sessionBean.getHomePage().getLevel1Filter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</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', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByLevel2Down', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="level2Filter"
										id="level2Filter"
										value="<%=sessionBean.getHomePage().getLevel2Filter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</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', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByDynastyDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="dynastyFilter"
										id="dynastyFilter"
										value="<%=sessionBean.getHomePage().getDynastyFilter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</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', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByPeriodDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="periodFilter"
										id="periodFilter"
										value="<%=sessionBean.getHomePage().getPeriodFilter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</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', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByAdminTypeDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="adminTypeFilter"
										id="adminTypeFilter"
										value="<%=sessionBean.getHomePage().getAdminTypeFilter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</td>
								</tr>
							</table>
						</td>


                        <th>
                            <table class="sortTable">
                                <tr>
                                    <td><label class="tableTitle">Book Year</label></td>
                                    <td>
                                        <table>
                                            <tr><td>
                                                <input type="image"
                                                       onclick="setAction('sortByBookYearUp', 'homeForm');"
                                                       src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
                                            </td></tr>
                                            <tr><td>
                                                <input type="image"
                                                       onclick="setAction('sortByBookYearDown', 'homeForm');"
                                                       src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
                                            </td></tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="text" class="filterInput" name="bookYearFilter" id="bookYearFilter" value="<%= sessionBean.getHomePage().getBookYearFilter()%>"/>
                                    </td>
                                    <td>
                                        <input type="image"
                                               onclick="setAction('filter', 'searchForm');"
                                               src="<%=sessionBean.getApplicationBean().getFilterImage()%>"/>
                                    </td>
                                </tr>
                            </table>
                        </th>
                        <th>
                            <table class="sortTable">
                                <tr>
                                    <td><label class="tableTitle">Edition Year</label></td>
                                    <td>
                                        <table>
                                            <tr><td>
                                                <input type="image"
                                                       onclick="setAction('sortByEditionYearUp', 'homeForm');"
                                                       src="<%=sessionBean.getApplicationBean().getUpImage()%>"/>
                                            </td></tr>
                                            <tr><td>
                                                <input type="image"
                                                       onclick="setAction('sortByEditionYearDown', 'homeForm');"
                                                       src="<%=sessionBean.getApplicationBean().getDownImage()%>"/>
                                            </td></tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="text" class="filterInput" name="editionYearFilter" id="editionYearFilter" value="<%= sessionBean.getHomePage().getEditionYearFilter()%>"/>
                                    </td>
                                    <td>
                                        <input type="image"
                                               onclick="setAction('filter', 'searchForm');"
                                               src="<%=sessionBean.getApplicationBean().getFilterImage()%>"/>
                                    </td>
                                </tr>
                            </table>
                        </th>

						<td>
							<table class="sortTable">
								<tr>
									<td><label class="tableTitle">Section Name</label></td>
									<td>
										<table>
											<tr>
												<td><input type="image"
													onclick="setAction('sortBySectionNameUp', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortBySectionNameDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="sectionNameFilter"
										id="sectionNameFilter"
										value="<%=sessionBean.getHomePage().getSectionNameFilter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</td>
								</tr>
							</table>
						</td>
						<td>
							<table class="sortTable">
								<tr>
									<td><label class="tableTitle">Pages</label></td>
									<td>
										<table>
											<tr>
												<td><input type="image"
													onclick="setAction('sortBySectionStartPageUp', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortBySectionStartPageDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
						<td>
							<table class="sortTable">
								<tr>
									<td><label class="tableTitle">Label</label></td>
									<td>
										<table>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByLabelUp', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByLabelDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td><input type="text" name="labelFilter" id="labelFilter"
										size="20"
										value="<%=sessionBean.getHomePage().getLabelFilter()%>"
										size="8" /></td>
									<td><input type="image"
										onclick="setAction('filter', 'homeForm');"
										src="<%=sessionBean.getApplicationBean().getFilterImage()%>" />
									</td>
								</tr>
							</table>
						</td>
						<td><label class="tableTitle">Contributors</label></td>
						<td>
							<table class="sortTable">
								<tr>
									<td><label class="tableTitle">Last Saved</label></td>
									<td>
										<table>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByLastModifiedUp', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByLastModifiedDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>

							</table>
						</td>
						<td><label class="tableTitle">Load Text</label></td>
						<td>
							<table class="sortTable">
								<tr>
									<td><label class="tableTitle">Published in
											Dataverse</label></td>
									<td>
										<table>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByPublishedInDataverseUp', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getUpImage()%>" />
												</td>
											</tr>
											<tr>
												<td><input type="image"
													onclick="setAction('sortByPublishedInDataverseDown', 'homeForm');"
													src="<%=sessionBean.getApplicationBean().getDownImage()%>" />
												</td>
											</tr>
										</table>
									</td>
								</tr>

							</table>

						</td>

						<td><label class="tableTitle">Manage</label></td>
						<td><label class="tableTitle">Add to Topic</label></td>
						<td><label class="tableTitle">Delete</label></td>
					</tr>

					<%
						for (LGBranch branch : sessionBean.getHomePage()
										.getDisplayBranchList()) {
					%>
					<tr>
						<td><%=branch.getBook().getId()%></td>
						<td><%=branch.getBook().getName()%></td>
						<td><%=branch.getBook().getLevel1()%></td>
						<td><%=branch.getBook().getLevel2()%></td>
						<td><%=branch.getBook().getDynasty()%></td>
						<td><%=branch.getBook().getPeriod()%></td>
						<td><%=branch.getBook().getAdmin_type()%></td>
                        <td><%=branch.getBook().getBookYear()%></td>
                        <td><%=branch.getBook().getEditionYear()%></td>
						<td><%=branch.getSection().getName()%> <%
 	if (branch.isDeprecated()) {
 %>
							<label style="color: red">*** This is a deprecated
								section ***</label> <%
 	}
 %></td>
						<td><%=branch.getSection().getPages()%></td>

						<td><%=branch.getLabel()%></td>
						<td>
							<table style="width: 120px;">
								<%
									for (String contributor : branch
														.getContributorsNameList()) {
								%>
								<tr>
									<td><label><%=contributor%></label></td>
								</tr>
								<%
									}
								%>
							</table>
						</td>
						<td><%=branch.getFomattedLastChange()%></td>
						<td><a
							onclick="branchInExtractionInterface('<%=branch.getId()%>', '<%=branch.getCurrentLastFileId()%>', '<%=branch.getSectionId()%>', '<%=branch.getSection().getName()%>', '<%=branch.getBook().getId()%>', '<%=branch.getBook().getName()%>', '<%=sessionBean.getUser().getId()%>', '<%=sessionBean.getApplicationBean()
								.getExtractionInterfaceUrl()%>');">
								<img title="Show Task in Extraction Interface"
								src="<%=sessionBean.getApplicationBean()
								.getShowImage()%>" />
						</a></td>
						<!-- Dataverse -->
						<td><%=(branch.isPublished()) ? "V" : ""%></td>

						<!-- Manage -->
						<td><a
							href="<%=sessionBean.getApplicationBean()
								.getRootServer()%>/pages/branchPage.jsp?branchId=<%=branch.getId()%>">
								<img title="Manage the task"
								src="<%=sessionBean.getApplicationBean()
								.getEditBranchImage()%>" />
						</a></td>

						<!-- Add to Topic -->
						<td style="max-width: 300px;">
							<!-- existing topic -->
							<% if (branch.getSection().getTopicSectionRelation() != null && !branch.getSection().getTopicSectionRelation().isEmpty()) { %>

							<lable>Already in topic: </lable>
							<table style="width: 100%">
								<%
									for (LGTopicSectionRelation relation : branch
															.getSection().getTopicSectionRelation()) {
								%>
								<tr>
									<td>
										<table style="width: 100%; min-width: 100px">
											<tr>
												<td><%=relation.getTopic().info()%></td>
											</tr>
										</table>
									</td>
									<td style="max-width: 150px"><a
										href="<%=sessionBean.getApplicationBean()
										.getRootServer()%>/pages/topicPage.jsp?topicId=<%=relation.getTopicId()%>">
											<img title="Manage Topic"
											src="<%=sessionBean.getApplicationBean()
										.getEditBranchImage()%>" />
									</a></td>
								</tr>
								<%
									}
								%>
							</table> <%
 	}
 %> <img width="10" height="10"
							title="Add the section to Topic"
							src="<%=sessionBean.getApplicationBean()
								.getPlusImage()%>"
							data-section-id="<%=branch.getSection().getId()%>"
							class="addSectionToTopic">

						</td>

						<!-- Delete -->
						<td><input type="image" title="Delete it"
							onclick="<%=sessionBean.getApplicationBean()
								.getJSConfirmationDelete()%> deleteBranch('deleteBranch', 'homeForm', '<%=branch.getId()%>');"
							src="<%=sessionBean.getApplicationBean()
								.getDeleteImage()%>" /></td>


					</tr>

					<%
						}
					%>

				</table>

			</div>


			<jsp:include page="../componentes/paginator.jsp">
				<jsp:param name="formName" value="homeForm" />
			</jsp:include>

		</form>
		<%
			}
		%>
		<%
			}
		%>
	</div>
    <jsp:include page="../componentes/footer.jsp"/>
</body>