Koha/koha-tmpl/intranet-tmpl/prog/en/modules/circ/offline.tt
Owen Leonard b2eb614bd4
Bug 30952: (follow-up) Undo change to Home breadcrumb
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
2022-10-12 16:00:45 -03:00

794 lines
39 KiB
Text

[% USE raw %]
[% USE Asset %]
[% USE Branches %]
[% SET footerjs = 1 %]
<!DOCTYPE html>
[% IF (AllowOfflineCirculation) %]
[% SET manifestattr = 'manifest="/cgi-bin/koha/circ/offline-mf.pl"' %]
[% END %]
[% IF ( bidi && AllowOfflineCirculation ) %]<html lang="[% lang | html %]" dir="[% bidi | html %]" manifest="/cgi-bin/koha/circ/offline-mf.pl">
[% ELSIF ( bidi ) %]<html lang="[% lang | html %]" dir="[% bidi | html %]">
[% ELSIF ( AllowOfflineCirculation ) %]<html lang="[% lang | html %]" manifest="/cgi-bin/koha/circ/offline-mf.pl">
[% ELSE %]<html lang="[% lang | html %]">[% END %]
<head>
<title>Circulation &rsaquo; Koha</title>
[% INCLUDE 'doc-head-close.inc' %]
</head>
<body id="circ_offline" class="circ">
[% WRAPPER 'header.inc' %]
[% INCLUDE 'circ-search.inc' %]
[% END %]
<div class="loading-overlay" style="display: none;">
<div>Downloading records, please wait...</div>
</div>
[% 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 id="go-to-home" href="#offline-home" aria-current="page">Offline circulation</a>
</li>
</ol>
</nav>
[% END %]
<div class="main container-fluid">
<div class="row">
<div class="col-sm-10 col-sm-push-2">
<main>
<h1>Offline circulation</h1>
<audio id="alert_sound" src="[% interface | html %]/prog/sound/critical.ogg" preload="auto"></audio>
<audio id="success_sound" src="[% interface | html %]/prog/sound/beep.ogg" preload="auto"></audio>
<div id="alerts"></div>
[% UNLESS (AllowOfflineCirculation) %]
<div id="noofflinecircwarning" class="dialog alert">
<p><strong>Warning:</strong> Offline circulation has been disabled. You may continue and record transactions, but patron and item information will not be available.</p>
</div>
[% END %]
<div id="offline-home" class="offline-home">
<div class="row">
<div class="col-sm-6">
<ul>
<li><a id="go-to-circ" href="#offline-circulation">Check out</a></li>
<li><a id="go-to-returns" href="#offline-returns">Check in</a></li>
</ul>
</div>
<div class="col-sm-6">
<p><strong>Note:</strong> You must be online to use these options.</p>
<ul>
<li><a id="go-to-sync" href="#offline-sync">Synchronize</a></li>
<li><a id="go-to-pending" href="/cgi-bin/koha/offline_circ/list.pl">Pending offline circulation actions</a>
</ul>
</div>
</div>
</div>
<div id="offline-sync" style="display: none;" class="offline-sync">
<div id="toolbar" class="btn-toolbar">
[% IF (AllowOfflineCirculation) %]
<a href="#" id="download-records" class="btn btn-default"><i class="fa fa-arrow-down"></i> Download records</a>
[% END %]
<a href="#" id="upload-transactions" class="btn btn-default"><i class="fa fa-arrow-up"></i> Upload transactions</a>
</div>
<h1>Offline circulation</h1>
<div class="row">
<div class="col-sm-6">
<div id="download-message">
In order for offline circulation to work on this computer,
your library's records must be up-to-date on this computer:
<ul>
<li>Patron records were last synced on: <span id="patron-timestamp">(checking)</span></li>
<li>Item records were last synced on: <span id="item-timestamp">(checking)</span></li>
<li>Circulation records were last synced on: <span id="issue-timestamp">(checking)</span></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div id="upload-message">
</div>
<div>View <a href="/cgi-bin/koha/offline_circ/list.pl">pending offline circulation actions</a></div>
</div>
</div>
</div>
<div id="offline-returns" style="display: none;" class="offline-returns">
<div class="row">
<form id="checkin-form" method="post" action="/cgi-bin/koha/circ/returns.pl" autocomplete="off" >
<div class="col-sm-6">
<fieldset>
<legend>Check in</legend>
<label for="checkin-barcode">Enter item barcode: </label>
<input name="barcode" id="checkin-barcode" size="14" class="focus" type="text" />
<input type="submit" class="submit" value="Submit" />
</fieldset>
</div>
</form>
</div>
<div id="session-returned" style="display: none;">
<h2>Checked-in items</h2>
<table id="already-checked-in">
<thead>
<tr><th>Title</th><th>Author</th><th>Barcode</th><th>Home library</th><th>Holding library</th><th>Shelving location</th><th>Call number</th><th>Type</th></tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div style="display: none;" class="offline-circulation-instructions">
Scan a patron barcode to start.
</div>
<div id="offline-circulation" style="display: none;" class="offline-circulation">
<form method="post" action="/cgi-bin/koha/circ/offline.pl" id="mainform" name="mainform" autocomplete="off">
<fieldset id="circ_circulation_issue">
<span id="clearscreen"><a href="/cgi-bin/koha/circ/offline.pl" title="Clear screen">x</a></span>
<label for="checkout-barcode">Checking out to <span class="patron-title"></span></label>
<div class="hint">Enter item barcode:</div>
<input type="text" name="barcode" id="checkout-barcode" class="barcode focus" size="14" />
<input type="submit" value="Check out" />
<div class="date-select">
<div class="hint">Specify due date [% INCLUDE 'date-format.inc' %]: </div>
<input type="text" size="13" id="duedatespec" name="duedatespec" value="[% duedatespec | html %]" class="flatpickr" data-flatpickr-enable-time="true" data-flatpickr-on-close-focus="#checkout-barcode" />
<label for="stickyduedate"> Remember for session:</label>
<input type="checkbox" id="stickyduedate" onclick="this.form.barcode.focus();" name="stickyduedate" checked="checked" />
<input type="button" class="action" id="cleardate" value="Clear" name="cleardate" onclick="this.checked = false; this.form.duedatespec.value = ''; this.form.stickyduedate.checked = false; this.form.barcode.focus(); return false;" />
</div>
</fieldset>
</form>
<div id="patronlists" class="toptabs">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#checkouts" aria-controls="checkouts" role="tab" data-toggle="tab"><span class="checkout-count">0</span> Checkouts</a></li>
<li role="presentation"><a href="#fines" aria-controls="fines" role="tab" data-toggle="tab"><span class="fine-amount">0</span> in fines</a></li>
</ul>
<div class="tab-content">
<!-- SUMMARY : TODAY & PREVIOUS ISSUES -->
<div role="tabpanel" class="tab-pane active" id="checkouts">
<div id="session-issues">
<table id="issuest">
<thead><tr>
<th scope="col">Due date</th>
<th scope="col">Title</th>
<th scope="col">Barcode</th>
<th scope="col">Item type</th>
<th scope="col">Checked out on</th>
<th scope="col">Checked out from</th>
<th scope="col">Call number</th>
<th scope="col">Charge</th>
</tr></thead>
<tbody>
</tbody>
</table>
</div>
<div id="oldissues">
<h5>Previous checkouts</h5>
<table id="oldissuest">
<thead><tr>
<th scope="col">Due date</th>
<th scope="col">Title</th>
<th scope="col">Barcode</th>
<th scope="col">Item type</th>
<th scope="col">Checked out on</th>
<th scope="col">Checked out from</th>
<th scope="col">Call number</th>
<th scope="col">Charge</th>
</tr></thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="fines">
<span class="patron-title"></span> has <span class="fine-amount">0</span> in fines. If you would like you can record payments.
<fieldset><legend>Pay fines</legend>
<label for="pay-fine-amount">Fine amount: </label><input type="text" name="pay-fine-amount" id="pay-fine-amount"/>
<button id="pay-fine" class="submit">Pay fine</button>
<table id="session-payments" style="display: none;">
<thead><tr><th>Amount</th><th>Date</th></tr></thead>
<tbody></tbody>
</table>
</fieldset>
</div> <!-- /# -->fines
</div> <!-- /.tab-content -->
</div> <!-- /#patronlists -->
</div>
</div>
</main>
</main>
</div> <!-- /.col-sm-10.col-sm-push-2 -->
<div class="offline-circulation" style="display: none;">
<div class="col-sm-2 col-sm-pull-10">
<aside>
<div class="patroninfo"><h5 class="patron-title">&nbsp;</h5>
<ul>
<li id="patron-address-1"></li>
<li id="patron-address-2"></li>
<li id="patron-address-parts"><!-- city, state, zipcode, country --></li>
<li id="patron-phone"></li>
<li id="patron-email"></li>
<li id="patron-category"></li>
<li id="patron-library"></li>
</ul>
</div>
</aside>
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
</div> <!-- /.row -->
</div>
[% MACRO jsinclude BLOCK %]
[% INCLUDE 'calendar.inc' %]
[% Asset.js("lib/jquery/plugins/jquery.indexeddb.js") | $raw %]
[% Asset.js("js/offlinecirc.js") | $raw %]
<script>
var ALERT_SUCCESSFUL_CHECKIN = _("Checked in item.");
var ALERT_MATERIALS = _("Note about the accompanying materials: %s");
var ALERT_RESTRICTED = _("Patron is RESTRICTED");
var ALERT_NO_MATCHING_ITEM = _("No item with barcode in offline database (transaction recorded anyway): %s");
var ALERT_NOT_CHECKED_OUT = _("Item not listed as checked out in offline database (transaction recorded anyway)");
var ALERT_ITEM_WITHDRAWN = _("Item has been withdrawn (transaction recorded anyway)");
var ALERT_ITEM_RESTRICTED = _("Item is restricted (transaction recorded anyway)");
var ALERT_ITEM_LOST = _("Item has been lost (transaction recorded anyway)");
var ALERT_NO_MATCHING_PATRON = _("No patron card number in offline database (proceeding anyway): %s");
var ALERT_PATRON_GONE_NO_ADDRESS = _("Patron's address is in doubt (proceeding anyway)");
var ALERT_PATRON_CARD_LOST = _("Patron's card is lost");
var ALERT_PATRON_EXPIRED = _("Patron's card is expired (%s)");
var ALERT_PATRON_BLOCKED_TEMPORARY = _("Patron has had overdue items and is restricted until: %s");
var ALERT_PATRON_RESTRICTED = _("Patron is restricted");
var ALERT_PATRON_FINE = _("Patron has outstanding fines: %s");
var ALERT_PATRON_FINE_OVER_LIMIT = _("Patron fines are over limit: %s");
var UPLOAD_PENDING_MESSAGE = _("You have transactions in the offline circulation database on this computer that have not been uploaded.");
var NO_UPLOAD_PENDING_MESSAGE = _("You do not have any pending transactions in the offline circulation database on this computer.");
var start;
var dateformat = '[% IF ( dateformat_us ) %]mm/dd/yy[% ELSIF ( dateformat_metric ) %]dd/mm/yy[% ELSE %]yy-mm-dd[% END %]';
var flatpickr_dateformat_string = [% IF ( dateformat == "us" ) %]"m/d/Y"[% ELSIF ( dateformat == "metric" ) %]"d/m/Y"[% ELSIF ( dateformat == "dmydot" ) %]"d.m.Y"[% ELSE %]"Y-m-d"[% END %];
var flatpickr_timeformat_string = [% IF Koha.Preference('TimeFormat') == '12hr' %]"G:i K"[% ELSE %]"H:i"[% END %];
var flatpickr_timestamp_string = "Y-m-d H:i";
var flatpickr_datetime_string = flatpickr_dateformat_string + " " + flatpickr_timeformat_string;
function checkin(barcode, item, error) {
var alerts = checkAlerts(barcode, item);
if (typeof item === 'undefined') {
item = { };
}
item.title = item.title || _("(Unknown)");
item.author = item.author || _("(Unknown)");
item.homebranch = item.homebranch || "";
item.holdingbranch = item.holdingbranch || "";
item.callnumber = item.callnumber || "";
item.itemtype = item.itemtype || "";
item.barcode = item.barcode || barcode;
var trans = { "timestamp" : new Date().toMySQLString(),
"barcode" : barcode,
"action" : "return"
};
$('#alerts').empty();
$('.offline-home').hide();
$('.offline-sync').hide();
$('.offline-circulation').hide();
$('.offline-circulation-instructions').hide();
$('.offline-returns').show();
kohadb.recordTransaction(trans, function () {
$('#session-returned').show();
$('#already-checked-in tbody').prepend('<tr><td>' + item.title + '</td><td>' + item.author + '</td><td>' + barcode + '</td><td>' + item.homebranch + '</td><td>' + item.holdingbranch + '</td><td></td><td>' + item.callnumber + '</td><td>' + item.itemtype + '</td></tr>');
if (alerts.length > 0) {
$('#alerts').append('<div class="dialog alert"><h3>' + _("Check in message") + '</h3></div>');
for (var msg in alerts) {
$('#alerts .dialog').append('<p>' + alerts[msg] + '</p');
}
} else {
$('#alerts').append('<div class="dialog"><h3>' + ALERT_SUCCESSFUL_CHECKIN + '</h3></div>');
}
});
setTimeout(function() { $('#checkin-barcode').trigger('focus'), 1 });
}
function checkAlerts(barcode, item) {
var alerts = [];
if (typeof item === 'undefined') {
alerts.push(ALERT_NO_MATCHING_ITEM.format(barcode));
} else {
if (typeof item.materials !== 'undefined' && item.materials != null) {
alerts.push(ALERT_MATERIALS.format(item.materials));
}
}
return alerts;
}
function showSyncInfo() {
kohadb.loadSetting("item-timestamp", showTimestamp);
kohadb.loadSetting("patron-timestamp", showTimestamp);
kohadb.loadSetting("issue-timestamp", showTimestamp);
kohadb.loadSetting("dirty", function (key, val) {
if (val) {
$('#upload-message').text(UPLOAD_PENDING_MESSAGE);
} else {
$('#upload-message').text(NO_UPLOAD_PENDING_MESSAGE);
}
});
}
function synchronize() {
kohadb.saveSetting("userid", "[% logged_in_user.userid | html %]");
kohadb.saveSetting("branchcode", "[% Branches.GetLoggedInBranchcode | html %]");
showSyncInfo();
[% UNLESS (AllowOfflineCirculation) %]
reloadRecords();
[% END %]
showSyncInfo();
$('#download-records').click(reloadRecords);
$('#upload-transactions').click(function () {
$('.loading-overlay div').text(_("Uploading transactions, please wait..."));
$('.loading-overlay').show();
$.ajax({
type: "GET",
url: "/cgi-bin/koha/offline_circ/service.pl",
}).done(function (data) {
if (data) {
$('.loading-overlay').hide();
alert(_("Please log in to Koha and try again. (Error: '%s')").format(data));
} else {
var uploadIter = $.indexedDB("koha").objectStore("transactions").each(uploadTransaction);
uploadIter.done(function() {
$.indexedDB("koha").transaction(["transactions"]).then(function(){
}, function(err, e){
}, function(transaction){
transaction.objectStore("transactions").clear();
});
$('.loading-overlay').hide();
kohadb.saveSetting("dirty", false);
$('#upload-message').text(NO_UPLOAD_PENDING_MESSAGE);
});
}
});
});
}
function fPformatTimeStamp( timestamp ){
var datetimeObj = flatpickr.parseDate( timestamp, flatpickr_timestamp_string );
return flatpickr.formatDate( datetimeObj, flatpickr_datetime_string );
}
function showTimestamp(key, value) {
if (typeof value !== 'undefined') {
var ts = new Date(value);
$('#' + key).text( fPformatTimeStamp( ts ) + ' ' + ts.toTimeString());
} else {
$('#' + key).text(_("(never)"));
}
}
function reloadRecords(ev) {
$(".loading-overlay div").text(_("Loading records, please wait..."));
$(".loading-overlay").show();
start = new Date();
$.indexedDB("koha").transaction(["patrons", "items", "issues"]).then(function(){
loadRecords(0);
}, function(err, e){
}, function(transaction){
transaction.objectStore("patrons").clear();
transaction.objectStore("items").clear();
transaction.objectStore("issues").clear();
});
if (typeof ev !== 'undefined') {
ev.stopPropagation();
}
}
function uploadTransaction(transaction) {
$.ajax({
type: "POST",
url: "/cgi-bin/koha/offline_circ/service.pl",
data: { "userid" : kohadb.settings.userid,
"branchcode" : kohadb.settings.branchcode,
"timestamp" : transaction.value.timestamp,
"action" : transaction.value.action,
"barcode" : transaction.value.barcode,
"cardnumber" : transaction.value.cardnumber,
"amount" : transaction.value.amount,
"pending" : true,
},
});
return undefined, true;
}
function finishedLoading() {
kohadb.saveSetting('item-timestamp', start.toISOString())
kohadb.saveSetting('patron-timestamp', start.toISOString())
kohadb.saveSetting('issue-timestamp', start.toISOString())
showTimestamp('item-timestamp', start.toISOString());
showTimestamp('patron-timestamp', start.toISOString());
showTimestamp('issue-timestamp', start.toISOString());
$(".loading-overlay").hide();
}
function loadRecords(page) {
[% IF (AllowOfflineCirculation) %]
$(".loading-overlay div").text(_("Loading page %s, please wait...").format(page));
$(".loading-overlay").show();
$.ajax({
type: "GET",
url: "/cgi-bin/koha/offline_circ/download.pl",
data: { "data": "all",
"page": page
},
dataType: "json",
}).done(function (data) {
$.indexedDB("koha").transaction(["patrons", "items", "issues"]).then(function(){
if (data.finished) {
finishedLoading();
} else {
setTimeout(function () { loadRecords(page + 1); }, 200);
}
}, function(err, e){
}, function(transaction){
if (data.patrons) {
var patrons = transaction.objectStore("patrons");
$.each(data.patrons, function () {
patrons.put(this);
});
}
if (data.items) {
var items = transaction.objectStore("items");
$.each(data.items, function () {
items.put(this);
});
}
if (data.issues) {
var issues = transaction.objectStore("issues");
$.each(data.issues, function () {
issues.put(this);
});
}
});
});
[% END %]
}
function loadPatron(barcode) {
$('#oldissues').hide();
$('#session-issues').hide();
$('#issuest tbody').empty();
$('#session-payments').hide();
$('.checkout-count').text(0);
$.indexedDB("koha").transaction(["patrons", "issues"]).then(function() {
}, function(err, e){
}, function(transaction){
var patrons = transaction.objectStore("patrons");
patrons.get(barcode).done(function (patron, error) {
showPatron(barcode, patron, error);
});
var issuesidx = transaction.objectStore("issues").index("cardnumber");
$('#oldissuest tbody').empty();
issuesidx.each(function (item) {
$('#oldissues').show();
$('#oldissuest tbody').append("<tr><td>" + fPformatTimeStamp( item.value.date_due ) + "</td><td>" + item.value.title + "</td><td>" + item.value.barcode + "</td><td>" + item.value.itype + "</td><td>" + fPformatTimeStamp( item.value.issuedate ) + "</td><td>" + item.value.issuebranch + "</td><td>" + item.value.callnumber + "</td><td>" + "" + "</td></tr>");
$('.checkout-count').text(parseInt($('.checkout-count').text()) + 1);
}, barcode);
});
}
function checkout(barcode, item, error) {
var alerts = checkAlerts(barcode, item);
if (typeof item === 'undefined') {
item = { };
}
item.title = item.title || "";
item.author = item.author || "";
item.homebranch = item.homebranch || "";
item.holdingbranch = item.holdingbranch || "";
item.callnumber = item.callnumber || "";
item.itemtype = item.itemtype || "";
if ($('#duedatespec').val().length === 0) {
alert(_("You must set a due date in order to use offline circulation!"));
setTimeout(function() { $('#duedatespec').trigger('focus'), 1 });
return;
}
var date_due = flatpickr.parseDate( $('#duedatespec').val(), flatpickr_datetime_string );
var trans = { "timestamp" : new Date().toMySQLString(),
"barcode" : barcode,
"cardnumber" : curpatron.cardnumber,
"date_due" : date_due.toMySQLString(),
"action" : "issue"
};
$('#alerts').empty();
kohadb.recordTransaction(trans, function () {
$('#session-issues').show();
$('#issuest tbody').prepend('<tr><td>' + flatpickr.formatDate( date_due, flatpickr_datetime_string ) + '</td><td>' + item.title + '</td><td>' + barcode + '</td><td>' + item.itemtype + '</td><td>' + flatpickr.formatDate( new Date(), flatpickr_datetime_string ) + '</td><td>' + kohadb.settings.branchcode + '</td><td>' + item.callnumber + '</td><td></td></tr>');
$('.checkout-count').text(parseInt($('.checkout-count').text()) + 1);
if (alerts.length > 0) {
$('#alerts').append('<div class="dialog alert"><h3>' + _("Check out message") + '</h3></div>');
for (var msg in alerts) {
$('#alerts .dialog').append('<p>' + alerts[msg] + '</p');
}
}
$('#checkout-barcode').val('');
});
}
function recordFine(amount) {
var timestamp = new Date()
var trans = { "timestamp" : timestamp.toMySQLString(),
"cardnumber" : curpatron.cardnumber,
"amount" : amount,
"action" : "payment",
};
kohadb.recordTransaction(trans, function () {
$('#session-payments').show();
$('#session-payments tbody').prepend('<tr><td>' + amount + '</td><td>' + fPformatTimeStamp( timestamp ) + '</td></tr>');
$('.fine-amount').text(parseInt($('.fine-amount').text()) - amount);
});
}
function checkPatronAlerts(cardnumber, patron) {
var alerts = [];
if (typeof patron === 'undefined') {
alerts.push(ALERT_NO_MATCHING_PATRON.format(cardnumber));
} else {
if (patron.gonenoaddress !== '0') {
alerts.push(ALERT_PATRON_GONE_NO_ADDRESS);
}
if (patron.lost !== '0') {
alerts.push(ALERT_PATRON_CARD_LOST);
}
if (patron.debarred !== null) {
if (patron.debarred != '9999-12-31') {
alerts.push( ALERT_PATRON_BLOCKED_TEMPORARY.format( flatpickr.formatDate( new Date(patron.debarred), flatpickr_datetime_string ) ) );
} else {
alerts.push(ALERT_PATRON_RESTRICTED);
}
}
if (new Date(patron.dateexpiry) < new Date()) {
alerts.push( ALERT_PATRON_EXPIRED.format( flatpickr.formatDate( new Date(patron.dateexpiry), flatpickr_datetime_string ) ) );
}
if (parseInt(patron.fine) > [% maxoutstanding | html %]) {
alerts.push(ALERT_PATRON_FINE_OVER_LIMIT.format(patron.fine));
} else if (parseInt(patron.fine) > 0) {
alerts.push(ALERT_PATRON_FINE.format(patron.fine));
}
}
return alerts;
}
var curpatron;
function showPatron(barcode, patron, error) {
var alerts = checkPatronAlerts(barcode, patron);
if (typeof patron === 'undefined') {
patron = { };
}
patron.surname = patron.surname || "";
patron.firstname = patron.firstname || "";
patron.othernames = patron.othernames || "";
patron.address = patron.address || "";
patron.address2 = patron.address2 || "";
patron.city = patron.city || "";
patron.state = patron.state || "";
patron.country = patron.country || "";
patron.zipcode = patron.zipcode || "";
patron.phone = patron.phone || "";
patron.mobile = patron.mobile || "";
patron.phonepro = patron.phonepro || "";
patron.email = patron.email || "";
patron.emailpro = patron.emailpro || "";
patron.categorycode = patron.categorycode || "";
patron.branchcode = patron.branchcode || "";
patron.cardnumber = barcode;
patron.fine = patron.fine || "0";
patron.name = patron.firstname + (patron.othernames.length > 0 ? " (" + patron.othernames + ") " : " ") + patron.surname + " (" + barcode + ")";
if (patron.name.length > 0) {
$('.patron-title').text(patron.name);
} else {
$('.patron-title').text(_("Unrecognized patron (%s)").format(barcode));
}
if (patron.address.length > 0 || patron.address2.length > 0) {
$('#patron-address-1').text(patron.address);
$('#patron-address-2').text(patron.address2);
} else {
$('#patron-address-1').html('<span class="empty" id="noaddressstored">' + _("No address stored.") + '</span></li>');
$('#patron-address-2').text('');
}
if (patron.city.length > 0) {
$('#patron-address-parts').text(patron.city + (patron.state.length > 0 ? ", " + patron.state : "") + " " + patron.zipcode + (patron.country.length > 0 ? ", " + patron.country : ""));
} else {
$('#patron-address-parts').html('<span class="empty" id="nocitystored">' + _("No city stored.") + '</span></li>');
}
if (patron.phone.length > 0 || patron.mobile.length > 0 || patron.phonepro.length > 0) {
$('#patron-phone').text((patron.phone.length > 0 ? patron.phone : (patron.mobile.length > 0 ? patron.mobile : (patron.phonepro.length > 0 ? patron.phonepro : ''))));
} else {
$('#patron-phone').html('<span class="empty" id="nophonestored">' + _("No phone stored.") + '</span></li>');
}
if (patron.email.length > 0 || patron.emailpro.length > 0) {
$('#patron-email').text((patron.email.length > 0 ? patron.email : (patron.emailpro.length > 0 ? patron.emailpro : "")));
} else {
$('#patron-email').html('<span class="empty" id="noemailstored">' + _("No email stored.") + '</span></li>');
}
if (patron.categorycode.length > 0) {
$('#patron-category').text(_("Category: %s").format(patron.categorycode));
} else {
$('#patron-category').html('<span class="empty" id="unknowncategory">' + _("Category code unknown.") + '</span></li>');
}
if (patron.branchcode.length > 0) {
$('#patron-library').text(_("Home library: %s").format(patron.branchcode));
} else {
$('#patron-library').html('<span class="empty" id="unknowncategory">' + _("Home library unknown.") + '</span></li>');
}
$('.fine-amount').text(patron.fine);
$('#alerts').empty();
if (alerts.length > 0) {
$('#alerts').append('<div class="dialog alert"><h3>' + _("Check out message") + '</h3></div>');
for (var msg in alerts) {
$('#alerts .dialog').append('<p>' + alerts[msg] + '</p>');
}
}
curpatron = patron;
$('main').show();
setTimeout(function() { $('#checkout-barcode').trigger('focus'), 1 });
}
// This next bit of code is to deal with the updated session issue
if( typeof window.applicationCache !== "undefined" ){
window.addEventListener('load', function(e) {
window.applicationCache.addEventListener('updateready', function(e) {
if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
// Browser downloaded a new app cache.
// Swap it in and reload the page to get the new hotness.
window.applicationCache.swapCache();
if (confirm(_("A new version of this site is available. Load it?"))) {
window.location.reload();
}
} else {
// Manifest didn't changed. Nothing new to server.
}
}, false);
}, false);
}
$(document).ready(function () {
if( typeof window.applicationCache === "undefined" ){
$("#offline-home div").html('<div class="dialog alert"><h3>' + _("Offline circulation disabled") + '</h3><p>' + _("Your browser is not compatible with the built-in offline circulation tool.") + '</div>');
} else {
kohadb.initialize();
}
$('#header_search #circ_search .tip').text(_("Enter patron card number:"));
$('ul[aria-labelledby="logged-in-menu"]').html('<li><a class="toplinks">' + _("You cannot change your branch or logout while using offline circulation") + '</a></li>');
// Returns code
$('#checkin-form, #checkin_search form').submit(function (event) {
event.preventDefault();
var barcode = $('input[name="barcode"]', this).val();
$('input[name="barcode"]', this).val('');
$.indexedDB("koha").transaction(["items"]).then(function() {
}, function(err, e){
}, function(transaction){
var items = transaction.objectStore("items");
items.get(barcode).done(function (item, error) {
checkin(barcode, item, error);
});
});
});
$('#go-to-home').click(function () {
$('#alerts').empty();
$('.offline-sync').hide();
$('.offline-circulation').hide();
$('.offline-returns').hide();
$('.offline-circulation-instructions').hide();
$('.offline-home').show();
});
$('#go-to-returns').click(function () {
$('#alerts').empty();
$('.offline-home').hide();
$('.offline-sync').hide();
$('.offline-circulation').hide();
$('.offline-circulation-instructions').hide();
$('.offline-returns').show();
setTimeout(function() { $('#checkin-form input[name="barcode"]').trigger('focus'), 1 });
});
$('#go-to-circ').click(function () {
$('#alerts').empty();
$('.offline-home').hide();
$('.offline-sync').hide();
$('.offline-returns').hide();
$('.offline-circulation').hide();
$('.offline-circulation-instructions').show();
$('#header_search').tabs("option", "active", 0);
setTimeout(function() { $('#circ_search input[name="findborrower"]').trigger('focus'), 1 });
});
$('#go-to-sync').click(function () {
$('#alerts').empty();
showSyncInfo();
$.ajax({
type: "GET",
url: "/cgi-bin/koha/offline_circ/list.pl",
success: function () {
$('.offline-home').hide();
$('.offline-returns').hide();
$('.offline-circulation').hide();
$('.offline-circulation-instructions').hide();
$('.offline-sync').show();
synchronize();
},
error: function () {
alert(_("You are offline and therefore cannot sync your database"));
}
});
});
$('#go-to-pending').click(function (ev) {
$('#alerts').empty();
ev.preventDefault();
$.ajax({
type: "GET",
url: "/cgi-bin/koha/offline_circ/list.pl",
success: function () {
window.location = '/cgi-bin/koha/offline_circ/list.pl';
},
error: function () {
alert(_("You are offline and therefore cannot process pending operations"));
}
});
});
$('#patronsearch').submit(function (event) {
event.preventDefault();
loadPatron($('#findborrower').val());
$('.offline-home').hide();
$('.offline-returns').hide();
$('.offline-sync').hide();
$('.offline-circulation-instructions').hide();
$('.offline-circulation').show();
$('#findborrower').val('');
setTimeout(function() { $('#checkout-barcode').trigger('focus'), 1 });
});
$('#pay-fine').click(function (event) {
event.preventDefault();
recordFine($('#pay-fine-amount').val());
});
$('#mainform').submit(function (event) {
event.preventDefault();
var barcode = $('#checkout-barcode').val();
$.indexedDB("koha").transaction(["items"]).then(function() {
}, function(err, e){
}, function(transaction){
var items = transaction.objectStore("items");
items.get(barcode).done(function (item, error) {
checkout(barcode, item, error);
});
});
});
});
</script>
[% END %]
[% INCLUDE 'intranet-bottom.inc' %]