view zpt/toc_thumbs.zpt @ 528:f8a5f63eafc0

new viewMode=thumbs.
author casties
date Fri, 13 Apr 2012 16:55:16 +0200
parents 3f375a048402
children 0b8bed1223ad
line wrap: on
line source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
  <!-- block used for main content area -->
  <div class="toc-thumbs" metal:define-macro="main"
    tal:define="start pageinfo/start;
                grpsize pageinfo/groupsize;
                numgroups pageinfo/numgroups;
                pageBatch pageinfo/pageBatch; pageZero pageinfo/pageZero;
                pageNumbers docinfo/pageNumbers | nothing;
                left python:test(flowLtr,pageBatch['prevStart'],pageBatch['nextStart']);
                right python:test(flowLtr,pageBatch['nextStart'],pageBatch['prevStart']);">
    <div metal:use-macro="here/template/common_template/macros/toc_switcher"/>

    <div class="content">
      <div class="ruler">
        <metal:block metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs"/>
      </div>

      <table class="thumbs">
        <tr tal:repeat="row pageBatch/pages">
          <td tal:repeat="thumb row"
            tal:attributes="class python:here.getStyle(thumb['idx'],pn,'thumb')">
            <a tal:define="idx thumb/idx" tal:condition="idx"
              tal:attributes="href python:here.getLink('pn',idx)">
              <img
                tal:attributes="src python:test(docinfo['imageURL'],here.getScalerUrl(pn=idx,dw=100,dh=100,docinfo=docinfo),'images/pic');
                                alt idx" /><br/>
              <span title="Scan number" tal:content="idx"/>
              <span tal:condition="python:pageNumbers and pageNumbers.get(idx, False) and pageNumbers[idx]['no']" title="Original page number" tal:content="python:' (%s)'%(pageNumbers[idx]['no'])"/>
            </a>
          </td>
        </tr>
      </table>
    </div> <!-- content -->
  </div> <!-- toc -->
</body>
</html>