From 2bebe030a00b7356a29d29b92e3773ef3b2f41a9 Mon Sep 17 00:00:00 2001
From: Jussiadev <jussiadev@gmail.com>
Date: Tue, 3 Apr 2018 19:11:05 +0300
Subject: [PATCH] add slot for book content

---
 src/components/book-reader/BookReader.vue | 10 ++++-
 static/left-alignment.svg                 | 45 +++++++++++++++++++++++
 static/search.svg                         | 15 ++++++++
 3 files changed, 68 insertions(+), 2 deletions(-)
 create mode 100644 static/left-alignment.svg
 create mode 100644 static/search.svg

diff --git a/src/components/book-reader/BookReader.vue b/src/components/book-reader/BookReader.vue
index 864af2d..93151d9 100644
--- a/src/components/book-reader/BookReader.vue
+++ b/src/components/book-reader/BookReader.vue
@@ -4,7 +4,9 @@
       <slot name="prev-btn" :goToPrevPage="goToPrevPage">
         <div id="prev" class="arrow" @click="goToPrevPage">‹</div>
       </slot>
-      <div ref="viewer" id="area"></div>
+      <slot name="book-content">
+        <div id="area"></div>
+      </slot>
       <slot name="next-btn" :goToNextPage="goToNextPage">
         <div id="next" class="arrow" @click="goToNextPage">›</div>
       </slot>
@@ -52,6 +54,10 @@ export default {
     progress: {
       type: Number,
       required: true
+    },
+    bookArea: {
+      type: String,
+      default: 'area'
     }
   },
   data () {
@@ -81,7 +87,7 @@ export default {
   },
   methods: {
     initReader () {
-      this.rendition = this.book.renderTo(this.$refs.viewer, {
+      this.rendition = this.book.renderTo(this.bookArea, {
         contained: true
       })
       this.registerThemes()
diff --git a/static/left-alignment.svg b/static/left-alignment.svg
new file mode 100644
index 0000000..db7fdbd
--- /dev/null
+++ b/static/left-alignment.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 22.916 22.916" style="enable-background:new 0 0 22.916 22.916;" xml:space="preserve">
+<g>
+	<path d="M11.458,22.828H0.5c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h10.958c0.276,0,0.5,0.224,0.5,0.5
+		S11.734,22.828,11.458,22.828z"/>
+	<path d="M22.416,15.582H0.5c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h21.916c0.276,0,0.5,0.224,0.5,0.5
+		S22.692,15.582,22.416,15.582z"/>
+	<path d="M22.416,8.335H0.5c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h21.916c0.276,0,0.5,0.224,0.5,0.5
+		S22.692,8.335,22.416,8.335z"/>
+	<path d="M22.416,1.088H0.5c-0.276,0-0.5-0.224-0.5-0.5s0.224-0.5,0.5-0.5h21.916c0.276,0,0.5,0.224,0.5,0.5
+		S22.692,1.088,22.416,1.088z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/static/search.svg b/static/search.svg
new file mode 100644
index 0000000..77ecb28
--- /dev/null
+++ b/static/search.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="19px" viewBox="0 0 18 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Group</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="!search" transform="translate(1.000000, 1.000000)" fill="#4A4A4A" fill-rule="nonzero">
+            <g id="Group" transform="translate(-1.000000, -1.000000)">
+                <path d="M8.05882353,16.1176471 C3.60805819,16.1176471 0,12.5095889 0,8.05882353 C0,3.60805819 3.60805819,0 8.05882353,0 C12.5095889,0 16.1176471,3.60805819 16.1176471,8.05882353 C16.1176471,12.5095889 12.5095889,16.1176471 8.05882353,16.1176471 Z M8.05882353,14.1176471 C11.4050194,14.1176471 14.1176471,11.4050194 14.1176471,8.05882353 C14.1176471,4.71262769 11.4050194,2 8.05882353,2 C4.71262769,2 2,4.71262769 2,8.05882353 C2,11.4050194 4.71262769,14.1176471 8.05882353,14.1176471 Z" id="Oval"></path>
+                <polygon id="Shape" points="11.5870108 13.9424009 13.0012244 12.5281873 17.7071068 17.2340697 16.2928932 18.6482833"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file