Owen Leonard
783f344a55
This patch adds a new class to toolbars in certain contexts: Where the
toolbar contains only text links (as opposed to Bootstrap-styled
controls). This lets us set some comfortable padding on the links.
To test, apply the patch and rebuild the staff interface CSS.
Test the following pages to confirm that the toolbar of selection links
("Select all," "Clear all," etc.) has legible spacing.
- Cataloging -> Batch item modification -> List of submitted barcodes
- Cataloging -> Batch item deletion -> List of submitted barcodes
- Cataloging -> Batch record modification -> List of submitted records
- Cataloging -> Batch record deletion -> List of submitted records
- Circulation -> Checkout notes
- Tools -> Batch extend due dates -> Preview results
- Tools -> Batch patron modification -> List of submitted patrons
- Tools -> OPAC problem reports
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>
225 lines
10 KiB
Text
225 lines
10 KiB
Text
[% USE raw %]
|
|
[% USE Asset %]
|
|
[% USE Koha %]
|
|
[% USE KohaDates %]
|
|
[% USE Branches %]
|
|
[% SET footerjs = 1 %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Checkout notes › Circulation › Koha</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
</head>
|
|
|
|
<body id="circ_checkout-notes" class="circ">
|
|
|
|
[% WRAPPER 'header.inc' %]
|
|
[% INCLUDE 'circ-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/circ/circulation-home.pl">Circulation</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-current="page">
|
|
Checkout notes
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
[% END %]
|
|
|
|
<div class="main container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<main>
|
|
<div class="row">
|
|
|
|
[% IF Koha.Preference('CircSidebar') %]
|
|
<div class="col-sm-10 col-sm-push-2">
|
|
[% ELSE %]
|
|
<div class="col-md-12 col-lg-10 col-lg-offset-1">
|
|
[% END %]
|
|
|
|
<h1>Checkout notes</h1>
|
|
|
|
<div class="dialog alert" id="error" style="display:none;"></div>
|
|
|
|
[% IF ( selected_count ) %]
|
|
<div class="dialog message">
|
|
[% IF ( action == 'seen' ) %]
|
|
<span>[% selected_count | html %] note(s) marked as seen.</span>
|
|
[% ELSIF ( action == 'notseen' ) %]
|
|
<span>[% selected_count | html %] note(s) marked as not seen.</span>
|
|
[% ELSE %]
|
|
<span>Failed to change the status of [% selected_count | html %] item(s).</span>
|
|
[% END %]
|
|
</div>
|
|
[% END %]
|
|
|
|
[% IF ( notes.count ) %]
|
|
<form id="mark_selected" method="post" action="/cgi-bin/koha/circ/checkout-notes.pl">
|
|
<div id="toolbar" class="btn-toolbar">
|
|
<button type="submit" class="btn btn-default markseen" name="mark_selected-seen" value="seen" disabled="disabled"><i class="fa fa-eye"></i> Mark seen</button>
|
|
<button type="submit" class="btn btn-default markseen" name="mark_selected-notseen" value="notseen" disabled="disabled"><i class="fa fa-eye-slash"></i> Mark not seen</button>
|
|
</div>
|
|
|
|
<div class="btn-toolbar selections-toolbar">
|
|
<a class="SelectAll"><i class="fa fa-check"></i> Select all</a>
|
|
| <a class="ClearAll"><i class="fa fa-remove"></i> Clear all</a>
|
|
| <a class="HideSeen"><i class="fa fa-minus-square"></i> Hide seen</a>
|
|
| <a class="ShowAll"><i class="fa fa-bars"></i> Show all</a>
|
|
</div>
|
|
|
|
<table id="notestable">
|
|
<thead>
|
|
<tr>
|
|
<th class="NoSort"> </th>
|
|
<th class="anti-the">Title</th>
|
|
<th>Note</th>
|
|
<th>Date</th>
|
|
<th>Set by</th>
|
|
<th>Status</th>
|
|
<th class="NoSort noExport">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH note IN notes %]
|
|
<tr>
|
|
<td><input type="checkbox" name="issue_ids" value="[% note.issue_id | html %]"></td>
|
|
<td>[% note.item.biblio.title | html %] - [% note.item.biblio.author | html %] (<a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% note.item.biblionumber | uri %]">[% note.item.barcode | html %]</a>)</td>
|
|
<td>[% note.note | html %]</td>
|
|
<td data-order="[% note.notedate | html %]">[% note.notedate | $KohaDates %]</td>
|
|
<td>[% INCLUDE 'patron-title.inc' patron => note.patron hide_patron_infos_if_needed=1 %]</td>
|
|
<td class="seen[% note.noteseen | html %]">
|
|
[% IF ( note.noteseen == 0 ) %]
|
|
<span id="status_[% note.issue_id | html %]">Not seen</span>
|
|
[% ELSIF ( note.noteseen == 1 ) %]
|
|
<span id="status_[% note.issue_id | html %]">Seen</span>
|
|
[% END %]
|
|
</td>
|
|
<td class="actions">
|
|
[% IF ( note.noteseen == 1 ) %]
|
|
<button name="seen" data-issue_id="[% note.issue_id | html %]" class="seen btn btn-default btn-xs" disabled="disabled"><i class="fa fa-eye"></i> Mark seen</button> <button name="notseen" data-issue_id="[% note.issue_id | html %]" class="notseen btn btn-default btn-xs"><i class="fa fa-eye-slash"></i> Mark not seen</button>
|
|
[% ELSIF ( note.noteseen == 0 ) %]
|
|
<button name="seen" data-issue_id="[% note.issue_id | html %]" class="seen btn btn-default btn-xs"><i class="fa fa-eye"></i> Mark seen</button> <button name="notseen" data-issue_id="[% note.issue_id | html %]" class="notseen btn btn-default btn-xs" disabled="disabled"><i class="fa fa-eye-slash"></i> Mark not seen</button>
|
|
[% END %]
|
|
</td>
|
|
</tr>
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
|
|
</form>
|
|
|
|
[% ELSE %]
|
|
<div class="dialog message">There are currently no checkout notes.</div>
|
|
[% END %] <!-- notes -->
|
|
|
|
[% IF Koha.Preference('CircSidebar') %]
|
|
</div> <!-- /.col-sm-10.col-sm-push-2 -->
|
|
<div class="col-sm-2 col-sm-pull-10">
|
|
<aside>
|
|
[% INCLUDE 'circ-nav.inc' %]
|
|
</aside>
|
|
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
|
|
[% ELSE %]
|
|
</div> <!-- .col-md-12.col-lg-10.col-lg-offset-1 -->
|
|
[% END %]
|
|
|
|
</div> <!-- /.row -->
|
|
</main>
|
|
</div> <!-- /.col-sm-12 -->
|
|
</div> <!-- /.row -->
|
|
|
|
[% MACRO jsinclude BLOCK %]
|
|
[% INCLUDE 'calendar.inc' %]
|
|
[% INCLUDE 'datatables.inc' %]
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("#notestable").dataTable($.extend(true, {}, dataTablesDefaults, {
|
|
"order": [[ 1, "asc" ]],
|
|
"aoColumnDefs": [
|
|
{ "orderable": false, "searchable": false, 'targets': [ 'NoSort' ] },
|
|
{ "type": "anti-the", "targets": [ "anti-the" ] }
|
|
],
|
|
"pagingType": "full"
|
|
}));
|
|
|
|
$(".SelectAll").on("click", function(){
|
|
$("input[name='issue_ids'][type='checkbox']").prop("checked", true);
|
|
$(".markseen").prop("disabled", false);
|
|
});
|
|
|
|
$(".ClearAll").on("click", function(){
|
|
$("input[name='issue_ids'][type='checkbox']").prop("checked", false);
|
|
$(".markseen").prop("disabled", true);
|
|
});
|
|
|
|
$(".HideSeen").on("click", function(){
|
|
$(".seen1").parent().hide();
|
|
});
|
|
|
|
$(".ShowAll").on("click", function(){
|
|
$("tr").show();
|
|
});
|
|
|
|
$("#error").hide();
|
|
|
|
$("#notestable").on("change", "input[type='checkbox']", function(){
|
|
if ( $("input[type='checkbox']").is(":checked") ) {
|
|
$(".markseen").prop("disabled", false);
|
|
} else {
|
|
$(".markseen").prop("disabled", true);
|
|
}
|
|
});
|
|
|
|
$("#notestable").on("click", "button.seen, button.notseen", function(event){
|
|
event.preventDefault(); // prevent form submission
|
|
var $action = $(this).attr("name");
|
|
var $issue_id = $(this).data('issue_id');
|
|
var ajaxData = {
|
|
'action': $action,
|
|
'issue_id': $issue_id,
|
|
};
|
|
|
|
$.ajax({
|
|
url: '/cgi-bin/koha/svc/checkout_notes/',
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: ajaxData,
|
|
})
|
|
|
|
.done(function(data){
|
|
if (data.status == 'success'){
|
|
if ( $action == 'notseen' ){
|
|
$("#status_" + $issue_id).text(_("Not seen"));
|
|
$(event.target).parent().siblings(".seen1").removeClass("seen1").addClass("seen0");
|
|
$(event.target).siblings(".seen").prop("disabled", false);
|
|
$(event.target).prop("disabled", true);
|
|
} else {
|
|
$("#status_" + $issue_id).text(_("Seen"));
|
|
$(event.target).parent().siblings(".seen0").removeClass("seen0").addClass("seen1");
|
|
$(event.target).siblings(".notseen").prop("disabled", false);
|
|
$(event.target).prop("disabled", true);
|
|
}
|
|
} else {
|
|
$("#error").text(_("Unable to change status of note."));
|
|
$("#error").show();
|
|
}
|
|
})
|
|
.error(function(data){
|
|
$("#error").text(_("Unable to change status of note."));
|
|
$("#error").show();
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
[% END %]
|
|
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|