Mercurial > hg > documentViewer
comparison zpt/viewer/viewer_text_image.zpt @ 629:e36bf3226fde
text image viewer eingecheckt
author | dwinter |
---|---|
date | Tue, 26 May 2015 10:58:27 +0200 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
628:447251b5af65 | 629:e36bf3226fde |
---|---|
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; viewLayer pageinfo/viewLayer; viewLayers pageinfo/viewLayers; | |
6 availableLayers python:here.getAvailableLayers().get('text', None); | |
7 viewerUrl docinfo/viewerUrl; | |
8 rootUrl here/getDocumentViewerURL; | |
9 numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;"> | |
10 <head> | |
11 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
12 <title | |
13 tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" /> | |
14 <link rel="stylesheet" href="template/docuviewer_css" type="text/css" /> | |
15 <!--[if IE]><link rel="stylesheet" href="template/docuviewer_ie_css" type="text/css" /><![endif]--> | |
16 <script type="text/javascript" | |
17 tal:attributes="src string:$rootUrl/template/jquery_js"></script> | |
18 <script type="text/javascript"> | |
19 $(document).ready(function() { | |
20 // autosubmit forms | |
21 $('form.autosubmit').find('.autosubmit').change(function() { | |
22 this.form.submit(); | |
23 }); | |
24 $('form.autosubmit input[type="submit"]').hide(); | |
25 }); | |
26 // --> | |
27 </script> | |
28 | |
29 <script type="text/javascript" | |
30 tal:attributes="src string:$dlBaseUrl/jquery/jquery.js"></script> | |
31 <script type="text/javascript" | |
32 tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script> | |
33 <script type="text/javascript" | |
34 tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script> | |
35 <script type="text/javascript" | |
36 tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script> | |
37 <script type="text/javascript" | |
38 tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script> | |
39 <script type="text/javascript" | |
40 tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script> | |
41 <link rel="stylesheet" type="text/css" | |
42 tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" /> | |
43 | |
44 | |
45 <script type="text/javascript" | |
46 tal:content="python:'''\n | |
47 var dlOpts = {\n | |
48 'interactionMode' : 'fullscreen',\n | |
49 'digilibBaseUrl' : '%s',\n | |
50 'fn' : '%s',\n | |
51 'pn' : '%s',\n | |
52 'suppressParamNames' : ['fn'],\n | |
53 'scalerInsets' : {'x':300, 'y':100}\n | |
54 };\n'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script> | |
55 | |
56 <!-- layer headers (rendered always) --> | |
57 <tal:block tal:repeat="layer availableLayers"> | |
58 <tal:block | |
59 tal:define="mpath string:here/template/layer_text_${layer}/macros/html_head" | |
60 tal:condition="python:exists(mpath)"> | |
61 <metal:block metal:use-macro="python:path(mpath)" /> | |
62 </tal:block> | |
63 </tal:block> | |
64 | |
65 <script type="text/javascript"> | |
66 $(document).ready(function() { | |
67 // autosubmit forms | |
68 $('form.autosubmit').find('.autosubmit').change(function() { | |
69 this.form.submit(); | |
70 }); | |
71 $('form.autosubmit input[type="submit"]').hide(); | |
72 // get digilib div | |
73 $digilib = $('div#scaler'); | |
74 // configure digilib | |
75 $digilib.digilib(dlOpts); | |
76 }); | |
77 // --> | |
78 </script> | |
79 | |
80 | |
81 </head> | |
82 <!-- body --> | |
83 <body tal:condition="numPages"> | |
84 <tal:block | |
85 tal:define="docpath docinfo/textURLPath | nothing; | |
86 pn pageinfo/pn; | |
87 flowLtr python:docinfo.get('pageFlow','ltr')!='rtl'; | |
88 textPage python:here.getTextPage(mode=viewLayer, pn=pn, docinfo=docinfo, pageinfo=pageinfo);"> | |
89 <!-- header --> | |
90 <div class="page-head"> | |
91 <metal:block | |
92 metal:use-macro="here/template/common_template/macros/head" /> | |
93 </div> | |
94 | |
95 <div class="page-body" | |
96 tal:condition="python:here.isAccessible(docinfo)"> | |
97 <!--table of contents--> | |
98 <div class="col toc"> | |
99 <metal:block | |
100 metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" /> | |
101 </div> | |
102 | |
103 <!-- text page --> | |
104 <div class="col main"> | |
105 <div class="ruler top"> | |
106 <metal:block | |
107 metal:use-macro="here/template/common_template/macros/page_ruler" /> | |
108 </div> | |
109 <div class="two-column"> | |
110 <div class="two-column-row"> | |
111 <div class="two-column-left"> | |
112 <div class="content text"> | |
113 <div class="pageHeaderTitle" | |
114 tal:condition="exists:pageinfo/pageHeaderTitle" | |
115 tal:content="structure pageinfo/pageHeaderTitle" /> | |
116 <tal:block tal:condition="textPage" | |
117 tal:replace="structure textPage" /> | |
118 <div class="emptyPage" tal:condition="not:textPage">[Error: | |
119 no text]</div> | |
120 </div> | |
121 </div> | |
122 <div class="two-column-right"> | |
123 <div tal:attributes="class string:content image $viewLayer"> | |
124 <div id="scaler"> | |
125 <img | |
126 tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" /> | |
127 </div> | |
128 </div> | |
129 </div> | |
130 </div> | |
131 </div> | |
132 | |
133 | |
134 | |
135 | |
136 </div> | |
137 <!-- end of col-main --> | |
138 | |
139 <!-- layer columns (rendered always) --> | |
140 <tal:block tal:repeat="layer availableLayers"> | |
141 <tal:block | |
142 tal:define="mpath string:here/template/layer_text_${layer}/macros/extra_column" | |
143 tal:condition="python:exists(mpath)"> | |
144 <metal:block metal:use-macro="python:path(mpath)" /> | |
145 </tal:block> | |
146 </tal:block> | |
147 | |
148 <!-- right-side options --> | |
149 <div class="col buttons"> | |
150 <!--BEGIN TEXT LAYERS --> | |
151 <div class="options" tal:condition="availableLayers"> | |
152 <h4>Text layer</h4> | |
153 <form tal:attributes="action viewerUrl" class="autosubmit"> | |
154 <input type="hidden" | |
155 tal:define="params python:here.getParams(params={'viewLayer':None})" | |
156 tal:repeat="param params" | |
157 tal:attributes="name param; value python:params[param]" /> | |
158 <ul> | |
159 <!-- text layer select buttons (rendered always) --> | |
160 <tal:block tal:repeat="layer availableLayers"> | |
161 <tal:block | |
162 tal:define="mpath string:here/template/layer_text_${layer}/macros/layer_select_li" | |
163 tal:condition="python:exists(mpath)"> | |
164 <li metal:use-macro="python:path(mpath)" /> | |
165 </tal:block> | |
166 </tal:block> | |
167 </ul> | |
168 <input type="submit" value="Go!" /> | |
169 </form> | |
170 </div> | |
171 <!--END TEXT LAYERS--> | |
172 | |
173 <!--"BEGIN TEXT SIZE"--> | |
174 <!-- <div class="options"> | |
175 <h4>Text size</h4> | |
176 <ul class="fsizer"> | |
177 <li><a href="javascript:fontSize(12);" class="fs_sml">S</a></li> | |
178 <li><a href="javascript:fontSize(14);" class="fs_med">M</a></li> | |
179 <li><a href="javascript:fontSize(16);" class="fs_lrg">L</a></li> | |
180 </ul> | |
181 </div> --> | |
182 <!--"END TEXT SIZE"--> | |
183 | |
184 <!--"BEGIN TEXT NORMALIZATION"--> | |
185 <div class="options"> | |
186 <h4>Text normalization</h4> | |
187 <form tal:attributes="action viewerUrl" class="autosubmit" | |
188 tal:define="norm python:pageinfo.get('characterNormalization','orig');"> | |
189 <input type="hidden" | |
190 tal:define="params python:here.getParams(params={'characterNormalization':None, 'viewLayer':viewLayer})" | |
191 tal:repeat="param params" | |
192 tal:attributes="name param; value python:params[param]" /> | |
193 <ul> | |
194 <li><input type="radio" class="autosubmit" | |
195 name="characterNormalization" value="orig" | |
196 tal:attributes="checked python:norm=='orig'" /> Original</li> | |
197 <!--<li><input type="radio" class="autosubmit" name="characterNormalization" value="reg" | |
198 tal:attributes="checked python:norm=='reg'" /> Regularized</li> | |
199 <li><input type="radio" class="autosubmit" name="characterNormalization" value="regPlusNorm" | |
200 tal:attributes="checked python:norm=='regPlusNorm'" /> Normalized</li>--> | |
201 </ul> | |
202 <input type="submit" value="Go!" /> | |
203 </form> | |
204 </div> | |
205 <!--"END TEXT NORMALIZATION"--> | |
206 | |
207 | |
208 <!-- digilib options --> | |
209 <div class="options digilib"> | |
210 <ul> | |
211 <li><a href="javascript:$digilib.digilib('zoomBy', 1.4)"> | |
212 <img tal:condition="exists:here/template/zoom-in.png" | |
213 tal:attributes="src here/template/zoom-in.png/absolute_url" /> | |
214 zoom in | |
215 </a></li> | |
216 <li><a href="javascript:$digilib.digilib('zoomBy', 0.7)"> | |
217 <img tal:condition="exists:here/template/zoom-out.png" | |
218 tal:attributes="src here/template/zoom-out.png/absolute_url" /> | |
219 zoom out | |
220 </a></li> | |
221 <li><a href="javascript:$digilib.digilib('zoomArea')"> <img | |
222 tal:condition="exists:here/template/zoom-area.png" | |
223 tal:attributes="src here/template/zoom-area.png/absolute_url" /> | |
224 zoom area | |
225 </a></li> | |
226 <li><a href="javascript:$digilib.digilib('zoomFull')"> <img | |
227 tal:condition="exists:here/template/zoom-full.png" | |
228 tal:attributes="src here/template/zoom-full.png/absolute_url" /> | |
229 full page | |
230 </a></li> | |
231 <li><a | |
232 href="javascript:$digilib.digilib('zoomFull', 'width')"> <img | |
233 tal:condition="exists:here/template/pagewidth.png" | |
234 tal:attributes="src here/template/pagewidth.png/absolute_url" /> | |
235 page width | |
236 </a></li> | |
237 <li><a href="javascript:$digilib.digilib('setMark')"> <img | |
238 tal:condition="exists:here/template/mark.png" | |
239 tal:attributes="src here/template/mark.png/absolute_url" /> | |
240 set mark | |
241 </a></li> | |
242 <li><a href="javascript:$digilib.digilib('removeMark')"> | |
243 <img tal:condition="exists:here/template/delmark.png" | |
244 tal:attributes="src here/template/delmark.png/absolute_url" /> | |
245 remove mark | |
246 </a></li> | |
247 <li><a href="javascript:$digilib.digilib('reference')"> | |
248 <img tal:condition="exists:here/template/reference.png" | |
249 tal:attributes="src here/template/reference.png/absolute_url" /> | |
250 get reference | |
251 </a></li> | |
252 <li><a | |
253 href="javascript:$digilib.digilib('digilibUrl', 'open_new')"> | |
254 <img tal:condition="exists:here/template/digilib.png" | |
255 tal:attributes="src here/template/digilib.png/absolute_url" /> | |
256 digilib | |
257 </a></li> | |
258 </ul> | |
259 </div> | |
260 | |
261 | |
262 | |
263 | |
264 <!-- layer option boxes (rendered if active) --> | |
265 <tal:block tal:repeat="layer availableLayers"> | |
266 <tal:block | |
267 tal:define="mpath string:here/template/layer_text_${layer}/macros/options_box" | |
268 tal:condition="python:exists(mpath)"> | |
269 <metal:block metal:use-macro="python:path(mpath)" /> | |
270 </tal:block> | |
271 </tal:block> | |
272 </div> | |
273 <!-- /col-right --> | |
274 | |
275 </div> | |
276 <!-- /page-body --> | |
277 | |
278 <div class="page-body" | |
279 tal:condition="python:not here.isAccessible(docinfo)"> | |
280 <div class="errortext">Sorry, access to this document is | |
281 restricted.</div> | |
282 </div> | |
283 | |
284 <tal:block | |
285 tal:condition="exists:here/template/site_template.pt/macros/footer"> | |
286 <!-- footer --> | |
287 <metal:block | |
288 metal:use-macro="here/template/site_template.pt/macros/footer" /> | |
289 </tal:block> | |
290 </tal:block> | |
291 </body> | |
292 <body tal:condition="not:numPages"> | |
293 <div class="errortext">Sorry, document doesn't exist.</div> | |
294 <tal:block | |
295 tal:condition="exists:here/template/site_template.pt/macros/footer"> | |
296 <!-- footer --> | |
297 <metal:block | |
298 metal:use-macro="here/template/site_template.pt/macros/footer" /> | |
299 </tal:block> | |
300 </body> | |
301 </html> |