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

Переделки debouncedPosChange

Browse Source
This commit is contained in:
Book Pauk
2019-02-02 18:39:38 +07:00
parent 0276bcb8b3
commit 98fd921f98
2 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/components/Reader/Reader.vue
View File

@@ -81,6 +81,7 @@ import SettingsPage from './SettingsPage/SettingsPage.vue';
import bookManager from './share/bookManager';
import readerApi from '../../api/reader';
import _ from 'lodash';
import {sleep} from '../../share/utils';
export default @Component({
@@ -101,9 +102,7 @@ export default @Component({
if (textPage.bookPos != newValue) {
textPage.bookPos = newValue;
}
if (this.lastOpenedBook && this.lastOpenedBook.bookPos != newValue) {
this.commit('reader/setOpenedBook', Object.assign({}, this.lastOpenedBook, {bookPos: newValue, bookPosSeen: this.bookPosSeen}));
}
this.debouncedCommitOpenedBook(newValue);
}
},
routeParamPos: function(newValue) {
@@ -147,6 +146,16 @@ class Reader extends Vue {
this.lastActivePage = false;
this.debouncedUpdateRoute = _.debounce(() => {
this.updateRoute();
}, 1000);
this.debouncedCommitOpenedBook = _.debounce((newValue) => {
if (this.lastOpenedBook && this.lastOpenedBook.bookPos != newValue) {
this.commit('reader/setOpenedBook', Object.assign({}, this.lastOpenedBook, {bookPos: newValue, bookPosSeen: this.bookPosSeen}));
}
}, 500);
document.addEventListener('fullscreenchange', () => {
this.fullScreenActive = (document.fullscreenElement !== null);
});
@@ -205,7 +214,7 @@ class Reader extends Vue {
if (event.bookPosSeen !== undefined)
this.bookPosSeen = event.bookPosSeen;
this.bookPos = event.bookPos;
this.updateRoute();
this.debouncedUpdateRoute();
}
get toolBarActive() {

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

@@ -44,7 +44,7 @@ const minLayoutWidth = 100;
export default @Component({
watch: {
bookPos: function(newValue) {
this.debouncedEmitPosChange(newValue);
this.$emit('book-pos-changed', {bookPos: newValue, bookPosSeen: this.bookPosSeen});
this.draw();
},
settings: function() {
@@ -79,10 +79,6 @@ class TextPage extends Vue {
this.config = this.$store.state.config;
this.reader = this.$store.state.reader;
this.debouncedEmitPosChange = _.debounce((newValue) => {
this.$emit('book-pos-changed', {bookPos: newValue, bookPosSeen: this.bookPosSeen});
}, 1000);
this.debouncedStartClickRepeat = _.debounce((x, y) => {
this.startClickRepeat(x, y);
}, 800);