deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Исправил проблемы с кликом по статус-бару

Browse Source
This commit is contained in:
Book Pauk
2019-01-22 16:45:09 +07:00
parent 6a05687385
commit 2967f1440f
1 changed files with 30 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
client/components/Reader/TextPage/TextPage.vue
View File

@@ -1,5 +1,5 @@
<template>
<div ref="main" class="main">
<div ref="main" class="main" @click="onMouseClick">
<canvas v-show="canvasShowFirst" ref="canvasPrev" class="canvas" @mousedown.prevent.stop="onMouseDown" @mouseup.prevent.stop="onMouseUp"
@wheel.prevent.stop="onMouseWheel"
@touchstart.prevent.stop="onTouchStart" @touchend.prevent.stop="onTouchEnd"
@@ -589,6 +589,33 @@ class TextPage extends Vue {
}
}
checkPointInStatusBar(pointX, pointY) {
let titleBar = {x1: 0, y1: 0, x2: this.realWidth/2, y2: this.statusBarHeight + 1};
if (!this.statusBarTop) {
titleBar.y1 += this.realHeight - this.statusBarHeight + 1;
titleBar.y2 += this.realHeight - this.statusBarHeight + 1;
}
if (pointX >= titleBar.x1 && pointX <= titleBar.x2 &&
pointY >= titleBar.y1 && pointY <= titleBar.y2) {
return true;
}
return false;
}
onMouseClick(event) {
if (this.showStatusBar && this.book) {
const pointX = event.pageX - this.canvas.offsetLeft;
const pointY = event.pageY - this.canvas.offsetTop;
if (this.checkPointInStatusBar(pointX, pointY)) {
window.open(this.meta.url, '_blank');
return false;
}
}
}
handleClick(pointX, pointY) {
const mouseLegend = {
40: {30: 'PgUp', 100: 'PgDown'},
@@ -597,19 +624,11 @@ class TextPage extends Vue {
};
if (this.showStatusBar && this.book) {
let titleBar = {x1: 0, y1: 0, x2: this.realWidth/2, y2: this.statusBarHeight + 1};
if (!this.statusBarTop) {
titleBar.y1 += this.realHeight - this.statusBarHeight + 1;
titleBar.y2 += this.realHeight - this.statusBarHeight + 1;
}
if (pointX >= titleBar.x1 && pointX <= titleBar.x2 &&
pointY >= titleBar.y1 && pointY <= titleBar.y2) {
window.open(this.meta.url, '_blank');
if (this.checkPointInStatusBar(pointX, pointY)) {
return false;
}
}
const w = pointX/this.realWidth*100;
const h = pointY/this.realHeight*100;