source: documentViewer/zpt/viewer_images.zpt @ 534:9009cf0b0532

Last change on this file since 534:9009cf0b0532 was 532:0b8bed1223ad, checked in by casties, 12 years ago

new layout and styles.
File size: 4.8 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; 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
10    tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
11  <link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
12  <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
13  <script type="text/javascript"
14    tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
15  <script type="text/javascript"
16    tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
17  <script type="text/javascript"
18    tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
19  <script type="text/javascript"
20    tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
21  <script type="text/javascript"
22    tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
23  <link rel="stylesheet" type="text/css"
24    tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />
25
26  <script type="text/javascript"
27    tal:content="python:'''
28       var dlOpts = {
29            'interactionMode' : 'fullscreen',
30            'digilibBaseUrl' : '%s',
31            'fn' : '%s',
32            'pn' : '%s',
33            'suppressParamNames' : ['fn'],
34            'scalerInsets' : {'x' : 140, 'y' : 100}
35        };'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>
36
37  <script type="text/javascript">
38            // <!--
39            $(document).ready(function() {
40                // autosubmit forms
41                $('form.autosubmit').find('.autosubmit').change(function() {
42                    this.form.submit();
43                });
44                $('form.autosubmit input[type="submit"]').hide();
45                // get digilib div
46                $digilib = $('div#scaler');
47                // configure digilib
48                $digilib.digilib(dlOpts);
49            });
50        // -->
51        </script>
52</head>
53<body tal:condition="numPages">
54  <tal:block
55    tal:define="docpath docinfo/textURLPath | nothing;
56              pn pageinfo/pn;
57              flowLtr python:docinfo.get('pageFlow','ltr')!='rtl';">
58    <div class="page-head">
59      <metal:block metal:use-macro="here/template/common_template/macros/head" />
60    </div>
61    <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
62      <!-- table of contents -->
63      <div class="col toc">
64        <metal:block
65          metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
66      </div>
67      <!-- col-main: text page -->
68      <div class="col main">
69        <div class="ruler">
70          <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
71        </div>
72        <div class="content">
73          <div id="scaler">
74            <img
75              tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
76          </div>
77        </div>
78        <!-- /content -->
79      </div>
80      <!-- /col-main -->
81      <div class="col buttons">
82        <div class="digilib-buttons">
83          <div>
84            <a href="javascript:$digilib.digilib('zoomBy', 1.4)">zoom in</a>
85          </div>
86          <div>
87            <a href="javascript:$digilib.digilib('zoomBy', 0.7)">zoom out</a>
88          </div>
89          <div>
90            <a href="javascript:$digilib.digilib('zoomArea')">zoom area</a>
91          </div>
92          <div>
93            <a href="javascript:$digilib.digilib('zoomFull')">full page</a>
94          </div>
95          <div>
96            <a href="javascript:$digilib.digilib('zoomFull', 'width')">page width</a>
97          </div>
98          <div>
99            <a href="javascript:$digilib.digilib('setMark')">set mark</a>
100          </div>
101          <div>
102            <a href="javascript:$digilib.digilib('removeMark')">remove mark</a>
103          </div>
104          <div>
105            <a href="javascript:$digilib.digilib('reference')">get reference</a>
106          </div>
107          <div>
108            <a href="javascript:$digilib.digilib('digilibUrl', 'open_new')">digilib</a>
109          </div>
110        </div>
111      </div>
112    </div>
113    <!-- page-body -->
114    <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
115      <div class="errortext">Sorry, access to this document is restricted.</div>
116    </div>
117  </tal:block>
118</body>
119<body tal:condition="not:numPages">
120  <div class="errortext">Sorry, document doesn't exist.</div>
121</body>
122</html>
Note: See TracBrowser for help on using the repository browser.