Owen Leonard
00e09e3f96
This patch adds style changes like the ones made in Bug 28179. It also addresses a bug with the way the verify_images() function was firing. I've moved the function outside of document.ready() and added a call to it on window load, consistent with how it works in the staff client. I've removed a redundant call to verify_images() from the footer include file, opac-bottom.inc. The cosmetic changes replace the Chocolat image icons with new SVG assets based on Bootstrap Icons (https://icons.getbootstrap.com/). The color changes I think help the controls to be more visible. Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
82 lines
3.6 KiB
JavaScript
82 lines
3.6 KiB
JavaScript
if (typeof KOHA == "undefined" || !KOHA) {
|
|
var KOHA = {};
|
|
}
|
|
|
|
/**
|
|
* A namespace for local cover related functions.
|
|
*/
|
|
KOHA.LocalCover = {
|
|
|
|
|
|
/**
|
|
* Search all:
|
|
* <div title="biblionumber" id="isbn" class="openlibrary-thumbnail"></div>
|
|
* or
|
|
* <div title="biblionumber" id="isbn" class="openlibrary-thumbnail-preview"></div>
|
|
* and run a search with all collected isbns to Open Library Book Search.
|
|
* The result is asynchronously returned by OpenLibrary and catched by
|
|
* olCallBack().
|
|
*/
|
|
GetCoverFromBibnumber: function(uselink) {
|
|
$("div[id^=local-thumbnail],span[id^=local-thumbnail]").each(function(i) {
|
|
var mydiv = this;
|
|
var message = document.createElement("span");
|
|
$(message).attr("class","no-image");
|
|
$(message).html( __("No cover image available") );
|
|
$(mydiv).parent().find('.no-image').remove();
|
|
$(mydiv).append(message);
|
|
var img = $("<img />").attr('src',
|
|
'/cgi-bin/koha/opac-image.pl?thumbnail=1&biblionumber=' + $(mydiv).attr("class"))
|
|
.load(function () {
|
|
this.setAttribute("class", "thumbnail");
|
|
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
|
|
//IE HACK
|
|
try {
|
|
$(mydiv).append(img);
|
|
$(mydiv).children('.no-image').remove();
|
|
}
|
|
catch(err){
|
|
};
|
|
} else if (this.width > 1) { // don't show the silly 1px "no image" img
|
|
$(mydiv).empty().append(img);
|
|
$(mydiv).children('.no-image').remove();
|
|
}
|
|
})
|
|
});
|
|
},
|
|
GetCoverFromItemnumber: function(uselink) {
|
|
$("div[class^=local-thumbnail],span[class^=local-thumbnail]").each(function(i) {
|
|
var mydiv = this;
|
|
var message = document.createElement("span");
|
|
var imagenumber = $(mydiv).data("imagenumber");
|
|
var biblionumber = $(mydiv).data("biblionumber");
|
|
$(message).attr("class","no-image");
|
|
$(message).html( __("No cover image available") );
|
|
$(mydiv).parent().find('.no-image').remove();
|
|
$(mydiv).append(message);
|
|
var img = $("<img />").attr('src',
|
|
'/cgi-bin/koha/opac-image.pl?thumbnail=1&imagenumber=' + imagenumber)
|
|
.load(function () {
|
|
this.setAttribute("class", "thumbnail");
|
|
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
|
|
//IE HACK
|
|
try {
|
|
$(mydiv).append(img);
|
|
$(mydiv).children('.no-image').remove();
|
|
}
|
|
catch(err){
|
|
};
|
|
} else if (this.width > 1) { // don't show the silly 1px "no image" img
|
|
if (uselink) {
|
|
var a = $("<a />").attr('href', '/cgi-bin/koha/opac-imageviewer.pl?imagenumber=' + imagenumber + '&biblionumber=' + biblionumber);
|
|
$(a).append(img);
|
|
$(mydiv).empty().append(a);
|
|
} else {
|
|
$(mydiv).empty().append(img);
|
|
}
|
|
$(mydiv).children('.no-image').remove();
|
|
}
|
|
})
|
|
});
|
|
},
|
|
};
|