From 0d18ae4a2ff1dbc704117da48606f965b035a5f8 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Fri, 11 Jan 2019 02:39:26 +0700
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=20=D0=BD?=
 =?UTF-8?q?=D0=B0=D0=B4=20loaderPage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Reader/LoaderPage/LoaderPage.vue          | 36 ++++++++++++++++---
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/client/components/Reader/LoaderPage/LoaderPage.vue b/client/components/Reader/LoaderPage/LoaderPage.vue
index 3f647e78..d0512d47 100644
--- a/client/components/Reader/LoaderPage/LoaderPage.vue
+++ b/client/components/Reader/LoaderPage/LoaderPage.vue
@@ -7,10 +7,16 @@
         </div>
         <div class="part center">
             <el-input ref="input" placeholder="URL книги" v-model="bookUrl">
-                <el-button slot="append" icon="el-icon-search" @click="submitUrl"></el-button>
+                <el-button slot="append" icon="el-icon-check" @click="submitUrl"></el-button>
             </el-input>
+            <div class="space"></div>
+            <el-button size="mini" @click="loadFle">
+                Загрузить файл
+            </el-button>
         </div>
         <div class="part bottom">
+            <span class="bottom-span clickable" @click="openHelp">Справка</span>
+            <span class="bottom-span">{{ version }}</span>
         </div>
     </div>
 </template>
@@ -31,9 +37,6 @@ class LoaderPage extends Vue {
         this.config = this.$store.state.config;
     }
 
-    mounted() {
-    }
-
     activated() {
         this.$refs.input.focus();
     }
@@ -45,12 +48,22 @@ class LoaderPage extends Vue {
 
     }
 
+    get version() {
+        return `v${this.config.version}`;
+    }
+
     submitUrl() {
         if (this.bookUrl)
             //loadUrl()
         ;
     }
 
+    loadFle() {
+    }
+
+    openHelp() {
+    }
+
     keyHook(event) {
         //недостатки сторонних ui
         if (document.activeElement == this.$refs.input.$refs.input && event.type == 'keyup' && event.key == 'Enter')
@@ -83,6 +96,12 @@ class LoaderPage extends Vue {
     font-weight: bold;
 }
 
+.clickable {
+    color: blue;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
 .center {
     justify-content: flex-start;
     padding: 0 5px 0 5px;
@@ -92,7 +111,16 @@ class LoaderPage extends Vue {
     justify-content: flex-end;
 }
 
+.bottom-span {
+    font-size: 70%;
+    margin-bottom: 10px;
+}
+
 .el-input {
     max-width: 600px;
 }
+
+.space {
+    height: 20px;
+}
 </style>
\ No newline at end of file