koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/imageviewer.tt

   1 [% INCLUDE 'doc-head-open.inc' %]
   2 <title>Koha &rsaquo; Catalog &rsaquo; Details for [% biblio.title |html %] [% FOREACH subtitl IN subtitle %] [% subtitl.subfield %][% END %]</title>
   3 [% INCLUDE 'doc-head-close.inc' %]
   4 [% IF ( LocalCoverImages == 1 ) %]
   5 <script type="text/JavaScript">
   6 //<![CDATA[
   7
   8 $(document).ready(function(){
   9     showCover([% imagenumber %]);
  10     $(".show_cover").on("click",function(e){
  11         e.preventDefault();
  12         var coverimg = $(this).data("coverimg");
  13         showCover(coverimg);
  14     });
  15 });
  16
  17 function showCover(img) {
  18     $('.thumbnail').attr('class', 'thumbnail');
  19     $('#largeCoverImg').attr('src', '/cgi-bin/koha/catalogue/image.pl?imagenumber=' + img);
  20     $('#' + img + '.thumbnail').attr('class', 'thumbnail selected');
  21 }
  22 //]]>
  23 </script>
  24 <style type="text/css">
  25 #largeCoverImg {
  26     border : 1px solid #CCCCCC;
  27     display : block;
  28     margin : auto;
  29     padding : 1em;
  30 }
  31 #thumbnails {
  32     text-align : center;
  33 }
  34 #thumbnails a img {
  35     border : 1px solid #0000CC;
  36 }
  37 img.thumbnail {
  38     display : block;
  39     float : none;
  40     margin: 0 5px 5px 0;
  41     padding : .5em;
  42 }
  43
  44 #thumbnails a img.selected {
  45     border-color: black;
  46     cursor : default;
  47     opacity:0.4;
  48     filter:alpha(opacity=40); /* For IE8 and earlier */
  49 }
  50 </style>[% END %]
  51 </head>
  52
  53 <body id="catalog_imageviewer" class="catalog">
  54
  55 [% INCLUDE 'header.inc' %]
  56 [% INCLUDE 'cat-search.inc' %]
  57
  58 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/catalogue/search.pl">Catalog</a>  &rsaquo; Images for <i>[% biblio.title |html %]  [% FOREACH subtitl IN subtitle %] [% subtitl.subfield %][% END %]</i></div>
  59
  60 <div id="doc3" class="yui-t1">
  61
  62 <div id="bd">
  63     <div id="yui-main">
  64     <div class="yui-b">
  65     <div class="yui-ge">
  66
  67 [% INCLUDE 'cat-toolbar.inc' %]
  68
  69 <h3>Images for <i>[% biblio.title |html %]</i></h3>
  70 <h4>[% biblio.author %]</h4>
  71
  72 [% IF ( LocalCoverImages == 1 ) %]
  73     [% IF ( images.size > 0 ) %]
  74         <div class="yui-u first">
  75         <div id="largeCover">
  76             <img id="largeCoverImg" alt="" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% imagenumber %]" />
  77         </div></div>
  78
  79         <div class="yui-u"><div id="thumbnails">
  80
  81             [% FOREACH img IN images %]
  82                 [% IF img %]
  83                 <a class="show_cover" data-coverimg="[% img %]" href="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber %]&amp;imagenumber=[% img %]">
  84                     [% IF ( imagenumber == img ) %]
  85                         <img class="thumbnail selected" id="[% img %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img %]&amp;thumbnail=1" alt="Thumbnail" />
  86                     [% ELSE %]
  87                         <img class="thumbnail" id="[% img %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img %]&amp;thumbnail=1" alt="Thumbnail" />
  88                     [% END %]
  89                 </a>
  90                 [% END %]
  91             [% END %]
  92         </div></div>
  93
  94     [% ELSE %]
  95         <div class="dialog message">There are no images for this record.</div>
  96     [% END %]
  97 [% ELSE %]
  98     <div class="dialog message">Local images have not been enabled by your system administrator.</div>
  99 [% END %]
 100
 101 </div>
 102 </div>
 103 </div>
 104 <div class="yui-b">
 105 [% INCLUDE 'biblio-view-menu.inc' %]
 106 </div>
 107 </div>
 108 [% INCLUDE 'intranet-bottom.inc' %]