Koha/koha-tmpl/intranet-tmpl/prog/en/modules/admin/item_circulation_alerts.tt
Owen Leonard 616eb67d8e
Bug 32068: Consistent classes for primary buttons: Administration
This patch makes changes the button markup in Administration templates
so that all submit buttons and any buttons that should should be styled
as primary buttons have the Bootstrap class "btn btn-primary."

To test, apply the patch and view pages in Administration to confirm
that everything looks correct. In most cases there are no visible
changes.

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
2022-11-02 19:36:41 -03:00

236 lines
8.4 KiB
Text

[% USE raw %]
[% USE Asset %]
[% USE Branches %]
[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Item circulation alerts &rsaquo; Administration &rsaquo; Koha</title>
[% INCLUDE 'doc-head-close.inc' %]
[% FILTER collapse %]
<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-color: #fff !important;
}
table.grid.active tbody td {
width: 10%;
cursor: pointer;
}
table.grid tbody td {
background-color: #cfc !important;
color: #111;
}
table.grid td.disabled {
background-color: #fcc !important;
}
table.grid td.default {
background-color: #f88 !important;
}
</style>
[% END %]
</head>
<body id="admin_item_circulation_alerts" class="admin">
[% WRAPPER 'header.inc' %]
[% INCLUDE 'prefs-admin-search.inc' %]
[% END %]
[% WRAPPER 'sub-header.inc' %]
<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
<ol>
<li>
<a href="/cgi-bin/koha/mainpage.pl">Home</a>
</li>
<li>
<a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a>
</li>
<li>
<a href="#" aria-current="page">
Item circulation alerts
</a>
</li>
</ol>
</nav>
[% END %]
<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" class="btn btn-primary" 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 class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#checkout" aria-controls="checkout" role="tab" data-toggle="tab">Checkout</a></li>
<li role="presentation"><a href="#checkin" aria-controls="checkin" role="tab" data-toggle="tab">Check-in</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" 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> <!-- /.grid.active -->
</div> <!-- /#checkout -->
<div role="tabpanel" class="tab-pane" 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> <!-- /.tab-content -->
</div> <!-- /#alerttabs -->
</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(){
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' %]