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

Добавил реакцию 'refresh'

Browse Source
This commit is contained in:
Book Pauk
2019-01-15 22:48:01 +07:00
parent a7a34a0e49
commit f07f11930c
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,7 +15,7 @@
</el-tooltip> </el-tooltip>
<div class="space"></div> <div class="space"></div>
<el-tooltip content="На весь экран" :open-delay="1000" effect="light"> <el-tooltip content="На весь экран" :open-delay="1000" effect="light">
<el-button class="tool-button" :class="buttonActiveClass('fullscreen')" @click="buttonClick('fullscreen')"><i class="el-icon-rank"></i></el-button> <el-button class="tool-button" :class="buttonActiveClass('fullScreen')" @click="buttonClick('fullScreen')"><i class="el-icon-rank"></i></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip content="Прокрутка книги" :open-delay="1000" effect="light"> <el-tooltip content="Прокрутка книги" :open-delay="1000" effect="light">
<el-button class="tool-button" @click="buttonClick('setPosition')"><i class="el-icon-d-arrow-right"></i></el-button> <el-button class="tool-button" @click="buttonClick('setPosition')"><i class="el-icon-d-arrow-right"></i></el-button>
@@ -166,7 +166,12 @@ class Reader extends Vue {
buttonClick(button) { buttonClick(button) {
switch (button) { switch (button) {
case 'loader': this.loaderActive = !this.loaderActive; break; case 'loader': this.loaderActive = !this.loaderActive; break;
case 'fullscreen': this.commit('reader/setFullScreenActive', !this.fullScreenActive); break; case 'fullScreen': this.commit('reader/setFullScreenActive', !this.fullScreenActive); break;
case 'refresh':
if (this.lastOpenedBook) {
this.loadBook({url: this.lastOpenedBook.url, force: true});
}
break;
} }
} }
@@ -174,7 +179,7 @@ class Reader extends Vue {
const classActive = { 'tool-button-active': true, 'tool-button-active:hover': true }; const classActive = { 'tool-button-active': true, 'tool-button-active:hover': true };
switch (button) { switch (button) {
case 'loader': return (this.loaderActive ? classActive : {}); case 'loader': return (this.loaderActive ? classActive : {});
case 'fullscreen': return (this.fullScreenActive ? classActive : {}); case 'fullScreen': return (this.fullScreenActive ? classActive : {});
} }
return {}; return {};
} }