Mercurial > hg > documentViewer

comparison zpt/viewer_thumbs.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 f8a5f63eafc0
children 4b43a57ad9b3
comparison
equal deleted inserted replaced
535:510bae2b593b 536:abd36d4d97b8
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" /> 10 <title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
11 <link rel="stylesheet" href="template/docuviewer_css" type="text/css" /> 11 <link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
12 <script type="text/javascript" tal:attributes="src string:$rootUrl/template/jquery_js"></script> 12 <script type="text/javascript" tal:attributes="src string:$rootUrl/template/jquery_js"></script>
13 <script type="text/javascript"> 13 <script type="text/javascript">
14 // <!-- 14 // <!--
15 $(document).ready(function() { 15 $(document).ready(function() {
16 // autosubmit forms 16 // autosubmit forms
17 $('form.autosubmit').find('.autosubmit').change(function() { 17 $('form.autosubmit').find('.autosubmit').change(function() {
18 this.form.submit(); 18 this.form.submit();
19 }); 19 });
20 $('form.autosubmit input[type="submit"]').hide(); 20 $('form.autosubmit input[type="submit"]').hide();
21 }); 21 });
22 // --> 22 // -->
23 </script> 23 </script>
24 </head> 24 </head>
25 <body tal:condition="numPages"> 25 <body tal:condition="numPages">
26 <tal:block 26 <tal:block
39 </div> 39 </div>
40 <div class="page-body" tal:condition="python:here.isAccessible(docinfo)"> 40 <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
41 <!-- col-main: text page --> 41 <!-- col-main: text page -->
42 <div class="col main"> 42 <div class="col main">
43 <div class="ruler"> 43 <div class="ruler">
44 <metal:block 44 <metal:block metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
45 metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
46 </div> 45 </div>
47 46 <div class="content-thumbs">
48 <table class="thumbs"> 47 <table class="thumbs">
49 <tr tal:repeat="row pageBatch/pages"> 48 <tr tal:repeat="row pageBatch/pages">
50 <td tal:repeat="thumb row" 49 <td tal:repeat="thumb row" tal:attributes="class python:here.getStyle(thumb['idx'],pn,'thumb')"><a
51 tal:attributes="class python:here.getStyle(thumb['idx'],pn,'thumb')"> 50 tal:define="idx thumb/idx" tal:condition="idx"
52 <a tal:define="idx thumb/idx" tal:condition="idx"
53 tal:attributes="href python:here.getLink(params={'pn':idx, 'viewMode':'images'})"> <img 51 tal:attributes="href python:here.getLink(params={'pn':idx, 'viewMode':'images'})"> <img
54 tal:attributes="src python:test(docinfo['imageURL'],here.getScalerUrl(pn=idx,dw=thumbSize,dh=thumbSize,docinfo=docinfo),'images/pic'); 52 tal:attributes="src python:test(docinfo['imageURL'],here.getScalerUrl(pn=idx,dw=thumbSize,dh=thumbSize,docinfo=docinfo),'images/pic');
55 alt idx" /><br /> 53 alt idx" /><br />
56 <span title="Scan number" tal:content="idx" /> <span 54 <span title="Scan number" tal:content="idx" /> <span
57 tal:condition="python:pageNumbers and pageNumbers.get(idx, False) and pageNumbers[idx]['no']" 55 tal:condition="python:pageNumbers and pageNumbers.get(idx, False) and pageNumbers[idx]['no']"
58 title="Original page number" 56 title="Original page number" tal:content="python:' (%s)'%(pageNumbers[idx]['no'])" />
59 tal:content="python:' (%s)'%(pageNumbers[idx]['no'])" /> 57 </a></td>
60 </a> 58 </tr>
61 </td> 59 </table>
62 </tr> 60 </div>
63 </table> 61 <div class="ruler down">
64 62 <metal:block metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
65 <div class="ruler">
66 <metal:block
67 metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
68 </div> 63 </div>
69 64
70 </div> 65 </div>
71 <!-- /col-main --> 66 <!-- /col-main -->
72 67
76 <div class="options"> 71 <div class="options">
77 <h4>Thumbnail display</h4> 72 <h4>Thumbnail display</h4>
78 <form tal:attributes="action viewerUrl" class="autosubmit"> 73 <form tal:attributes="action viewerUrl" class="autosubmit">
79 <input type="hidden" 74 <input type="hidden"
80 tal:define="params python:here.getParams(params={'thumbRows':None,'thumbCols':None,'thumbSize':None})" 75 tal:define="params python:here.getParams(params={'thumbRows':None,'thumbCols':None,'thumbSize':None})"
81 tal:repeat="param params" 76 tal:repeat="param params" tal:attributes="name param; value python:params[param]" />
82 tal:attributes="name param; value python:params[param]" />
83 <ul> 77 <ul>
84 <li> 78 <li>Rows <select class="autosubmit" name="thumbRows" tal:define="rows python:[2,3,5,10,12,15,20,50,100]">
85 Rows 79 <option tal:repeat="row rows" tal:attributes="selected python:thumbRows==row; value row" tal:content="row" />
86 <select class="autosubmit" name="thumbRows" tal:define="rows python:[2,3,5,10,12,15,20,50,100]"> 80 </select>
87 <option tal:repeat="row rows" tal:attributes="selected python:thumbRows==row; value row" tal:content="row"/>
88 </select>
89 </li> 81 </li>
90 <li> 82 <li>Columns <select class="autosubmit" name="thumbCols" tal:define="cols python:[2,3,5,10,12,15,20,50,100]">
91 Columns 83 <option tal:repeat="col cols" tal:attributes="selected python:thumbCols==col; value col" tal:content="col" />
92 <select class="autosubmit" name="thumbCols" tal:define="cols python:[2,3,5,10,12,15,20,50,100]"> 84 </select>
93 <option tal:repeat="col cols" tal:attributes="selected python:thumbCols==col; value col" tal:content="col"/>
94 </select>
95 </li> 85 </li>
96 <li> 86 <li>Thumbnail size <select class="autosubmit" name="thumbSize" tal:define="sizes python:[100,150,200,300,500]">
97 Thumbnail size 87 <option tal:repeat="size sizes" tal:attributes="selected python:thumbSize==size; value size" tal:content="size" />
98 <select class="autosubmit" name="thumbSize" tal:define="sizes python:[100,150,200,300,500]"> 88 </select>
99 <option tal:repeat="size sizes" tal:attributes="selected python:thumbSize==size; value size" tal:content="size"/>
100 </select>
101 </li> 89 </li>
102 </ul> 90 </ul>
103 </form> 91 </form>
104 </div> 92 </div>
105 </div> 93 </div>