From 0070e461d5b4496e9423795be0edc58a59c2feea Mon Sep 17 00:00:00 2001
From: Erastus Amunwe <eneamunwe@gmail.com>
Date: Fri, 6 Nov 2020 18:02:18 +0200
Subject: [PATCH] added chapter searching

---
 src/components/Verses.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/Verses.vue b/src/components/Verses.vue
index d5eb41c..9eddeef 100644
--- a/src/components/Verses.vue
+++ b/src/components/Verses.vue
@@ -1,5 +1,6 @@
 <template >
     <div v-if="verses.length">
+        {{search.toLowerCase() + fverses.length}}
     <ul :dir="dir" 
      class="uk-margin-medium-top uk-list uk-list-divider uk-animation-hover">
         <li  v-for="(verse, i) in pverses" :key="i" 
@@ -43,6 +44,7 @@
     </div>
 </template>
 <script>
+import _ from 'lodash';
 import {mapGetters} from 'vuex';
 export default {
     data: () => {
@@ -53,14 +55,27 @@ export default {
         }
     },
     computed: {
-       ...mapGetters(['verses', 'dir', 'book_name']),
+       ...mapGetters(['verses', 'dir', 'book_name', 'search']),
        pverses(){
-           return this.verses.slice(this.prev, this.next)
-       }
+           return this.fverses.slice(this.prev, this.next)
+       },
+        fverses: function (){
+                console.log(this.search);
+                    if(!this.search)
+                    return this.verses
+                    return this.filteredVerses
+                },
+                filteredVerses() {
+                    return _.orderBy(this.verses.filter((item) => 
+                            item.verse.toString().toLowerCase().includes(this.search.toLowerCase())
+                        || item.chapter.toString().toLowerCase().includes(this.search.toLowerCase())
+                        || item.name.toString().toLowerCase().includes(this.search.toLowerCase())
+                        || item.text.toLowerCase().includes(this.search.toLowerCase())), 'verse');
+                    },
     },
     methods: {
         nextV(){
-            if(this.next> this.verses.length) return;
+            if(this.next> this.fverses.length) return;
             this.next = this.next + 5
             this.prev = this.prev+ 5
             // console.log(this.next, this.prev);