Changeset 536:abd36d4d97b8 in documentViewer for zpt/viewer_thumbs.zpt


Ignore:
Timestamp:
Jul 26, 2012, 7:22:56 PM (12 years ago)
Author:
casties
Branch:
default
Message:

new version of index page. improvements for digilib page and thumbnail overview.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • zpt/viewer_thumbs.zpt

    r528 r536  
    1212<script type="text/javascript" tal:attributes="src string:$rootUrl/template/jquery_js"></script>
    1313<script type="text/javascript">
    14     // <!--
    15     $(document).ready(function() {
    16         // autosubmit forms
    17         $('form.autosubmit').find('.autosubmit').change(function() {
    18             this.form.submit();
    19         });
    20         $('form.autosubmit input[type="submit"]').hide();
    21     });
     14        // <!--
     15        $(document).ready(function() {
     16                // autosubmit forms
     17                $('form.autosubmit').find('.autosubmit').change(function() {
     18                        this.form.submit();
     19                });
     20                $('form.autosubmit input[type="submit"]').hide();
     21        });
    2222// -->
    2323</script>
    … …  
    4242      <div class="col main">
    4343        <div class="ruler">
    44           <metal:block
    45             metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
     44          <metal:block metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
    4645        </div>
    47 
    48         <table class="thumbs">
    49           <tr tal:repeat="row pageBatch/pages">
    50             <td tal:repeat="thumb row"
    51               tal:attributes="class python:here.getStyle(thumb['idx'],pn,'thumb')">
    52               <a tal:define="idx thumb/idx" tal:condition="idx"
     46        <div class="content-thumbs">
     47          <table class="thumbs">
     48            <tr tal:repeat="row pageBatch/pages">
     49              <td tal:repeat="thumb row" tal:attributes="class python:here.getStyle(thumb['idx'],pn,'thumb')"><a
     50                tal:define="idx thumb/idx" tal:condition="idx"
    5351                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');
    5553                                alt idx" /><br />
    56                 <span title="Scan number" tal:content="idx" /> <span
    57                 tal:condition="python:pageNumbers and pageNumbers.get(idx, False) and pageNumbers[idx]['no']"
    58                 title="Original page number"
    59                 tal:content="python:' (%s)'%(pageNumbers[idx]['no'])" />
    60               </a>
    61             </td>
    62           </tr>
    63         </table>
    64 
    65         <div class="ruler">
    66           <metal:block
    67             metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
     54                  <span title="Scan number" tal:content="idx" /> <span
     55                  tal:condition="python:pageNumbers and pageNumbers.get(idx, False) and pageNumbers[idx]['no']"
     56                  title="Original page number" tal:content="python:' (%s)'%(pageNumbers[idx]['no'])" />
     57              </a></td>
     58            </tr>
     59          </table>
     60        </div>
     61        <div class="ruler down">
     62          <metal:block metal:use-macro="here/template/common_template/macros/toc_ruler_thumbs" />
    6863        </div>
    6964
    … …  
    7974            <input type="hidden"
    8075              tal:define="params python:here.getParams(params={'thumbRows':None,'thumbCols':None,'thumbSize':None})"
    81               tal:repeat="param params"
    82               tal:attributes="name param; value python:params[param]" />
     76              tal:repeat="param params" tal:attributes="name param; value python:params[param]" />
    8377            <ul>
    84               <li>
    85                 Rows
    86                 <select class="autosubmit" name="thumbRows" tal:define="rows python:[2,3,5,10,12,15,20,50,100]">
    87                   <option tal:repeat="row rows" tal:attributes="selected python:thumbRows==row; value row" tal:content="row"/>
    88                 </select>
     78              <li>Rows <select class="autosubmit" name="thumbRows" tal:define="rows python:[2,3,5,10,12,15,20,50,100]">
     79                  <option tal:repeat="row rows" tal:attributes="selected python:thumbRows==row; value row" tal:content="row" />
     80              </select>
    8981              </li>
    90               <li>
    91                 Columns
    92                 <select class="autosubmit" name="thumbCols" tal:define="cols python:[2,3,5,10,12,15,20,50,100]">
    93                   <option tal:repeat="col cols" tal:attributes="selected python:thumbCols==col; value col" tal:content="col"/>
    94                 </select>
     82              <li>Columns <select class="autosubmit" name="thumbCols" tal:define="cols python:[2,3,5,10,12,15,20,50,100]">
     83                  <option tal:repeat="col cols" tal:attributes="selected python:thumbCols==col; value col" tal:content="col" />
     84              </select>
    9585              </li>
    96               <li>
    97                 Thumbnail size
    98                 <select class="autosubmit" name="thumbSize" tal:define="sizes python:[100,150,200,300,500]">
    99                   <option tal:repeat="size sizes" tal:attributes="selected python:thumbSize==size; value size" tal:content="size"/>
    100                 </select>
     86              <li>Thumbnail size <select class="autosubmit" name="thumbSize" tal:define="sizes python:[100,150,200,300,500]">
     87                  <option tal:repeat="size sizes" tal:attributes="selected python:thumbSize==size; value size" tal:content="size" />
     88              </select>
    10189              </li>
    10290            </ul>
Note: See TracChangeset for help on using the changeset viewer.