Mercurial > hg > documentViewer

comparison zpt/viewer_images.zpt @ 501:29c6d09a506c elementtree

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
more cleanup. viewMode=index works now. moved common template parts in common_template.
author casties
date Wed, 15 Feb 2012 17:57:02 +0100
parents 62cc3d7f7570
children 030251fe9dbc
comparison
equal deleted inserted replaced
500:62cc3d7f7570 501:29c6d09a506c
3 <html xmlns="http://www.w3.org/1999/xhtml" 3 <html xmlns="http://www.w3.org/1999/xhtml"
4 tal:define="docinfo options/docinfo; pageinfo options/pageinfo; viewMode pageinfo/viewMode; 4 tal:define="docinfo options/docinfo; pageinfo options/pageinfo; viewMode pageinfo/viewMode;
5 tocMode pageinfo/tocMode; viewType pageinfo/viewType; viewerUrl docinfo/viewerUrl; 5 tocMode pageinfo/tocMode; viewType pageinfo/viewType; viewerUrl docinfo/viewerUrl;
6 numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;"> 6 numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;">
7 <head> 7 <head>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
9 <title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" /> 9 <title
10 tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
10 <link rel="stylesheet" href="template/docuviewer_css" type="text/css" /> 11 <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.js"></script>
12 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script> 13 <script type="text/javascript"
13 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script> 14 tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
14 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script> 15 <script type="text/javascript"
15 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script> 16 tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
16 <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script> 17 <script type="text/javascript"
17 <link rel="stylesheet" type="text/css" tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" /> 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" />
18 25
19 <script type="text/javascript" 26 <script type="text/javascript"
20 tal:content="string: 27 tal:content="string:
21 var dlOpts = { 28 var dlOpts = {
22 'interactionMode' : 'fullscreen', 29 'interactionMode' : 'fullscreen',
23 'digilibBaseUrl' : '$dlBaseUrl', 30 'digilibBaseUrl' : '$dlBaseUrl',
24 'fn' : '${docinfo/imagePath}', 31 'fn' : '${docinfo/imagePath}',
25 'pn' : '${pageinfo/pn}', 32 'pn' : '${pageinfo/pn}',
26 'suppressParamNames' : ['fn'], 33 'suppressParamNames' : ['fn'],
27 'scalerInsets' : {'x' : 140, 'y' : 100} 34 'scalerInsets' : {'x' : 140, 'y' : 100}
28 };"></script> 35 };"></script>
29 36
30 <script type="text/javascript"> 37 <script type="text/javascript">
31 // <!-- 38 // <!--
32 $(document).ready(function() { 39 $(document).ready(function() {
33 // autosubmit forms 40 // autosubmit forms
34 $('form.autosubmit').find('.autosubmit').change(function() { 41 $('form.autosubmit').find('.autosubmit').change(function() {
35 this.form.submit(); 42 this.form.submit();
36 }); 43 });
37 $('form.autosubmit input[type="submit"]').hide(); 44 $('form.autosubmit input[type="submit"]').hide();
38 // get digilib div 45 // get digilib div
39 $digilib = $('div#scaler'); 46 $digilib = $('div#scaler');
40 // configure digilib 47 // configure digilib
41 $digilib.digilib(dlOpts); 48 $digilib.digilib(dlOpts);
42 }); 49 });
43 // --> 50 // -->
44 </script> 51 </script>
45 </head> 52 </head>
46 <body tal:condition="numPages"> 53 <body tal:condition="numPages">
47 <tal:block 54 <tal:block
48 tal:define="docpath docinfo/textURLPath | nothing; 55 tal:define="docpath docinfo/textURLPath | nothing;
49 pn pageinfo/pn; 56 pn pageinfo/pn;
50 flowLtr python:pageinfo.get('pageFlow','ltr')!='rtl'; 57 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"> 58 <div class="page-head">
56 <metal:block metal:use-macro="here/template/head_main/macros/main" /> 59 <metal:block metal:use-macro="here/template/common_template/macros/head" />
57 </div> 60 </div>
58 <div class="page-body" tal:condition="python:here.isAccessible(docinfo)"> 61 <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
59 <!--table of contents--> 62 <!-- table of contents -->
60 <div class="col-left"> 63 <div class="col-left">
61 <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" /> 64 <metal:block
65 metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
62 </div> 66 </div>
63 <!-- col-main: text page --> 67 <!-- col-main: text page -->
64 <div class="col-main"> 68 <div class="col-main">
65 <div class="ruler"> 69 <div class="ruler">
66 <form class="autosubmit" tal:attributes="action viewerUrl"> 70 <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
67 <input type="hidden" tal:define="params python:here.getParams('pn', None)" tal:repeat="param params" 71 </div>
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"> 72 <ul class="switcher">
85 <li class="sel">Image</li> 73 <li class="sel">Image</li>
86 <li><a tal:condition="docpath" tal:attributes="href python:here.getLink('viewMode','text')">Text</a></li> 74 <li tal:condition="docpath">
75 <a tal:attributes="href python:here.getLink('viewMode','text')">Text</a>
76 </li>
87 </ul> 77 </ul>
78 <!-- /switcher -->
88 <div class="content"> 79 <div class="content">
89 <div id="scaler"> 80 <div id="scaler">
90 <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" /> 81 <img
82 tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
91 </div> 83 </div>
92 </div> <!-- content --> 84 </div>
93 </div> <!-- col-main --> 85 <!-- /content -->
86 </div>
87 <!-- /col-main -->
94 <div class="col-right"> 88 <div class="col-right">
95 <div class="digilib-buttons"> 89 <div class="digilib-buttons">
96 <div><a href="javascript:$digilib.digilib('zoomBy', 1.4)">zoom in</a></div> 90 <div>
97 <div><a href="javascript:$digilib.digilib('zoomBy', 0.7)">zoom out</a></div> 91 <a href="javascript:$digilib.digilib('zoomBy', 1.4)">zoom in</a>
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> 92 </div>
93 <div>
94 <a href="javascript:$digilib.digilib('zoomBy', 0.7)">zoom out</a>
95 </div>
96 <div>
97 <a href="javascript:$digilib.digilib('zoomArea')">zoom area</a>
98 </div>
99 <div>
100 <a href="javascript:$digilib.digilib('zoomFull')">full page</a>
101 </div>
102 <div>
103 <a href="javascript:$digilib.digilib('zoomFull', 'width')">page width</a>
104 </div>
105 <div>
106 <a href="javascript:$digilib.digilib('setMark')">set mark</a>
107 </div>
108 <div>
109 <a href="javascript:$digilib.digilib('removeMark')">remove mark</a>
110 </div>
111 <div>
112 <a href="javascript:$digilib.digilib('reference')">get reference</a>
113 </div>
114 <div>
115 <a href="javascript:$digilib.digilib('digilibUrl', 'open_new')">digilib</a>
116 </div>
117 </div>
106 </div> 118 </div>
107 </div> <!-- page-body --> 119 </div>
120 <!-- page-body -->
108 <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)"> 121 <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
109 <div class="errortext">Sorry, access to this document is restricted.</div> 122 <div class="errortext">Sorry, access to this document is restricted.</div>
110 </div> 123 </div>
111 </tal:block> 124 </tal:block>
112 </body> 125 </body>