koha-tmpl/intranet-tmpl/prog/en/modules/labels/spinelabel-print.tt

   1 [% USE raw %]
   2 [% USE Asset %]
   3 [% USE Branches %]
   4 [% PROCESS 'i18n.inc' %]
   5 [% SET footerjs = 1 %]
   6 [% INCLUDE 'doc-head-open.inc' %]
   7 <title>[% FILTER collapse %]
   8     [% t("Spine labels") | html %] &rsaquo;
   9     [% t("Tools") | html %] &rsaquo;
  10     [% t("Koha") | html %]
  11 [% END %]</title>
  12 [% INCLUDE 'doc-head-close.inc' popup => 1 %]
  13 [% Asset.css("css/spinelabel.css") | $raw %]
  14 <style>
  15     @media print {
  16         .noprint { display: none; }
  17     }
  18 </style>
  19 [% IF ( IntranetUserCSS ) %]<style>[% IntranetUserCSS | $raw %]</style>[% END %]
  20 </head>
  21
  22         [% IF ( BarcodeNotFound ) %]
  23                 <body id="labels_spinelabel-print" class="tools labels">
  24             <div class="dialog message">The barcode [% Barcode | html %] was not found.</div>
  25
  26             <nav class="navbar navbar-default navbar-fixed-bottom noprint">
  27                 <div class="container-fluid">
  28                     <fieldset class="action">
  29                         <button class="btn btn-default close-window">Close</button>
  30                     </fieldset>
  31                 </div>
  32             </nav>
  33         [% ELSE %]
  34             <body id="labels_spinelabel-print" class="tools labels">
  35             <div id="spinelabel" class="[% Branches.GetLoggedInBranchcode | html %]" data-loggedinbranch="[% Branches.GetLoggedInBranchcode | html %]" data-homebranch="[% itemhomebranch | html %]" data-holdingbranch="[% itemholdingbranch | html %]">
  36                 [% content | $raw %]
  37             </div>
  38
  39             <nav class="navbar navbar-default navbar-fixed-bottom noprint">
  40                 <div class="container-fluid">
  41                     <fieldset class="action">
  42                         <button class="btn btn-primary print-label"><i class="fa fa-print"></i> Print this label</button>
  43                         <button class="btn btn-default edit-label"><i class="fa fa-lock"></i> Edit this label</button>
  44                     </fieldset>
  45                 </div>
  46             </nav>
  47
  48         [% END %]
  49
  50 [% Asset.js( "lib/jquery/jquery-3.6.0.min.js" ) | $raw %]
  51 [% Asset.js( "lib/jquery/jquery-migrate-3.3.2.min.js" ) | $raw %]
  52 [% IF ( autoprint ) %]
  53     [% INCLUDE 'slip-print.inc' #printThenClose %]
  54 [% END %]
  55 <script>
  56     $(document).ready(function(){
  57         $(".print-label").on("click", function(e){
  58             e.preventDefault();
  59             window.print();
  60             window.close();
  61         });
  62
  63         $(".close-window").on("click", function(e){
  64             e.preventDefault();
  65             window.close();
  66         });
  67         $('.edit-label').click( function() {
  68                 $('#spinelabel').attr('contenteditable', function(index, attr){
  69                     return attr == 'true' ? null : 'true';
  70                 });
  71                 $('.edit-label .fa').toggleClass('fa-lock').toggleClass('fa-unlock');
  72         });
  73     });
  74 </script>
  75
  76 [% INCLUDE 'popup-bottom.inc' %]