Mercurial > hg > documentViewer

comparison zpt/viewer/viewer_text_image.zpt @ 629:e36bf3226fde

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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>