Changeset 501:29c6d09a506c in documentViewer for zpt/viewer_images.zpt


Ignore:
Timestamp:
Feb 15, 2012, 4:57:02 PM (12 years ago)
Author:
casties
Branch:
elementtree
Message:

more cleanup.
viewMode=index works now.
moved common template parts in common_template.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • zpt/viewer_images.zpt

    r500 r501  
    66              numPages docinfo/numPages | nothing; dlBaseUrl docinfo/digilibBaseUrl | nothing;">
    77<head>
    8   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    9   <title tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
     8<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     9  <title
     10    tal:content="python:docinfo.get('creator',' ') + ' - ' + docinfo.get('title',' ')" />
    1011  <link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
    1112  <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" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
    14   <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.geometry.js"></script>
    15   <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.arrows.js"></script>
    16   <script type="text/javascript" tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.marks.js"></script>
    17   <link rel="stylesheet" type="text/css" tal:attributes="href string:$dlBaseUrl/jquery/jquery.digilib.css" />
     13  <script type="text/javascript"
     14    tal:attributes="src string:$dlBaseUrl/jquery/jquery.cookie.js"></script>
     15  <script type="text/javascript"
     16    tal:attributes="src string:$dlBaseUrl/jquery/jquery.digilib.js"></script>
     17  <script type="text/javascript"
     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" />
    1825
    19 <script type="text/javascript"
    20   tal:content="string:
     26  <script type="text/javascript"
     27    tal:content="string:
    2128       var dlOpts = {
    2229            'interactionMode' : 'fullscreen',
    … …  
    2835        };"></script>
    2936
    30 <script type="text/javascript">
    31 // <!--
    32     $(document).ready(function() {
    33         // autosubmit forms
    34         $('form.autosubmit').find('.autosubmit').change(function() {
    35             this.form.submit();
    36         });
    37         $('form.autosubmit input[type="submit"]').hide();
    38         // get digilib div
    39         $digilib = $('div#scaler');
    40         // configure digilib
    41         $digilib.digilib(dlOpts);
    42     });
    43 // -->
    44 </script>
     37  <script type="text/javascript">
     38            // <!--
     39            $(document).ready(function() {
     40                // autosubmit forms
     41                $('form.autosubmit').find('.autosubmit').change(function() {
     42                    this.form.submit();
     43                });
     44                $('form.autosubmit input[type="submit"]').hide();
     45                // get digilib div
     46                $digilib = $('div#scaler');
     47                // configure digilib
     48                $digilib.digilib(dlOpts);
     49            });
     50        // -->
     51        </script>
    4552</head>
    4653<body tal:condition="numPages">
    … …  
    4855    tal:define="docpath docinfo/textURLPath | nothing;
    4956              pn pageinfo/pn;
    50               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);">
     57              flowLtr python:pageinfo.get('pageFlow','ltr')!='rtl';">
    5558    <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" />
    5760    </div>
    5861    <div class="page-body" tal:condition="python:here.isAccessible(docinfo)">
    59       <!--table of contents-->
     62      <!-- table of contents -->
    6063      <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)" />
    6266      </div>
    6367      <!-- col-main: text page -->
    6468      <div class="col-main">
    6569        <div class="ruler">
    66           <form class="autosubmit" tal:attributes="action viewerUrl">
    67             <input type="hidden" tal:define="params python:here.getParams('pn', None)" tal:repeat="param params"
    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 -->
     70          <metal:block metal:use-macro="here/template/common_template/macros/page_ruler" />
     71        </div>
    8472        <ul class="switcher">
    8573          <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>
    8777        </ul>
     78        <!-- /switcher -->
    8879        <div class="content">
    8980          <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" />
    9183          </div>
    92         </div> <!-- content -->
    93       </div> <!-- col-main -->
     84        </div>
     85        <!-- /content -->
     86      </div>
     87      <!-- /col-main -->
    9488      <div class="col-right">
    95           <div class="digilib-buttons">
    96             <div><a href="javascript:$digilib.digilib('zoomBy', 1.4)">zoom in</a></div>
    97             <div><a href="javascript:$digilib.digilib('zoomBy', 0.7)">zoom out</a></div>
    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>
     89        <div class="digilib-buttons">
     90          <div>
     91            <a href="javascript:$digilib.digilib('zoomBy', 1.4)">zoom in</a>
    10592          </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>
    106118      </div>
    107     </div> <!-- page-body -->
     119    </div>
     120    <!-- page-body -->
    108121    <div class="page-body" tal:condition="python:not here.isAccessible(docinfo)">
    109122      <div class="errortext">Sorry, access to this document is restricted.</div>
Note: See TracChangeset for help on using the changeset viewer.