From bcc5b27d1ee06b0410152b25f020edb3d4518ad1 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Fri, 25 Jan 2019 23:59:00 +0700
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B5=D1=84=D0=B0=D0=BA=D1=82=D0=BE?=
 =?UTF-8?q?=D1=80=D0=B8=D0=BD=D0=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Reader/HistoryPage/HistoryPage.vue        | 39 +++++----------
 client/components/share/Window.vue            | 47 +++++++++++++++++++
 2 files changed, 59 insertions(+), 27 deletions(-)
 create mode 100644 client/components/share/Window.vue

diff --git a/client/components/Reader/HistoryPage/HistoryPage.vue b/client/components/Reader/HistoryPage/HistoryPage.vue
index 0fe7085d..f3732767 100644
--- a/client/components/Reader/HistoryPage/HistoryPage.vue
+++ b/client/components/Reader/HistoryPage/HistoryPage.vue
@@ -1,13 +1,14 @@
 <template>
     <div ref="main" class="main">
-        <div class="window">
-            <div class="header">
-                <span class="header-text">Прочитаные книги:</span>
-            </div>
+        <Window>
+            <template slot="header">
+                Прочитаные книги:
+            </template>
+
             <div class="list">
                 Test
             </div>
-        </div>
+        </Window>
     </div>
 </template>
 
@@ -16,11 +17,17 @@
 import Vue from 'vue';
 import Component from 'vue-class-component';
 
+import Window from '../../share/Window.vue';
+
 export default @Component({
+    components: {
+        Window,
+    },
 })
 class HistoryPage extends Vue {
     created() {
         this.commit = this.$store.commit;
+        this.reader = this.$store.state.reader;
     }
 
 }
@@ -35,28 +42,6 @@ class HistoryPage extends Vue {
     align-items: center;
 }
 
-.window {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    min-width: 200px;
-    max-width: 600px;
-    background-color: #f5f7fa;
-    margin: 10px;
-    border: 1px solid black;
-    box-shadow: 3px 3px 5px black;
-}
-
-.header {
-    display: flex;
-    align-items: center;
-    height: 40px;
-}
-
-.header-text {
-    margin-left: 10px;
-}
-
 .list {
     flex: 1;
     background-color: #ffffff;
diff --git a/client/components/share/Window.vue b/client/components/share/Window.vue
new file mode 100644
index 00000000..439736ef
--- /dev/null
+++ b/client/components/share/Window.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="window">
+        <div class="header">
+            <span class="header-text"><slot name="header"></slot></span>
+        </div>
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Window extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>
+
+<style scoped>
+.window {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-width: 200px;
+    max-width: 600px;
+    background-color: #f5f7fa;
+    margin: 10px;
+    border: 1px solid black;
+    box-shadow: 3px 3px 5px black;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    height: 40px;
+}
+
+.header-text {
+    margin-left: 10px;
+}
+</style>
\ No newline at end of file