Mercurial > hg > documentViewer

comparison zpt/viewer_image.zpt @ 590:ed4485d2748e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
viewMode "images" changed to "image".
author casties
date Fri, 16 Nov 2012 11:44:21 +0100
parents zpt/viewer_images.zpt@83eeed69793f
children
comparison
equal deleted inserted replaced
589:d8d6975cebcb 590:ed4485d2748e
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 viewLayer pageinfo/viewLayer; viewLayers pageinfo/viewLayers;
6 availableLayers python:here.getAvailableLayers().get('image', None);
7 tocMode pageinfo/tocMode; viewerUrl docinfo/viewerUrl;
8 numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;">
9 <head>
10 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11 <title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
12 <link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
13 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script>
14 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
15 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
16 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
17 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
18 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
19 <link rel="stylesheet" type="text/css" tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />
20
21 <script type="text/javascript"
22 tal:content="python:'''\n
23 var dlOpts = {\n
24 'interactionMode' : 'fullscreen',\n
25 'digilibBaseUrl' : '%s',\n
26 'fn' : '%s',\n
27 'pn' : '%s',\n
28 'suppressParamNames' : ['fn'],\n
29 'scalerInsets' : {'x':300, 'y':100}\n
30 };\n'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>
31
32 <!-- layer headers (rendered always) -->
33 <tal:block tal:repeat="layer availableLayers">
34 <tal:block tal:define="mpath string:here/template/layer_image_${layer}/macros/html_head" tal:condition="python:exists(mpath)">
35 <metal:block metal:use-macro="python:path(mpath)" />
36 </tal:block>
37 </tal:block>
38
39 <script type="text/javascript">
40 // <!--
41 $(document).ready(function() {
42 // autosubmit forms
43 $('form.autosubmit').find('.autosubmit').change(function() {
44 this.form.submit();
45 });
46 $('form.autosubmit input[type="submit"]').hide();
47 // get digilib div
48 $digilib = $('div#scaler');
49 // configure digilib
50 $digilib.digilib(dlOpts);
51 });
52 // -->
53 </script>
54 </head>
55 <body tal:condition="numPages">
56 <tal:block
57 tal:define="docpath docinfo/textURLPath | nothing;
58 pn pageinfo/pn;
59 flowLtr python:docinfo.get('pageFlow','ltr')!='rtl';">
60 <div class="page-head">
61 <metal:block metal:use-macro="here/template/common_template/macros/head" />
62 </div>
63 <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
64 <!-- table of contents -->
65 <div class="col toc">
66 <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
67 </div>
68 <!-- col-main: document page -->
69 <div class="col main">
70 <div class="ruler top">
71 <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
72 </div>
73 <div class="content image">
74 <div id="scaler">
75 <img 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
82 <div class="col buttons">
83 <!-- layer switcher -->
84 <div class="options" tal:condition="availableLayers">
85 <h4>Image layer</h4>
86 <form tal:attributes="action viewerUrl" class="autosubmit">
87 <input type="hidden" tal:define="params python:here.getParams(params={'viewLayer':None})"
88 tal:repeat="param params" tal:attributes="name param; value python:params[param]" />
89 <ul>
90 <!-- layer select buttons (rendered always) -->
91 <tal:block tal:repeat="layer availableLayers">
92 <tal:block tal:define="mpath string:here/template/layer_image_${layer}/macros/layer_select_li"
93 tal:condition="python:exists(mpath)">
94 <li metal:use-macro="python:path(mpath)" />
95 </tal:block>
96 </tal:block>
97 </ul>
98 <input type="submit" value="Go!" />
99 </form>
100 </div>
101
102 <!-- digilib options -->
103 <div class="options digilib">
104 <ul>
105 <li><a href="javascript:$digilib.digilib('zoomBy', 1.4)"> <img tal:condition="exists:here/template/zoom-in.png"
106 tal:attributes="src here/template/zoom-in.png/absolute_url" /> zoom in
107 </a></li>
108 <li><a href="javascript:$digilib.digilib('zoomBy', 0.7)"> <img
109 tal:condition="exists:here/template/zoom-out.png" tal:attributes="src here/template/zoom-out.png/absolute_url" />
110 zoom out
111 </a></li>
112 <li><a href="javascript:$digilib.digilib('zoomArea')"> <img tal:condition="exists:here/template/zoom-area.png"
113 tal:attributes="src here/template/zoom-area.png/absolute_url" /> zoom area
114 </a></li>
115 <li><a href="javascript:$digilib.digilib('zoomFull')"> <img tal:condition="exists:here/template/zoom-full.png"
116 tal:attributes="src here/template/zoom-full.png/absolute_url" /> full page
117 </a></li>
118 <li><a href="javascript:$digilib.digilib('zoomFull', 'width')"> <img
119 tal:condition="exists:here/template/pagewidth.png" tal:attributes="src here/template/pagewidth.png/absolute_url" /> page
120 width
121 </a></li>
122 <li><a href="javascript:$digilib.digilib('setMark')"> <img tal:condition="exists:here/template/mark.png"
123 tal:attributes="src here/template/mark.png/absolute_url" /> set mark
124 </a></li>
125 <li><a href="javascript:$digilib.digilib('removeMark')"> <img tal:condition="exists:here/template/delmark.png"
126 tal:attributes="src here/template/delmark.png/absolute_url" /> remove mark
127 </a></li>
128 <li><a href="javascript:$digilib.digilib('reference')"> <img tal:condition="exists:here/template/reference.png"
129 tal:attributes="src here/template/reference.png/absolute_url" /> get reference
130 </a></li>
131 <li><a href="javascript:$digilib.digilib('digilibUrl', 'open_new')"> <img
132 tal:condition="exists:here/template/digilib.png" tal:attributes="src here/template/digilib.png/absolute_url" />
133 digilib
134 </a></li>
135 </ul>
136 </div>
137
138 <!-- layer option boxes (rendered if active) -->
139 <tal:block tal:repeat="layer availableLayers">
140 <tal:block tal:define="mpath string:here/template/layer_image_${layer}/macros/options_box"
141 tal:condition="python:exists(mpath)">
142 <metal:block metal:use-macro="python:path(mpath)" />
143 </tal:block>
144 </tal:block>
145 </div>
146 </div><!-- /page-body -->
147
148 <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
149 <div class="errortext">Sorry, access to this document is restricted.</div>
150 </div>
151 <tal:block tal:condition="exists:here/template/site_template.pt/macros/footer">
152 <!-- footer -->
153 <metal:block metal:use-macro="here/template/site_template.pt/macros/footer"/>
154 </tal:block>
155
156 </tal:block>
157 </body>
158 <body tal:condition="not:numPages">
159 <div class="errortext">Sorry, document doesn't exist.</div>
160 <tal:block tal:condition="exists:here/template/site_template.pt/macros/footer">
161 <!-- footer -->
162 <metal:block metal:use-macro="here/template/site_template.pt/macros/footer"/>
163 </tal:block>
164 </body>
165 </html>