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

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