mirror of
https://github.com/janeczku/calibre-web
synced 2024-11-28 20:39:59 +00:00
14b6202eec
Fixes func in helper,web Fixes for pdf reader fixes for calling from another folder renamed to calibreweb for importing in python caller script
675 lines
22 KiB
JavaScript
675 lines
22 KiB
JavaScript
/*
|
|
* kthoom.js
|
|
*
|
|
* Licensed under the MIT License
|
|
*
|
|
* Copyright(c) 2011 Google Inc.
|
|
* Copyright(c) 2011 antimatter15
|
|
*/
|
|
|
|
/* Reference Documentation:
|
|
|
|
* Web Workers: http://www.whatwg.org/specs/web-workers/current-work/
|
|
* Web Workers in Mozilla: https://developer.mozilla.org/En/Using_web_workers
|
|
* File API (FileReader): http://www.w3.org/TR/FileAPI/
|
|
* Typed Arrays: http://www.khronos.org/registry/typedarray/specs/latest/#6
|
|
|
|
*/
|
|
/* global screenfull, bitjs, Uint8Array, opera */
|
|
/* exported init, event */
|
|
|
|
|
|
if (window.opera) {
|
|
window.console.log = function(str) {
|
|
opera.postError(str);
|
|
};
|
|
}
|
|
|
|
var kthoom;
|
|
|
|
// gets the element with the given id
|
|
function getElem(id) {
|
|
if (document.documentElement.querySelector) {
|
|
// querySelector lookup
|
|
return document.body.querySelector("#" + id);
|
|
}
|
|
// getElementById lookup
|
|
return document.getElementById(id);
|
|
}
|
|
|
|
if (typeof window.kthoom === "undefined" ) {
|
|
kthoom = {};
|
|
}
|
|
|
|
// key codes
|
|
kthoom.Key = {
|
|
ESCAPE: 27,
|
|
SPACE: 32,
|
|
LEFT: 37,
|
|
UP: 38,
|
|
RIGHT: 39,
|
|
DOWN: 40,
|
|
A: 65, B: 66, C: 67, D: 68, E: 69, F: 70, G: 71, H: 72, I: 73, J: 74, K: 75, L: 76, M: 77,
|
|
N: 78, O: 79, P: 80, Q: 81, R: 82, S: 83, T: 84, U: 85, V: 86, W: 87, X: 88, Y: 89, Z: 90,
|
|
QUESTION_MARK: 191,
|
|
LEFT_SQUARE_BRACKET: 219,
|
|
RIGHT_SQUARE_BRACKET: 221
|
|
};
|
|
|
|
// global variables
|
|
var unarchiver = null;
|
|
var currentImage = 0;
|
|
var imageFiles = [];
|
|
var imageFilenames = [];
|
|
var totalImages = 0;
|
|
|
|
var settings = {
|
|
hflip: false,
|
|
vflip: false,
|
|
rotateTimes: 0,
|
|
fitMode: kthoom.Key.B,
|
|
theme: "light",
|
|
direction: 0 // 0 = Left to Right, 1 = Right to Left
|
|
};
|
|
|
|
kthoom.saveSettings = function() {
|
|
localStorage.kthoomSettings = JSON.stringify(settings);
|
|
};
|
|
|
|
kthoom.loadSettings = function() {
|
|
try {
|
|
if (!localStorage.kthoomSettings) {
|
|
return;
|
|
}
|
|
|
|
$.extend(settings, JSON.parse(localStorage.kthoomSettings));
|
|
|
|
kthoom.setSettings();
|
|
} catch (err) {
|
|
alert("Error load settings");
|
|
}
|
|
};
|
|
|
|
kthoom.setSettings = function() {
|
|
// Set settings control values
|
|
$.each(settings, function(key, value) {
|
|
if (typeof value === "boolean") {
|
|
$("input[name=" + key + "]").prop("checked", value);
|
|
} else {
|
|
$("input[name=" + key + "]").val([value]);
|
|
}
|
|
});
|
|
};
|
|
|
|
var createURLFromArray = function(array, mimeType) {
|
|
var offset = array.byteOffset;
|
|
var len = array.byteLength;
|
|
// var url;
|
|
var blob;
|
|
|
|
if (mimeType === "image/xml+svg") {
|
|
var xmlStr = new TextDecoder("utf-8").decode(array);
|
|
return "data:image/svg+xml;UTF-8," + encodeURIComponent(xmlStr);
|
|
}
|
|
|
|
// TODO: Move all this browser support testing to a common place
|
|
// and do it just once.
|
|
|
|
// Blob constructor, see http://dev.w3.org/2006/webapi/FileAPI/#dfn-Blob.
|
|
if (typeof Blob === "function") {
|
|
blob = new Blob([array], {type: mimeType});
|
|
} else {
|
|
throw "Browser support for Blobs is missing.";
|
|
}
|
|
|
|
if (blob.slice) {
|
|
blob = blob.slice(offset, offset + len, mimeType);
|
|
} else {
|
|
throw "Browser support for Blobs is missing.";
|
|
}
|
|
|
|
if ((typeof URL !== "function" && typeof URL !== "object") ||
|
|
typeof URL.createObjectURL !== "function") {
|
|
throw "Browser support for Object URLs is missing";
|
|
}
|
|
|
|
return URL.createObjectURL(blob);
|
|
};
|
|
|
|
|
|
// Stores an image filename and its data: URI.
|
|
kthoom.ImageFile = function(file) {
|
|
this.filename = file.filename;
|
|
var fileExtension = file.filename.split(".").pop().toLowerCase();
|
|
this.mimeType = fileExtension === "png" ? "image/png" :
|
|
(fileExtension === "jpg" || fileExtension === "jpeg") ? "image/jpeg" :
|
|
fileExtension === "gif" ? "image/gif" : fileExtension === "svg" ? "image/xml+svg" : undefined;
|
|
if ( this.mimeType !== undefined) {
|
|
this.dataURI = createURLFromArray(file.fileData, this.mimeType);
|
|
this.data = file;
|
|
}
|
|
};
|
|
|
|
|
|
function initProgressClick() {
|
|
$("#progress").click(function(e) {
|
|
var page = Math.max(1, Math.ceil((e.offsetX / $(this).width()) * totalImages)) - 1;
|
|
currentImage = page;
|
|
updatePage();
|
|
});
|
|
}
|
|
|
|
function loadFromArrayBuffer(ab) {
|
|
var start = (new Date).getTime();
|
|
var h = new Uint8Array(ab, 0, 10);
|
|
var pathToBitJS = "../../static/js/archive/";
|
|
var lastCompletion = 0;
|
|
if (h[0] === 0x52 && h[1] === 0x61 && h[2] === 0x72 && h[3] === 0x21) { //Rar!
|
|
unarchiver = new bitjs.archive.Unrarrer(ab, pathToBitJS);
|
|
} else if (h[0] === 80 && h[1] === 75) { //PK (Zip)
|
|
unarchiver = new bitjs.archive.Unzipper(ab, pathToBitJS);
|
|
} else if (h[0] === 255 && h[1] === 216) { // JPEG
|
|
// ToDo: check
|
|
updateProgress(100);
|
|
lastCompletion = 100;
|
|
return;
|
|
} else { // Try with tar
|
|
unarchiver = new bitjs.archive.Untarrer(ab, pathToBitJS);
|
|
}
|
|
// Listen for UnarchiveEvents.
|
|
if (unarchiver) {
|
|
unarchiver.addEventListener(bitjs.archive.UnarchiveEvent.Type.PROGRESS,
|
|
function(e) {
|
|
var percentage = e.currentBytesUnarchived / e.totalUncompressedBytesInArchive;
|
|
if (totalImages === 0) {
|
|
totalImages = e.totalFilesInArchive;
|
|
}
|
|
updateProgress(percentage * 100);
|
|
lastCompletion = percentage * 100;
|
|
});
|
|
unarchiver.addEventListener(bitjs.archive.UnarchiveEvent.Type.INFO,
|
|
function(e) {
|
|
// console.log(e.msg); // Enable debug output here
|
|
});
|
|
unarchiver.addEventListener(bitjs.archive.UnarchiveEvent.Type.EXTRACT,
|
|
function(e) {
|
|
// convert DecompressedFile into a bunch of ImageFiles
|
|
if (e.unarchivedFile) {
|
|
var f = e.unarchivedFile;
|
|
// add any new pages based on the filename
|
|
if (imageFilenames.indexOf(f.filename) === -1) {
|
|
var test = new kthoom.ImageFile(f);
|
|
if ( test.mimeType !== undefined) {
|
|
imageFilenames.push(f.filename);
|
|
imageFiles.push(test);
|
|
// add thumbnails to the TOC list
|
|
$("#thumbnails").append(
|
|
"<li>" +
|
|
"<a data-page='" + imageFiles.length + "'>" +
|
|
"<img src='" + imageFiles[imageFiles.length - 1].dataURI + "'/>" +
|
|
"<span>" + imageFiles.length + "</span>" +
|
|
"</a>" +
|
|
"</li>"
|
|
);
|
|
// display first page if we haven't yet
|
|
if (imageFiles.length === currentImage + 1) {
|
|
updatePage(lastCompletion);
|
|
}
|
|
} else {
|
|
totalImages--;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
unarchiver.addEventListener(bitjs.archive.UnarchiveEvent.Type.FINISH,
|
|
function() {
|
|
var diff = ((new Date).getTime() - start) / 1000;
|
|
console.log("Unarchiving done in " + diff + "s");
|
|
});
|
|
unarchiver.start();
|
|
} else {
|
|
alert("Some error");
|
|
}
|
|
}
|
|
|
|
function scrollTocToActive() {
|
|
// Scroll to the thumbnail in the TOC on page change
|
|
$("#tocView").stop().animate({
|
|
scrollTop: $("#tocView a.active").position().top
|
|
}, 200);
|
|
}
|
|
|
|
function updatePage() {
|
|
$(".page").text((currentImage + 1 ) + "/" + totalImages);
|
|
|
|
// Mark the current page in the TOC
|
|
$("#tocView a[data-page]")
|
|
// Remove the currently active thumbnail
|
|
.removeClass("active")
|
|
// Find the new one
|
|
.filter("[data-page=" + (currentImage + 1) + "]")
|
|
// Set it to active
|
|
.addClass("active");
|
|
|
|
scrollTocToActive();
|
|
updateProgress();
|
|
|
|
if (imageFiles[currentImage]) {
|
|
setImage(imageFiles[currentImage].dataURI);
|
|
} else {
|
|
setImage("loading");
|
|
}
|
|
|
|
$("body").toggleClass("dark-theme", settings.theme === "dark");
|
|
|
|
kthoom.setSettings();
|
|
kthoom.saveSettings();
|
|
}
|
|
|
|
function updateProgress(loadPercentage) {
|
|
// Set the load/unzip progress if it's passed in
|
|
if (loadPercentage) {
|
|
$("#progress .bar-load").css({ width: loadPercentage + "%" });
|
|
|
|
if (loadPercentage === 100) {
|
|
$("#progress")
|
|
.removeClass("loading")
|
|
.find(".load").text("");
|
|
}
|
|
}
|
|
|
|
// Set page progress bar
|
|
$("#progress .bar-read").css({ width: totalImages === 0 ? 0 : Math.round((currentImage + 1) / totalImages * 100) + "%"});
|
|
}
|
|
|
|
function setImage(url) {
|
|
var canvas = $("#mainImage")[0];
|
|
var x = $("#mainImage")[0].getContext("2d");
|
|
$("#mainText").hide();
|
|
if (url === "loading") {
|
|
updateScale(true);
|
|
canvas.width = innerWidth - 100;
|
|
canvas.height = 200;
|
|
x.fillStyle = "black";
|
|
x.textAlign = "center";
|
|
x.font = "24px sans-serif";
|
|
x.strokeStyle = "black";
|
|
x.fillText("Loading Page #" + (currentImage + 1), innerWidth / 2, 100);
|
|
} else {
|
|
if (url === "error") {
|
|
updateScale(true);
|
|
canvas.width = innerWidth - 100;
|
|
canvas.height = 200;
|
|
x.fillStyle = "black";
|
|
x.textAlign = "center";
|
|
x.font = "24px sans-serif";
|
|
x.strokeStyle = "black";
|
|
x.fillText("Unable to decompress image #" + (currentImage + 1), innerWidth / 2, 100);
|
|
} else {
|
|
if ($("body").css("scrollHeight") / innerHeight > 1) {
|
|
$("body").css("overflowY", "scroll");
|
|
}
|
|
|
|
var img = new Image();
|
|
img.onerror = function() {
|
|
canvas.width = innerWidth - 100;
|
|
canvas.height = 300;
|
|
updateScale(true);
|
|
x.fillStyle = "black";
|
|
x.font = "50px sans-serif";
|
|
x.strokeStyle = "black";
|
|
x.fillText("Page #" + (currentImage + 1) + " (" +
|
|
imageFiles[currentImage].filename + ")", innerWidth / 2, 100);
|
|
x.fillStyle = "black";
|
|
x.fillText("Is corrupt or not an image", innerWidth / 2, 200);
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
if (/(html|htm)$/.test(imageFiles[currentImage].filename)) {
|
|
xhr.open("GET", url, true);
|
|
xhr.onload = function() {
|
|
$("#mainText").css("display", "");
|
|
$("#mainText").innerHTML("<iframe style=\"width:100%;height:700px;border:0\" src=\"data:text/html," + escape(xhr.responseText) + "\"></iframe>");
|
|
};
|
|
xhr.send(null);
|
|
} else if (!/(jpg|jpeg|png|gif)$/.test(imageFiles[currentImage].filename) && imageFiles[currentImage].data.uncompressedSize < 10 * 1024) {
|
|
xhr.open("GET", url, true);
|
|
xhr.onload = function() {
|
|
$("#mainText").css("display", "");
|
|
$("#mainText").innerText(xhr.responseText);
|
|
};
|
|
xhr.send(null);
|
|
}
|
|
};
|
|
img.onload = function() {
|
|
var h = img.height,
|
|
w = img.width,
|
|
sw = w,
|
|
sh = h;
|
|
settings.rotateTimes = (4 + settings.rotateTimes) % 4;
|
|
x.save();
|
|
if (settings.rotateTimes % 2 === 1) {
|
|
sh = w;
|
|
sw = h;
|
|
}
|
|
canvas.height = sh;
|
|
canvas.width = sw;
|
|
x.translate(sw / 2, sh / 2);
|
|
x.rotate(Math.PI / 2 * settings.rotateTimes);
|
|
x.translate(-w / 2, -h / 2);
|
|
if (settings.vflip) {
|
|
x.scale(1, -1);
|
|
x.translate(0, -h);
|
|
}
|
|
if (settings.hflip) {
|
|
x.scale(-1, 1);
|
|
x.translate(-w, 0);
|
|
}
|
|
canvas.style.display = "none";
|
|
scrollTo(0, 0);
|
|
x.drawImage(img, 0, 0);
|
|
|
|
updateScale(false);
|
|
|
|
canvas.style.display = "";
|
|
$("body").css("overflowY", "");
|
|
x.restore();
|
|
};
|
|
img.src = url;
|
|
}
|
|
}
|
|
}
|
|
|
|
function showLeftPage() {
|
|
if (settings.direction === 0) {
|
|
showPrevPage();
|
|
} else {
|
|
showNextPage();
|
|
}
|
|
}
|
|
|
|
function showRightPage() {
|
|
if (settings.direction === 0) {
|
|
showNextPage();
|
|
} else {
|
|
showPrevPage();
|
|
}
|
|
}
|
|
|
|
function showPrevPage() {
|
|
currentImage--;
|
|
if (currentImage < 0) {
|
|
// Freeze on the current page.
|
|
currentImage++;
|
|
} else {
|
|
updatePage();
|
|
}
|
|
}
|
|
|
|
function showNextPage() {
|
|
currentImage++;
|
|
if (currentImage >= Math.max(totalImages, imageFiles.length)) {
|
|
// Freeze on the current page.
|
|
currentImage--;
|
|
} else {
|
|
updatePage();
|
|
}
|
|
}
|
|
|
|
function updateScale(clear) {
|
|
var mainImageStyle = getElem("mainImage").style;
|
|
mainImageStyle.width = "";
|
|
mainImageStyle.height = "";
|
|
mainImageStyle.maxWidth = "";
|
|
mainImageStyle.maxHeight = "";
|
|
var maxheight = innerHeight - 50;
|
|
|
|
if (!clear) {
|
|
switch (settings.fitMode) {
|
|
case kthoom.Key.B:
|
|
mainImageStyle.maxWidth = "100%";
|
|
mainImageStyle.maxHeight = maxheight + "px";
|
|
break;
|
|
case kthoom.Key.H:
|
|
mainImageStyle.height = maxheight + "px";
|
|
break;
|
|
case kthoom.Key.W:
|
|
mainImageStyle.width = "100%";
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
$("#mainContent").css({maxHeight: maxheight + 5});
|
|
kthoom.setSettings();
|
|
kthoom.saveSettings();
|
|
}
|
|
|
|
function keyHandler(evt) {
|
|
var hasModifier = evt.ctrlKey || evt.shiftKey || evt.metaKey;
|
|
switch (evt.keyCode) {
|
|
case kthoom.Key.LEFT:
|
|
if (hasModifier) break;
|
|
showLeftPage();
|
|
break;
|
|
case kthoom.Key.RIGHT:
|
|
if (hasModifier) break;
|
|
showRightPage();
|
|
break;
|
|
case kthoom.Key.L:
|
|
if (hasModifier) break;
|
|
settings.rotateTimes--;
|
|
if (settings.rotateTimes < 0) {
|
|
settings.rotateTimes = 3;
|
|
}
|
|
updatePage();
|
|
break;
|
|
case kthoom.Key.R:
|
|
if (hasModifier) break;
|
|
settings.rotateTimes++;
|
|
if (settings.rotateTimes > 3) {
|
|
settings.rotateTimes = 0;
|
|
}
|
|
updatePage();
|
|
break;
|
|
case kthoom.Key.F:
|
|
if (hasModifier) break;
|
|
if (!settings.hflip && !settings.vflip) {
|
|
settings.hflip = true;
|
|
} else if (settings.hflip === true && settings.vflip === true) {
|
|
settings.vflip = false;
|
|
settings.hflip = false;
|
|
} else if (settings.hflip === true) {
|
|
settings.vflip = true;
|
|
settings.hflip = false;
|
|
} else if (settings.vflip === true) {
|
|
settings.hflip = true;
|
|
}
|
|
updatePage();
|
|
break;
|
|
case kthoom.Key.W:
|
|
if (hasModifier) break;
|
|
settings.fitMode = kthoom.Key.W;
|
|
updateScale(false);
|
|
break;
|
|
case kthoom.Key.H:
|
|
if (hasModifier) break;
|
|
settings.fitMode = kthoom.Key.H;
|
|
updateScale(false);
|
|
break;
|
|
case kthoom.Key.B:
|
|
if (hasModifier) break;
|
|
settings.fitMode = kthoom.Key.B;
|
|
updateScale(false);
|
|
break;
|
|
case kthoom.Key.N:
|
|
if (hasModifier) break;
|
|
settings.fitMode = kthoom.Key.N;
|
|
updateScale(false);
|
|
break;
|
|
case kthoom.Key.SPACE:
|
|
var container = $("#mainContent");
|
|
var atTop = container.scrollTop() === 0;
|
|
var atBottom = container.scrollTop() >= container[0].scrollHeight - container.height();
|
|
|
|
if (evt.shiftKey && atTop) {
|
|
evt.preventDefault();
|
|
// If it's Shift + Space and the container is at the top of the page
|
|
showLeftPage();
|
|
} else if (!evt.shiftKey && atBottom) {
|
|
evt.preventDefault();
|
|
// If you're at the bottom of the page and you only pressed space
|
|
showRightPage();
|
|
container.scrollTop(0);
|
|
}
|
|
break;
|
|
default:
|
|
//console.log('KeyCode', evt.keyCode);
|
|
break;
|
|
}
|
|
}
|
|
|
|
/*function ImageLoadCallback() {
|
|
var jso = this.response;
|
|
// Unable to decompress file, or no response from server
|
|
if (jso === null) {
|
|
setImage("error");
|
|
} else {
|
|
// IE 11 sometimes sees the response as a string
|
|
if (typeof jso !== "object") {
|
|
jso = JSON.parse(jso);
|
|
}
|
|
|
|
if (jso.page !== jso.last) {
|
|
this.open("GET", this.fileid + "/" + (jso.page + 1));
|
|
this.addEventListener("load", ImageLoadCallback);
|
|
this.send();
|
|
}
|
|
|
|
loadFromArrayBuffer(jso);
|
|
}
|
|
}*/
|
|
function init(filename) {
|
|
var request = new XMLHttpRequest();
|
|
request.open("GET", filename);
|
|
request.responseType = "arraybuffer";
|
|
request.setRequestHeader("X-Test", "test1");
|
|
request.setRequestHeader("X-Test", "test2");
|
|
request.addEventListener("load", function(event) {
|
|
if (request.status >= 200 && request.status < 300) {
|
|
loadFromArrayBuffer(request.response);
|
|
} else {
|
|
console.warn(request.statusText, request.responseText);
|
|
}
|
|
});
|
|
request.send();
|
|
initProgressClick();
|
|
document.body.className += /AppleWebKit/.test(navigator.userAgent) ? " webkit" : "";
|
|
kthoom.loadSettings();
|
|
updateScale(true);
|
|
|
|
$(document).keydown(keyHandler);
|
|
|
|
$(window).resize(function() {
|
|
updateScale(false);
|
|
});
|
|
|
|
// Open TOC menu
|
|
$("#slider").click(function() {
|
|
$("#sidebar").toggleClass("open");
|
|
$("#main").toggleClass("closed");
|
|
$(this).toggleClass("icon-menu icon-right");
|
|
|
|
// We need this in a timeout because if we call it during the CSS transition, IE11 shakes the page ¯\_(ツ)_/¯
|
|
setTimeout(function() {
|
|
// Focus on the TOC or the main content area, depending on which is open
|
|
$("#main:not(.closed) #mainContent, #sidebar.open #tocView").focus();
|
|
scrollTocToActive();
|
|
}, 500);
|
|
});
|
|
|
|
// Open Settings modal
|
|
$("#setting").click(function() {
|
|
$("#settings-modal").toggleClass("md-show");
|
|
});
|
|
|
|
// On Settings input change
|
|
$("#settings input").on("change", function() {
|
|
// Get either the checked boolean or the assigned value
|
|
var value = this.type === "checkbox" ? this.checked : this.value;
|
|
|
|
// If it's purely numeric, parse it to an integer
|
|
value = /^\d+$/.test(value) ? parseInt(value) : value;
|
|
|
|
settings[this.name] = value;
|
|
updatePage();
|
|
updateScale(false);
|
|
});
|
|
|
|
// Close modal
|
|
$(".closer, .overlay").click(function() {
|
|
$(".md-show").removeClass("md-show");
|
|
});
|
|
|
|
// TOC thumbnail pagination
|
|
$("#thumbnails").on("click", "a", function() {
|
|
currentImage = $(this).data("page") - 1;
|
|
updatePage();
|
|
});
|
|
|
|
// Fullscreen mode
|
|
if (typeof screenfull !== "undefined") {
|
|
$("#fullscreen").click(function() {
|
|
screenfull.toggle($("#container")[0]);
|
|
});
|
|
|
|
if (screenfull.raw) {
|
|
var $button = $("#fullscreen");
|
|
document.addEventListener(screenfull.raw.fullscreenchange, function() {
|
|
screenfull.isFullscreen
|
|
? $button.addClass("icon-resize-small").removeClass("icon-resize-full")
|
|
: $button.addClass("icon-resize-full").removeClass("icon-resize-small");
|
|
});
|
|
}
|
|
}
|
|
|
|
// Focus the scrollable area so that keyboard scrolling work as expected
|
|
$("#mainContent").focus();
|
|
|
|
$("#mainImage").click(function(evt) {
|
|
// Firefox does not support offsetX/Y so we have to manually calculate
|
|
// where the user clicked in the image.
|
|
var mainContentWidth = $("#mainContent").width();
|
|
var mainContentHeight = $("#mainContent").height();
|
|
var comicWidth = evt.target.clientWidth;
|
|
var comicHeight = evt.target.clientHeight;
|
|
var offsetX = (mainContentWidth - comicWidth) / 2;
|
|
var offsetY = (mainContentHeight - comicHeight) / 2;
|
|
var clickX = evt.offsetX ? evt.offsetX : (evt.clientX - offsetX);
|
|
var clickY = evt.offsetY ? evt.offsetY : (evt.clientY - offsetY);
|
|
|
|
// Determine if the user clicked/tapped the left side or the
|
|
// right side of the page.
|
|
var clickedLeft = false;
|
|
switch (settings.rotateTimes) {
|
|
case 0:
|
|
clickedLeft = clickX < (comicWidth / 2);
|
|
break;
|
|
case 1:
|
|
clickedLeft = clickY < (comicHeight / 2);
|
|
break;
|
|
case 2:
|
|
clickedLeft = clickX > (comicWidth / 2);
|
|
break;
|
|
case 3:
|
|
clickedLeft = clickY > (comicHeight / 2);
|
|
break;
|
|
}
|
|
if (clickedLeft) {
|
|
showLeftPage();
|
|
} else {
|
|
showRightPage();
|
|
}
|
|
});
|
|
}
|
|
|