From 0e5675ffee7d02a8f06738b56fbced7a677e9e44 Mon Sep 17 00:00:00 2001
From: Amber Dev <amber.dev@viithiisys.com>
Date: Fri, 10 Jul 2020 01:45:05 +0530
Subject: [PATCH] added chapter navigation

---
 src/pages/Dashboard/ChapterInfo.vue | 46 ++++++++++++++++++++++++++-----------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/src/pages/Dashboard/ChapterInfo.vue b/src/pages/Dashboard/ChapterInfo.vue
index 01546c2..0dbe5d9 100644
--- a/src/pages/Dashboard/ChapterInfo.vue
+++ b/src/pages/Dashboard/ChapterInfo.vue
@@ -47,17 +47,30 @@
             </ul>
           </div>
 
-          <!-- NEXT CHAPTER -->
-          <v-flex
-            class="text-xs-right mt-5"
-            v-if="indexSelectedChapter < chapterNames.length -1"
-            @click="showSelectedChapter()"
-          >
-            <span style="cursor: pointer;" class="subheading font-weight-bold">
+          <!-- SELECT CHAPTERS -->
+          <v-layout row class="mt-5">
+            <!-- PREVIOUS CHAPTER -->
+            <v-flex
+              style="cursor: pointer;"
+              class="subheading font-weight-bold text-xs-left"
+              v-if="indexSelectedChapter > 0"
+              @click="showSelectedChapter('back')"
+            >
+              <v-icon class="black--text" style="position:relative; top: 4px;">chevron_left</v-icon>
+              {{chapterNames[indexSelectedChapter - 1]}}
+            </v-flex>
+            <v-spacer></v-spacer>
+            <!-- NEXT CHAPTER -->
+            <v-flex
+              style="cursor: pointer;"
+              class="subheading font-weight-bold text-xs-right"
+              v-if="indexSelectedChapter < chapterNames.length -1"
+              @click="showSelectedChapter('forward')"
+            >
               {{chapterNames[indexSelectedChapter + 1]}}
               <v-icon class="black--text" style="position:relative; top: 4px;">chevron_right</v-icon>
-            </span>
-          </v-flex>
+            </v-flex>
+          </v-layout>
           <!-- <v-flex class="text-xs-right mt-5" v-else>
             <span class="subheading font-weight-bold">Return to chapter one</span>
           </v-flex>-->
@@ -109,10 +122,17 @@ export default {
     };
   },
   methods: {
-    showSelectedChapter() {
-      this.indexSelectedChapter += 1;
-      this.selectedChapterId = this.chapterIds[this.indexSelectedChapter];
-      this.getParticularChapterDetail();
+    showSelectedChapter(newChapter) {
+      if (newChapter == "forward") {
+        this.indexSelectedChapter += 1;
+        this.selectedChapterId = this.chapterIds[this.indexSelectedChapter];
+        this.getParticularChapterDetail();
+      }
+      if (newChapter == "back") {
+        this.indexSelectedChapter -= 1;
+        this.selectedChapterId = this.chapterIds[this.indexSelectedChapter];
+        this.getParticularChapterDetail();
+      }
     },
     getParticularChapterDetail() {
       http()
-- 
2.0.0