Mercurial > hg > ismi-richfaces
diff src/main/webapp/public/publicCodex.jsp @ 7:764f47286679
(none)
| author | jurzua |
|---|---|
| date | Wed, 29 Oct 2014 14:28:34 +0000 |
| parents | |
| children | 17551d9f091f |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/main/webapp/public/publicCodex.jsp Wed Oct 29 14:28:34 2014 +0000 @@ -0,0 +1,352 @@ +<%@ page contentType="text/html; charset=UTF-8" %> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> +<%@page import="org.mpi.openmind.repository.bo.Entity"%> +<%@page import="de.mpiwg.itgroup.diva.jsp.JSPDigitalization"%> + + +<html> + <head> + <title>Codex Details</title> + + <link href="../imageServer/resources/css/diva4ismi.css" type="text/css" rel="stylesheet" /> + <link href="../imageServer/resources/css/bootstrap.css" type="text/css" rel="stylesheet" /> + <link href="../imageServer/resources/css/bootstrap-responsive.min.css" type="text/css" rel="stylesheet"> + <link href="../imageServer/resources/css/style.css" type="text/css" rel="stylesheet"> + <link href="../imageServer/resources/css/diva.min.css" type="text/css" rel="stylesheet" /> + + + <script type="text/javascript" src="../imageServer/resources/js/jquery.min.js"></script> + <script type="text/javascript" src="../imageServer/resources/js/diva.min.js"></script> + <script type="text/javascript" src="../imageServer/resources/js/bootstrap.min.js"></script> + <script type="text/javascript" src="../imageServer/resources/js/typeahead.js"></script> + <script type="text/javascript" src="../imageServer/resources/js/ismiUtils.js"></script> + <script type="text/javascript" src="../imageServer/resources/js/diva4ismi.js"></script> + + <jsp:useBean id="codexPage" class="de.mpiwg.itgroup.ismi.publicView.pages.CodexDynamicPage" scope="session" /> + <jsp:setProperty name="codexPage" property="request" value="${pageContext.request}" /> + <jsp:setProperty name="codexPage" property="response" value="${pageContext.response}" /> + + <%codexPage.init(); + if(!codexPage.isErrorLoading()){ + response.sendRedirect("../public/publicCodices.xhtml"); + }else{ + %> + + + <script type="text/javascript"> + + $(document).ready(function () { + + function getURLParams() + { + var urlParams = {}, + match, + pl = /\+/g, // Regex for replacing addition symbol with a space + search = /([^&=]+)=?([^&]*)/g, + decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); }, + query = window.location.search.substring(1); + while (match = search.exec(query)) + { + urlParams[decode(match[1])] = decode(match[2]); + } + + return urlParams; + } + + $('#table-titles-in-codex').on('click', '.show-title-details', function(ev){ + var dv = $('#diva-wrapper').data('diva'); + var start_page = $(this).data('start'); + + if(start_page){ + dv.gotoPageByNumber(start_page); + ev.preventDefault(); + }else{ + alert("No page assigned to this title."); + } + var titleId = $(this).data('title-id'); + showTitleDetailsSmall(titleId); + }); + + $('#additional-information').on('click', '.title-details-show-more', function(ev){ + var titleId = $(this).data('title-id'); + showTitleDetailsBig(titleId); + }); + + $('#additional-information').on('click', '.title-details-show-less', function(ev){ + var titleId = $(this).data('title-id'); + showTitleDetailsSmall(titleId); + }); + + $('#additional-information').on('click', '.witness-details-show-more', function(ev){ + var witnessId = $(this).data('witness-id'); + showWitnessDetailsBig(witnessId); + }); + + $('#additional-information').on('click', '.witness-details-show-less', function(ev){ + var witnessId = $(this).data('witness-id'); + showWitnessDetailsSmall(witnessId); + }); + + $('.ismi-fullscreen-icon').on('click', function(ev) { + + var jaja = $( this ).data('in-fullscreen-mode'); + var panel = $( "#attributesPanel" ); + if(jaja == true){ + //panel.css('backgroundColor','#EE178C'); + panel.css('left','0'); + panel.css('max-height','100%'); + panel.css('max-width','100%'); + panel.css('position','fixed'); + panel.css('top','0'); + panel.css('width','100%'); + panel.css('z-index','102'); + panel.css('overflow','scroll'); + + //panel.data('in-fullscreen-mode') = !panel.data('in-fullscreen-mode'); + $( this ).data('in-fullscreen-mode', false); + //alert("Fue true"); + } + if(jaja == false){ + + panel.css('left',''); + panel.css('max-height',''); + panel.css('max-width',''); + panel.css('position',''); + panel.css('top','0'); + panel.css('width',''); + panel.css('z-index',''); + panel.css('overflow',''); + + $( this ).data('in-fullscreen-mode', true); + } + }); + + + $('#page-jump').on('keypress', function(ev) + { + if (ev.which == '13') + { + var dv = $('#diva-wrapper').data('diva'); + var value = $(this).val(); + var success = dv.gotoPageByNumber(value); + + if (!success) + { + if (!$('#page-jump-group').hasClass('error')) + { + $('#page-jump-group').addClass('error'); + $('#page-jump-controls').append('<span id="jump-error-help" class="help-inline">The page you specified is not valid.</span>'); + } + } + else + { + if ($('#page-jump-group').hasClass('error')) + { + $('#page-jump-group').removeClass('error'); + $('#jump-error-help').remove(); + } + } + + } + }); + + $('.go-to-witness-link').on('click', function(ev) { + var dv = $('#diva-wrapper').data('diva'); + var start_page = $(this).data('start'); + + if(start_page){ + dv.gotoPageByNumber(start_page); + ev.preventDefault(); + }else{ + alert("No page assigned to this witness."); + } + + var witnessId = $(this).data('witness-id'); + showWitnessDetailsSmall(witnessId); + + }); + + function handlePageSwitch(idx, fn, divid) + { + // page number is what we're after, which is always + // page index + 1. + $('#current-page-idx').text(idx + 1); + $('#current-page-fn').text(fn); + } + + function handleDocumentLoaded(idx, fn) + { + var witnesses = {}; + + // we could do this with an ajax request, but we have + // the variables already here, we just need to get them + // from Django and not JS. + + var urlParams = getURLParams(); + if (urlParams.hasOwnProperty('witness')) + { + urlWitness = parseInt(urlParams['witness'], 10); + + // this won't be populated if the witness doesn't have a + // start page set. + if (witnesses.hasOwnProperty(urlWitness)) + { + this.gotoPageByNumber(witnesses[urlWitness]); + } + } + } + + $("#diva-wrapper").diva( + { + enableAutoHeight: true, + enableAutoTitle: false, + enableGotoPage: false, + fixedHeightGrid: false, + contained: true, + iipServerURL: divaGlobal.iipServerURL, + digiId: "<%=codexPage.getDigiId()%>", + objectData: divaGlobal.rest_url + "/rest/diva/proxy/json/<%=codexPage.getDigiLabel()%>", + imageDir: "/data7/srv/images/<%=codexPage.getDigiLabel()%>", + onSetCurrentPage : handlePageSwitch, + onDocumentLoaded : handleDocumentLoaded, + goDirectlyTo: <%=codexPage.getStartPage()%>, + inFullscreen: <%=codexPage.getImageFullscreen()%>, + zoomLevel: 1, + canvasPlugin: { + proxyURL: divaGlobal.rest_url + "/rest/diva/proxy/image" + } + }); + + }); + + +</script> + <% } %> +</head> + +<body bgcolor=white> + + <% if(codexPage.isErrorLoading()) { %> + <input type='hidden' name='csrfmiddlewaretoken' value='psDBHsF5a1mttLSKeUgoUUVN3HL6f8Re' /> + <jsp:include page="header.jsp" /> + + <!-- + <div class="magnifiedAttributePanel"> + </div> + --> + + <div class="custom-container"> + + + <div class="row-fluid"> + <div id="attributesPanel" class="span4 page" style="min-height: 700px;"> + + <a class="ismi-fullscreen-icon" href="#" data-in-fullscreen-mode="true"></a> + + <div class="attPanel"> + + <c:if test="${codexPage.getDigi() != null}"> + + <input type="hidden" id="digi_id" value="${codexPage.getDigi().getId()}"> + + <div class="divaBackgroud"> + + <!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX --> + + <h4><%=codexPage.getDigiLabel()%></h4> + + <c:if test="${codexPage.getWitnessList().size() > 0}"> + <span class="titlePanel">Titles in this Codex</span> + + <table id="table-titles-in-codex" class="table table-bordered table-condensed divaPanel"> + <thead> + <tr> + <th class="tableHead">Title</th> + <th class="tableHead">Folios</th> + </tr> + </thead> + <tbody> + <c:forEach var="witness" items="${codexPage.getWitnessList()}"> + <tr> + <td class="tdTitle"> + <!-- href="${codexPage.getAppBean().getRoot()}/public/dynamicPage.xhtml?eid=${witness.titleId}" --> + <a class="show-title-details" + data-title-id="${witness.titleId}" + data-start="${witness.startPage}"> + <c:out value="${witness.title}"/> + </a> + + </td> + <td class="columnCentered"> + <c:if test="${witness.startPage != null}"> + <a class="witness-new-window" data-witness-id="${witness.id}" data-start="${witness.startPage}" + href="${codexPage.getAppBean().getRoot()}/public/publicCodex.jsp?eid=${codexPage.getCurrentEntId()}&startPage=${witness.startPage}&imgFullscreen=true" + target="_blank"> + <img src="../resources/images/new_window-16.png"> + </a> + </c:if> + <a class="go-to-witness-link" data-witness-id="${witness.id}" data-start="${witness.startPage}" href="#"> + <c:out value="${witness.folios}"/> + </a> + + </td> + </tr> + </c:forEach> + </tbody> + </table> + </c:if> + + <c:if test="${codexPage.getUnknownList().size() > 0}"> + <h4>Unknown titles in this Codex</h4> + <c:forEach var="witness" items="${codexPage.getUnknownList()}"> + <a class="go-to-witness-link" data-witness-id="${witness.id}" data-start="${witness.startPage}" href="#"> + <c:out value="${witness.folios}"/> + </a> + </c:forEach> + <br> + </c:if> + + <div id="additional-information"> + </div> + + + <span class="titlePanel">Codex Information</span> + <table class="table table-bordered table-condensed divaPanel"> + <tbody> + <c:forEach var="attLabel" items="${codexPage.getLabels()}"> + <tr> + <td class="tdTitle"> + <c:out value="${attLabel}"/> + <td> + <td > + <table class="tableContent"> + <tbody> + <c:forEach var="attValue" items="${codexPage.getAttMap().get(attLabel)}"> + <tr> + <td style="text-align: ${codexPage.getAttMapTextAlign().get(attLabel)};"> + <c:out value="${attValue}"/> + </td> + </tr> + </c:forEach> + </tbody> + </table> + <td> + </tr> + </c:forEach> + </tbody> + </table> + + </div> + </c:if> + </div> + </div> + <div class="span8"> + <input type='hidden' name='csrfmiddlewaretoken' value='psDBHsF5a1mttLSKeUgoUUVN3HL6f8Re' /> + <div id="diva-wrapper" style="width: 600px;"></div> + </div> + </div> + </div> + + <% } %> +</body> +</html>