From 59793b95a8438718071e2990c8a28cef8e3b8aed Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Tue, 19 May 2020 12:28:22 +0530
Subject: [PATCH] complete design and functionality of paymentHistory and
 e-book

---
 src/pages/Account/paymentHistory.vue | 37 ++++++++++++++++++------------------
 src/pages/Library/eBook.vue          | 20 +++++++++----------
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/pages/Account/paymentHistory.vue b/src/pages/Account/paymentHistory.vue
index 40cb0fe..30bd469 100644
--- a/src/pages/Account/paymentHistory.vue
+++ b/src/pages/Account/paymentHistory.vue
@@ -121,6 +121,14 @@
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
+    <v-snackbar
+      :timeout="timeout"
+      :top="y === 'top'"
+      :right="x === 'right'"
+      :vertical="mode === 'vertical'"
+      v-model="snackbar"
+      :color="color"
+    >{{ text }}</v-snackbar>
   </v-container>
 </template>
 
@@ -182,7 +190,14 @@ export default {
     paymentHistory: [],
     addPaymentHistoryDialog: "",
     editPaymentDialog: false,
-    editedItem: {}
+    editedItem: {},
+    y: "top",
+    x: "right",
+    mode: "",
+    timeout: 5000,
+    text: "",
+    color: "",
+    snackbar: false
   }),
   methods: {
     editItem(item) {
@@ -270,8 +285,9 @@ export default {
           this.editPaymentDialog = false;
         })
         .catch(error => {
-          console.log("error", error);
+          console.log("error", error.response);
           this.snackbar = true;
+          this.text = error.response.data.message;
           this.color = "red";
         });
     },
@@ -283,22 +299,7 @@ export default {
       this.showSearch = false;
       this.show = true;
       this.search = "";
-    },
-    // fixedPaidAmount(paidAmount) {
-    //   console.log("paidAmount", paidAmount);
-    //   console.log(
-    //     "this.editedItem.feeType.subTotal",
-    //     this.editedItem.feeType.subTotal
-    //   );
-    //   if (paidAmount > this.editedItem.feeType.subTotal) {
-    //     console.log(
-    //       "------------finaly------------",
-    //       this.editedItem.feeType.subTotal
-    //     );
-    //     this.editedItem.paidAmount = this.editedItem.feeType.subTotal;
-    //     console.log("finally----paidamount", this.editedItem.paidAmount);
-    //   }
-    // }
+    }
   },
   mounted() {
     this.token = this.$store.state.token;
diff --git a/src/pages/Library/eBook.vue b/src/pages/Library/eBook.vue
index 325bd50..c9005e1 100644
--- a/src/pages/Library/eBook.vue
+++ b/src/pages/Library/eBook.vue
@@ -137,25 +137,25 @@
 
     <!-- ****** PROFILE VIEW ALL NEWS DEATILS ******  -->
 
-    <v-dialog v-model="viewEbookDialog" max-width="800px" scrollable>
+    <v-dialog v-model="viewEbookDialog" max-width="600px" scrollable>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
-            <label class="title text-xs-center">View E-book Details</label>
+            <label class="title text-xs-center">View E-book</label>
             <v-icon size="24" class="right" @click="viewEbookDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-layout>
           <v-flex align-center justify-center layout text-xs-center class="mt-3">
             <v-avatar size="100px">
-              <img src="/static/icon/user.png" v-if="!editedItem.fileUrl" />
-              <img :src="editedItem.fileUrl" v-else-if="editedItem.fileUrl" />
+              <img src="/static/icon/user.png" v-if="!editedItem.coverPhotoUrl" />
+              <img :src="editedItem.coverPhotoUrl" v-else-if="editedItem.coverPhotoUrl" />
             </v-avatar>
           </v-flex>
         </v-layout>
         <v-container grid-list-md>
           <v-layout wrap>
-            <v-flex xs12 sm5>
+            <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs6 sm6>
                   <h5 class="right my-1">
@@ -167,21 +167,20 @@
                 </v-flex>
               </v-layout>
             </v-flex>
-            <v-flex xs12 sm7>
+            <v-flex xs12 sm12>
               <v-layout>
-                <v-flex xs6 sm4>
+                <v-flex xs6 sm6>
                   <h5 class="right my-1">
                     <b>Author:</b>
                   </h5>
                 </v-flex>
-                <v-flex sm8 xs6>
+                <v-flex sm6 xs6>
                   <h5 class="my-1 left">{{ editedItem.author }}</h5>
                 </v-flex>
               </v-layout>
             </v-flex>
           </v-layout>
-          <v-layout wrap>
-            <v-flex xs12 sm5>
+            <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs6 sm6>
                   <h5 class="right my-1">
@@ -193,7 +192,6 @@
                 </v-flex>
               </v-layout>
             </v-flex>
-          </v-layout>
         </v-container>
       </v-card>
     </v-dialog>
-- 
2.0.0