koha-tmpl/intranet-tmpl/prog/en/modules/admin/item_circulation_alerts.tt

   1 [% USE Branches %]
   2 [% SET footerjs = 1 %]
   3 [% INCLUDE 'doc-head-open.inc' %]
   4 <title>Koha &rsaquo; Administration &rsaquo; Item circulation alerts</title>
   5 [% INCLUDE 'doc-head-close.inc' %]
   6 <style type="text/css">
   7 table.grid thead th {
   8   vertical-align: bottom;
   9 }
  10
  11 table.grid tbody th {
  12   text-align: right;
  13 }
  14
  15 table.grid tbody td {
  16   font-size: xx-small;
  17 }
  18
  19 table.grid tbody td.info {
  20   background: #fff;
  21 }
  22
  23 table.grid.active tbody td {
  24   width: 10%;
  25   cursor: pointer;
  26 }
  27
  28 table.grid tbody td {
  29   background: #cfc;
  30   color: #111;
  31 }
  32
  33 table.grid td.disabled {
  34   background: #fcc;
  35 }
  36
  37 table.grid td.default {
  38   background: #f88;
  39 }
  40 </style>
  41 </head>
  42
  43 <body id="admin_item_circulation_alerts" class="admin">
  44 [% INCLUDE 'header.inc' %]
  45 [% INCLUDE 'prefs-admin-search.inc' %]
  46 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> &rsaquo; Item circulation alerts </div>
  47
  48 <div id="doc3" class="yui-t1">
  49
  50 <div id="bd">
  51
  52 <div id="yui-main" class="circulation-alert">
  53 <div class="yui-b">
  54
  55 <div class="yui-g">
  56 <div class="yui-u first">
  57 <h1>Item circulation alerts</h1>
  58 <h2>Select a library:</h2>
  59 <form id="branch_selector" method="get" action="/cgi-bin/koha/admin/item_circulation_alerts.pl">
  60 <select id="branch" name="branch">
  61     <option value="*">Default</option>
  62     [% PROCESS options_for_libraries libraries => Branches.all( selected => branch, unfiltered => 1 ) %]
  63 </select>
  64 <input type="submit" name="pick" value="Pick" />
  65 </form>
  66 </div>
  67 <div class="yui-u">
  68 <table class="grid">
  69 <caption>Legend</caption>
  70 <thead>
  71 <tr>
  72   <th>Color</th>
  73   <th>Meaning</th>
  74 </tr>
  75 </thead>
  76 <tbody>
  77   <tr>
  78     <td width="100" class="default">&nbsp;</td>
  79     <td class="info">These are disabled for ALL libraries.  To change these settings, choose the "Default" library.</td>
  80   </tr>
  81   <tr>
  82     <td class="disabled">&nbsp;</td>
  83     <td class="info">These are disabled for the current library.</td>
  84   </tr>
  85   <tr>
  86     <td>&nbsp;</td>
  87     <td class="info">These are enabled.</td>
  88   </tr>
  89 </tbody>
  90 </table>
  91 </div>
  92 </div>
  93
  94 <h2>Circulation alerts for [% Branches.GetName( branch ) || 'Default' %]</h2>
  95 <p>Click on the grid to toggle the settings.</p>
  96
  97 <div id="alerttabs" class="toptabs">
  98 <ul>
  99 <li><a href="#checkout">Checkout</a></li>
 100 <li><a href="#checkin">Check-in</a></li>
 101 </ul>
 102
 103 <div id="checkout">
 104 <h3>Checkout</h3>
 105 <table class="grid active" width="100%">
 106 <thead>
 107 <tr>
 108   <th>&nbsp;</th>
 109   [% FOREACH item_type IN item_types %]
 110   <th>[% item_type.description %]</th>
 111   [% END %]
 112 </tr>
 113 </thead>
 114 <tbody>
 115 [% FOREACH grid_checkou IN grid_checkout %]
 116 <tr>
 117   <th>[% grid_checkou.description %]</th>
 118   [% FOREACH item IN grid_checkou.items %]
 119   <td class="[% item.class %]" id="[% item.id %]">[% item.text %]</td>
 120   [% END %]
 121 </tr>
 122 [% END %]
 123 </tbody>
 124 </table>
 125 </div>
 126
 127 <div id="checkin">
 128 <h3>Check-in</h3>
 129 <table class="grid active" width="100%">
 130 <thead>
 131 <tr>
 132   <th>&nbsp;</th>
 133   [% FOREACH item_type IN item_types %]
 134   <th>[% item_type.description %]</th>
 135   [% END %]
 136 </tr>
 137 </thead>
 138 <tbody>
 139 [% FOREACH grid_checki IN grid_checkin %]
 140 <tr>
 141   <th>[% grid_checki.description %]</th>
 142   [% FOREACH item IN grid_checki.items %]
 143   <td class="[% item.class %]" id="[% item.id %]">[% item.text %]</td>
 144   [% END %]
 145 </tr>
 146 [% END %]
 147 </tbody>
 148 </table>
 149 </div>
 150 </div>
 151
 152 </div>
 153 </div>
 154
 155 <div class="yui-b">
 156 [% INCLUDE 'admin-menu.inc' %]
 157 </div>
 158 </div>
 159
 160 [% MACRO jsinclude BLOCK %]
 161     <script type="text/javascript" src="[% interface %]/[% theme %]/js/admin-menu_[% KOHA_VERSION %].js"></script>
 162     <script type="text/javascript">
 163         var $branch = "[% branch %]";
 164         $(function(){
 165             $('#alerttabs').tabs();
 166
 167             var blocked            = _("Blocked!");
 168             var saving             = _("Saving...");
 169             var disabledForAll     = _("Disabled for all");
 170             var disabledForCurrent = _("Disabled for %s").format($branch);
 171
 172             $('#branch_selector input:submit').hide();
 173             $('#branch').change(function(){
 174                 $('#branch_selector').submit();
 175             });
 176
 177             $('table.grid.active tbody td').click(function(ev){
 178                 var id = this.id;
 179                 var td = $(this);
 180                 if (td.hasClass('default') && $branch != '*') {
 181                     td.html(blocked);
 182                     window.setTimeout(
 183                       function(){ td.html(disabledForAll) },
 184                       3000
 185                     );
 186                 } else {
 187                     td.html(saving);
 188                     $.ajax({
 189                         url      : '/cgi-bin/koha/admin/item_circulation_alerts.pl',
 190                         type     : 'POST',
 191                         dataType : 'json',
 192                         data     : { action: 'toggle', id: id, branch: $branch },
 193                         success  : function(response){
 194                             if ($branch == '*' && response.classes.match(/default/)) {
 195                                 td.html(disabledForAll);
 196                             } else if (response.classes.match(/disabled/)) {
 197                                 td.html(disabledForCurrent);
 198                             } else {
 199                                 td.html(' ');
 200                             }
 201                             td.attr('class', response.classes);
 202                         }
 203                     });
 204                 }
 205             });
 206
 207         });
 208     </script>
 209 [% END %]
 210 [% INCLUDE 'intranet-bottom.inc' %]