view zpt/viewer_images.zpt @ 540:4b43a57ad9b3

more nicer
author casties
date Thu, 16 Aug 2012 19:09:49 +0200
parents dbf25bd05fc6
children 6cdc31e9ed8e
line wrap: on
line source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  tal:define="docinfo options/docinfo; pageinfo options/pageinfo; viewMode pageinfo/viewMode;
              tocMode pageinfo/tocMode; viewerUrl docinfo/viewerUrl;
              numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
<link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
<script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
<link rel="stylesheet" type="text/css" tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />

<script type="text/javascript"
  tal:content="python:'''\n
       var dlOpts = {\n
            'interactionMode' : 'fullscreen',\n
            'digilibBaseUrl' : '%s',\n
            'fn' : '%s',\n
            'pn' : '%s',\n
            'suppressParamNames' : ['fn'],\n
            'scalerInsets' : {'x':300, 'y':100}\n
        };\n'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>

<script type="text/javascript">
	// <!--
	$(document).ready(function() {
		// autosubmit forms
		$('form.autosubmit').find('.autosubmit').change(function() {
			this.form.submit();
		});
		$('form.autosubmit input[type="submit"]').hide();
		// get digilib div
		$digilib = $('div#scaler');
		// configure digilib
		$digilib.digilib(dlOpts);
	});
// -->
</script>
</head>
<body tal:condition="numPages">
  <tal:block
    tal:define="docpath docinfo/textURLPath | nothing;
              pn pageinfo/pn; 
              flowLtr python:docinfo.get('pageFlow','ltr')!='rtl';">
    <div class="page-head">
      <metal:block metal:use-macro="here/template/common_template/macros/head" />
    </div>
    <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
      <!-- table of contents -->
      <div class="col toc">
        <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
      </div>
      <!-- col-main: text page -->
      <div class="col main">
        <div class="ruler top">
          <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
        </div>
        <div class="content images">
          <div id="scaler">
            <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
          </div>
        </div>
        <!-- /content -->
      </div>
      <!-- /col-main -->
      <div class="col buttons">
        <div class="options digilib">
          <ul>
            <li><a href="javascript:$digilib.digilib('zoomBy', 1.4)"> <img tal:condition="exists:here/template/zoom-in.png"
                tal:attributes="src here/template/zoom-in.png/absolute_url" /> zoom in
            </a></li>
            <li><a href="javascript:$digilib.digilib('zoomBy', 0.7)"> <img
                tal:condition="exists:here/template/zoom-out.png" tal:attributes="src here/template/zoom-out.png/absolute_url" />
                zoom out
            </a></li>
            <li><a href="javascript:$digilib.digilib('zoomArea')"> <img tal:condition="exists:here/template/zoom-area.png"
                tal:attributes="src here/template/zoom-area.png/absolute_url" /> zoom area
            </a></li>
            <li><a href="javascript:$digilib.digilib('zoomFull')"> <img tal:condition="exists:here/template/zoom-full.png"
                tal:attributes="src here/template/zoom-full.png/absolute_url" /> full page
            </a></li>
            <li><a href="javascript:$digilib.digilib('zoomFull', 'width')"> <img
                tal:condition="exists:here/template/pagewidth.png" tal:attributes="src here/template/pagewidth.png/absolute_url" /> page
                width
            </a></li>
            <li><a href="javascript:$digilib.digilib('setMark')"> <img tal:condition="exists:here/template/mark.png"
                tal:attributes="src here/template/mark.png/absolute_url" /> set mark
            </a></li>
            <li><a href="javascript:$digilib.digilib('removeMark')"> <img tal:condition="exists:here/template/delmark.png"
                tal:attributes="src here/template/delmark.png/absolute_url" /> remove mark
            </a></li>
            <li><a href="javascript:$digilib.digilib('reference')"> <img tal:condition="exists:here/template/reference.png"
                tal:attributes="src here/template/reference.png/absolute_url" /> get reference
            </a></li>
            <li><a href="javascript:$digilib.digilib('digilibUrl', 'open_new')"> <img
                tal:condition="exists:here/template/digilib.png" tal:attributes="src here/template/digilib.png/absolute_url" />
                digilib
            </a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- page-body -->
    <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
      <div class="errortext">Sorry, access to this document is restricted.</div>
    </div>
  </tal:block>
</body>
<body tal:condition="not:numPages">
  <div class="errortext">Sorry, document doesn't exist.</div>
</body>
</html>