Mercurial > hg > documentViewer

comparison zpt/viewer_images.zpt @ 536:abd36d4d97b8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
new version of index page. improvements for digilib page and thumbnail overview.
author casties
date Thu, 26 Jul 2012 21:22:56 +0200
parents 0b8bed1223ad
children dbf25bd05fc6
comparison
equal deleted inserted replaced
535:510bae2b593b 536:abd36d4d97b8
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; viewerUrl docinfo/viewerUrl; 5 tocMode pageinfo/tocMode; 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 9 <title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('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" />
25 18
26 <script type="text/javascript" 19 <script type="text/javascript"
27 tal:content="python:''' 20 tal:content="python:'''\n
28 var dlOpts = { 21 var dlOpts = {\n
29 'interactionMode' : 'fullscreen', 22 'interactionMode' : 'fullscreen',\n
30 'digilibBaseUrl' : '%s', 23 'digilibBaseUrl' : '%s',\n
31 'fn' : '%s', 24 'fn' : '%s',\n
32 'pn' : '%s', 25 'pn' : '%s',\n
33 'suppressParamNames' : ['fn'], 26 'suppressParamNames' : ['fn'],\n
34 'scalerInsets' : {'x' : 140, 'y' : 100} 27 'scalerInsets' : {'x':300, 'y':100}\n
35 };'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script> 28 };\n'''%(dlBaseUrl,docinfo.get('imagePath',''),pageinfo.get('pn','1'))"></script>
36 29
37 <script type="text/javascript"> 30 <script type="text/javascript">
38 // <!-- 31 // <!--
39 $(document).ready(function() { 32 $(document).ready(function() {
40 // autosubmit forms 33 // autosubmit forms
41 $('form.autosubmit').find('.autosubmit').change(function() { 34 $('form.autosubmit').find('.autosubmit').change(function() {
42 this.form.submit(); 35 this.form.submit();
43 }); 36 });
44 $('form.autosubmit input[type="submit"]').hide(); 37 $('form.autosubmit input[type="submit"]').hide();
45 // get digilib div 38 // get digilib div
46 $digilib = $('div#scaler'); 39 $digilib = $('div#scaler');
47 // configure digilib 40 // configure digilib
48 $digilib.digilib(dlOpts); 41 $digilib.digilib(dlOpts);
49 }); 42 });
50 // --> 43 // -->
51 </script> 44 </script>
52 </head> 45 </head>
53 <body tal:condition="numPages"> 46 <body tal:condition="numPages">
54 <tal:block 47 <tal:block
55 tal:define="docpath docinfo/textURLPath | nothing; 48 tal:define="docpath docinfo/textURLPath | nothing;
56 pn pageinfo/pn; 49 pn pageinfo/pn;
59 <metal:block metal:use-macro="here/template/common_template/macros/head" /> 52 <metal:block metal:use-macro="here/template/common_template/macros/head" />
60 </div> 53 </div>
61 <div class="page-body" tal:condition="python:here.isAccessible(docinfo)"> 54 <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
62 <!-- table of contents --> 55 <!-- table of contents -->
63 <div class="col toc"> 56 <div class="col toc">
64 <metal:block 57 <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
65 metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
66 </div> 58 </div>
67 <!-- col-main: text page --> 59 <!-- col-main: text page -->
68 <div class="col main"> 60 <div class="col main">
69 <div class="ruler"> 61 <div class="ruler">
70 <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" /> 62 <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
71 </div> 63 </div>
72 <div class="content"> 64 <div class="content-images">
73 <div id="scaler"> 65 <div id="scaler">
74 <img 66 <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
75 tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
76 </div> 67 </div>
77 </div> 68 </div>
78 <!-- /content --> 69 <!-- /content -->
79 </div> 70 </div>
80 <!-- /col-main --> 71 <!-- /col-main -->