Koha/koha-tmpl/intranet-tmpl/prog/en/modules/admin/item_circulation_alerts.tt
Owen Leonard 9a9557a1b9 Bug 21672: Switch templates to Bootstrap grid: Various
This patch modifies various templates to add or improve coverage of the
Bootstrap grid.

To test, apply the patch and view the following pages, confirming that
they look correct at various browser widths:

 - Administration -> Item circulation alerts
 - Authorities -> Authorities search -> Merge records
 - Catalog -> Bibliographic details -> Rota (StockRotation must be
   enabled)
 - Tools -> News: Main and add/edit view

Signed-off-by: Claire Gravely <claire.gravely@bsz-bw.de>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
2019-01-25 17:41:37 +00:00

211 lines
5.7 KiB
Text

[% USE raw %]
[% USE Asset %]
[% USE Branches %]
[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Koha &rsaquo; Administration &rsaquo; Item circulation alerts</title>
[% INCLUDE 'doc-head-close.inc' %]
<style>
table.grid thead th {
vertical-align: bottom;
}
table.grid tbody th {
text-align: right;
}
table.grid tbody td {
font-size: xx-small;
}
table.grid tbody td.info {
background: #fff;
}
table.grid.active tbody td {
width: 10%;
cursor: pointer;
}
table.grid tbody td {
background: #cfc;
color: #111;
}
table.grid td.disabled {
background: #fcc;
}
table.grid td.default {
background: #f88;
}
</style>
</head>
<body id="admin_item_circulation_alerts" class="admin">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'prefs-admin-search.inc' %]
<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>
<div class="main container-fluid">
<div class="row">
<div class="col-sm-10 col-sm-push-2">
<main>
<div class="row">
<div class="col-sm-6">
<h1>Item circulation alerts</h1>
<h2>Select a library:</h2>
<form id="branch_selector" method="get" action="/cgi-bin/koha/admin/item_circulation_alerts.pl">
<select id="branch" name="branch">
<option value="*">Default</option>
[% PROCESS options_for_libraries libraries => Branches.all( selected => branch, unfiltered => 1 ) %]
</select>
<input type="submit" name="pick" value="Pick" />
</form>
</div>
<div class="col-sm-6">
<table class="grid">
<caption>Legend</caption>
<thead>
<tr>
<th>Color</th>
<th>Meaning</th>
</tr>
</thead>
<tbody>
<tr>
<td width="100" class="default">&nbsp;</td>
<td class="info">These are disabled for ALL libraries. To change these settings, choose the "Default" library.</td>
</tr>
<tr>
<td class="disabled">&nbsp;</td>
<td class="info">These are disabled for the current library.</td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="info">These are enabled.</td>
</tr>
</tbody>
</table>
</div> <!-- /.col-sm-6 -->
</div> <!-- /.row -->
<h2>Circulation alerts for [% Branches.GetName( branch ) || 'Default' | html %]</h2>
<p>Click on the grid to toggle the settings.</p>
<div id="alerttabs" class="toptabs">
<ul>
<li><a href="#checkout">Checkout</a></li>
<li><a href="#checkin">Check-in</a></li>
</ul>
<div id="checkout">
<h3>Checkout</h3>
<table class="grid active" width="100%">
<thead>
<tr>
<th>&nbsp;</th>
[% FOREACH item_type IN item_types %]
<th>[% item_type.description | html %]</th>
[% END %]
</tr>
</thead>
<tbody>
[% FOREACH grid_checkou IN grid_checkout %]
<tr>
<th>[% grid_checkou.description | html %]</th>
[% FOREACH item IN grid_checkou.items %]
<td class="[% item.class | html %]" id="[% item.id | html %]">[% item.text | html %]</td>
[% END %]
</tr>
[% END %]
</tbody>
</table>
</div>
<div id="checkin">
<h3>Check-in</h3>
<table class="grid active" width="100%">
<thead>
<tr>
<th>&nbsp;</th>
[% FOREACH item_type IN item_types %]
<th>[% item_type.description | html %]</th>
[% END %]
</tr>
</thead>
<tbody>
[% FOREACH grid_checki IN grid_checkin %]
<tr>
<th>[% grid_checki.description | html %]</th>
[% FOREACH item IN grid_checki.items %]
<td class="[% item.class | html %]" id="[% item.id | html %]">[% item.text | html %]</td>
[% END %]
</tr>
[% END %]
</tbody>
</table>
</div>
</div>
</main>
</div> <!-- /.col-sm-10.col-sm-push-2 -->
<div class="col-sm-2 col-sm-pull-10">
<aside>
[% INCLUDE 'admin-menu.inc' %]
</aside>
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
</div> <!-- /.row -->
[% MACRO jsinclude BLOCK %]
[% Asset.js("js/admin-menu.js") | $raw %]
<script>
var $branch = "[% branch | html %]";
$(function(){
$('#alerttabs').tabs();
var blocked = _("Blocked!");
var saving = _("Saving...");
var disabledForAll = _("Disabled for all");
var disabledForCurrent = _("Disabled for %s").format($branch);
$('#branch_selector input:submit').hide();
$('#branch').change(function(){
$('#branch_selector').submit();
});
$('table.grid.active tbody td').click(function(ev){
var id = this.id;
var td = $(this);
if (td.hasClass('default') && $branch != '*') {
td.html(blocked);
window.setTimeout(
function(){ td.html(disabledForAll) },
3000
);
} else {
td.html(saving);
$.ajax({
url : '/cgi-bin/koha/admin/item_circulation_alerts.pl',
type : 'POST',
dataType : 'json',
data : { action: 'toggle', id: id, branch: $branch },
success : function(response){
if ($branch == '*' && response.classes.match(/default/)) {
td.html(disabledForAll);
} else if (response.classes.match(/disabled/)) {
td.html(disabledForCurrent);
} else {
td.html(' ');
}
td.attr('class', response.classes);
}
});
}
});
});
</script>
[% END %]
[% INCLUDE 'intranet-bottom.inc' %]