source: documentViewer/zpt/viewer_images.zpt @ 500:62cc3d7f7570

elementtree
Last change on this file since 500:62cc3d7f7570 was 500:62cc3d7f7570, checked in by casties, 12 years ago

use new digilibUrl open_new action.
File size: 6.4 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml"
4  tal:define="docinfo options/docinfo; pageinfo options/pageinfo; viewMode pageinfo/viewMode;
5              tocMode pageinfo/tocMode; viewType pageinfo/viewType; viewerUrl docinfo/viewerUrl;
6              numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;">
7<head>
8  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
9  <title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
10  <link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
11  <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
12  <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
13  <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
14  <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
15  <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
16  <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
17  <link rel="stylesheet" type="text/css" tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />
18
19<script type="text/javascript"
20  tal:content="string:
21       var dlOpts = {
22            'interactionMode' : 'fullscreen',
23            'digilibBaseUrl' : '$dlBaseUrl',
24            'fn' : '${docinfo/imagePath}',
25            'pn' : '${pageinfo/pn}',
26            'suppressParamNames' : ['fn'],
27            'scalerInsets' : {'x' : 140, 'y' : 100}
28        };"></script>
29
30<script type="text/javascript">
31// <!--
32    $(document).ready(function() {
33        // autosubmit forms
34        $('form.autosubmit').find('.autosubmit').change(function() {
35            this.form.submit();
36        });
37        $('form.autosubmit input[type="submit"]').hide();
38        // get digilib div
39        $digilib = $('div#scaler');
40        // configure digilib
41        $digilib.digilib(dlOpts);
42    });
43// -->
44</script>
45</head>
46<body tal:condition="numPages">
47  <tal:block
48    tal:define="docpath docinfo/textURLPath | nothing;
49              pn pageinfo/pn;
50              flowLtr python:pageinfo.get('pageFlow','ltr')!='rtl';
51              prev python:test(pn>1,pn-1,None); next python:test(pn<numPages,pn+1,None);
52              first python:test(pn>1,1,None); last python:test(pn<numPages,numPages,None);
53              left python:test(flowLtr,prev,next); right python:test(flowLtr,next,prev);
54              leftest python:test(flowLtr,first,last); rightest python:test(flowLtr,last,first);">
55    <div class="page-head">
56      <metal:block metal:use-macro="here/template/head_main/macros/main" />
57    </div>
58    <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
59      <!--table of contents-->
60      <div class="col-left">
61        <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
62      </div>
63      <!-- col-main: text page -->
64      <div class="col-main">
65        <div class="ruler">
66          <form class="autosubmit" tal:attributes="action viewerUrl">
67            <input type="hidden" tal:define="params python:here.getParams('pn', None)" tal:repeat="param params"
68              tal:attributes="name param; value python:params[param]" /> page <a tal:condition="leftest"
69              tal:attributes="href python:here.getLink('pn',leftest)">|&lt;</a> <span tal:condition="not:leftest">|&lt;</span> <a
70              tal:condition="left" tal:attributes="href python:here.getLink('pn',left)">&lt;</a> <span tal:condition="not:left">&lt;</span>
71            <input class="autosubmit" size="3" type="text" name="pn" tal:attributes="value pn" />
72            <tal:block tal:define="originalPage pageinfo/pageNumberOrig | nothing" tal:condition="python:originalPage!=None">
73              (<span tal:replace="originalPage" />
74              <span tal:define="originalPageNorm pageinfo/pageNumberOrigNorm | nothing"
75                tal:condition="python:originalPageNorm!=None">[<span tal:replace="originalPageNorm" />]</span>)     
76            </tal:block>
77            <input type="submit" value="Go" />
78            of <span tal:replace="numPages" /> <a tal:condition="right"
79              tal:attributes="href python:here.getLink('pn',right)">&gt;</a> <span tal:condition="not:right">&gt;</span> <a
80              tal:condition="rightest" tal:attributes="href python:here.getLink('pn',rightest)">&gt;|</a> <span
81              tal:condition="not:rightest">&gt;|</span>
82          </form>
83        </div><!-- ruler -->
84        <ul class="switcher">
85          <li class="sel">Image</li>
86          <li><a tal:condition="docpath" tal:attributes="href python:here.getLink('viewMode','text')">Text</a></li>
87        </ul>
88        <div class="content">
89          <div id="scaler">
90            <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
91          </div>
92        </div> <!-- content -->
93      </div> <!-- col-main -->
94      <div class="col-right">
95          <div class="digilib-buttons">
96            <div><a href="javascript:$digilib.digilib('zoomBy', 1.4)">zoom in</a></div>
97            <div><a href="javascript:$digilib.digilib('zoomBy', 0.7)">zoom out</a></div>
98            <div><a href="javascript:$digilib.digilib('zoomArea')">zoom area</a></div>
99            <div><a href="javascript:$digilib.digilib('zoomFull')">full page</a></div>
100            <div><a href="javascript:$digilib.digilib('zoomFull', 'width')">page width</a></div>
101            <div><a href="javascript:$digilib.digilib('setMark')">set mark</a></div>
102            <div><a href="javascript:$digilib.digilib('removeMark')">remove mark</a></div>
103            <div><a href="javascript:$digilib.digilib('reference')">get reference</a></div>
104            <div><a href="javascript:$digilib.digilib('digilibUrl', 'open_new')">digilib</a></div>
105          </div>
106      </div>
107    </div> <!-- page-body -->
108    <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
109      <div class="errortext">Sorry, access to this document is restricted.</div>
110    </div>
111  </tal:block>
112</body>
113<body tal:condition="not:numPages">
114  <div class="errortext">Sorry, document doesn't exist.</div>
115</body>
116</html>
Note: See TracBrowser for help on using the repository browser.