瀏覽代碼

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

Book Pauk 6 年之前
父節點
當前提交
f07f11930c
共有 1 個文件被更改,包括 8 次插入3 次删除
  1. 8 3
      client/components/Reader/Reader.vue

+ 8 - 3
client/components/Reader/Reader.vue

@@ -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 {};
     }
     }