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

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