diff zpt/viewer_index.zpt @ 536:abd36d4d97b8

new version of index page. improvements for digilib page and thumbnail overview.
author casties
date Thu, 26 Jul 2012 21:22:56 +0200
parents 510bae2b593b
children ad6f97fd3944
line wrap: on
line diff
--- a/zpt/viewer_index.zpt	Thu Jul 26 19:32:31 2012 +0200
+++ b/zpt/viewer_index.zpt	Thu Jul 26 21:22:56 2012 +0200
@@ -12,17 +12,22 @@
 <link rel="stylesheet" href="template/docuviewer_css" type="text/css" />
 </head>
 <body tal:condition="numPages">
-  <h1>Document information</h1>
+  <!-- header -->
+  <div class="page-head">
+    <metal:block metal:use-macro="here/template/common_template/macros/head" />
+  </div>
+  
+  <!-- main -->
+  <div class="page-body">
 
-  <div class="index-image">
+  <div class="col index-image">
     <!-- image -->
-    <a tal:define="tp docinfo/titlePage | nothing"
-      tal:attributes="href python:context.getLink(params={'viewMode':'auto','pn':tp})"><img
-      tal:condition="tp" border="0"
-      tal:attributes="src string:${docinfo/imageURL}&pn=$tp&dw=300&dh=500" /><img
+    <a tal:define="tp docinfo/titlePage | nothing" tal:attributes="href python:context.getLink(params={'viewMode':'auto','pn':tp})"><img
+      tal:condition="tp" border="0" tal:attributes="src string:${docinfo/imageURL}&pn=$tp&dw=300&dh=500" /><img
       tal:condition="python:not tp and exists('here/template/book.png')" border="0" src="template/book.png" /></a>
   </div>
 
+  <div class="col">
   <div class="index-info">
     <table border="0"
       tal:define="formattedData python:here.metadata.getBibFormattedMetaDataExtended(bibdata=docinfo.get('bib', None))">
@@ -69,33 +74,28 @@
     </table>
   </div>
 
-  <div>
-    <div>
-      <a class="openbutton"
-        tal:attributes="href python:context.getLink('viewMode','auto')">Access Book</a>
+  <div class="index-actions">
+    <div class="action">
+      <a class="openbutton" tal:attributes="href python:context.getLink('viewMode','auto')">&#8594;Access Book</a>
     </div>
-    <div tal:condition="docpath">
+    <div class="action" tal:condition="docpath">
       Download as <a
         tal:attributes="href python:'http://mpdl-system.mpiwg-berlin.mpg.de/mpdl/getDoc?doc=%s'%(docpath.replace('.xml','.html'))"
-        target="_blank">html</a> / <a
-        tal:attributes="href python:'http://mpdl-system.mpiwg-berlin.mpg.de/mpdl/getDoc?doc=%s'%(docpath)"
-        target="_blank">xml</a>
+        target="_blank">&#8594;HTML</a> or <a
+        tal:attributes="href python:'http://mpdl-system.mpiwg-berlin.mpg.de/mpdl/getDoc?doc=%s'%(docpath)" target="_blank">&#8594;XML</a>
     </div>
-    <div>
+    <div class="action">
       <!--BEGIN search -->
       <form tal:condition="docpath" tal:attributes="action python:here.getLink()">
-        <input type="hidden" tal:define="params python:here.getParams('viewMode', None)"
-          tal:repeat="param params"
-          tal:attributes="name param; value python:params[param]" /> <input
-          class="textMain" name="query" onfocus="this.select();" type="text"
-          tal:attributes="value query" /> <input type="submit" class="buttonMain"
-          value="Search in Book" />
+        <input type="hidden" tal:define="params python:here.getParams('viewMode', None)" tal:repeat="param params"
+          tal:attributes="name param; value python:params[param]" /> <input class="textMain" name="query" onfocus="this.select();"
+          type="text" tal:attributes="value query" /> <input type="submit" class="buttonMain" value="Search in Book" />
       </form>
       <!-- END search-->
     </div>
   </div>
-  <!-- DEBUG -->
-  <!-- <p tal:content="python:repr(docinfo)" /> -->
+  </div>
+  </div>
 </body>
 <body tal:condition="not:numPages">
   <div class="errortext">Sorry, document doesn't exist.</div>