From c3af2406b71cf6ec5db340df067389650a2f3c6b Mon Sep 17 00:00:00 2001
From: Shikha Mishra <smshikhamishra25@gmail.com>
Date: Fri, 21 Aug 2020 20:29:06 +0530
Subject: [PATCH] document section for pdf in course detail

---
 src/pages/Common/UploadPdf.vue    | 22 ++++++------
 src/pages/Course/courseDetail.vue | 73 +++++++--------------------------------
 2 files changed, 23 insertions(+), 72 deletions(-)

diff --git a/src/pages/Common/UploadPdf.vue b/src/pages/Common/UploadPdf.vue
index 829d40c..e55c79a 100644
--- a/src/pages/Common/UploadPdf.vue
+++ b/src/pages/Common/UploadPdf.vue
@@ -23,7 +23,7 @@ export default {
     return {
       fileToLoad: "",
       fileName: "",
-      fileInBase64: ""
+      fileInBase64: "",
     };
   },
   methods: {
@@ -39,12 +39,12 @@ export default {
         // Select the very first file from list
         this.fileToLoad = selectedFile[0];
         this.fileName = selectedFile[0].name;
-        console.log("file name - ", this.fileName);
+        // console.log("file name - ", this.fileName);
         // FileReader function for read the file.
         var fileReader = new FileReader();
         // Onload of file read the file content
         let vm = this;
-        fileReader.onload = function(fileLoadedEvent) {
+        fileReader.onload = function (fileLoadedEvent) {
           vm.fileInBase64 = fileLoadedEvent.target.result;
           // Print data in console
           // console.log(vm.fileInBase64);
@@ -54,9 +54,9 @@ export default {
           // console.log("required - ", requiredUrl);
 
           let fileData = {
-            fileName: this.fileName,
+            selectedFileName: vm.fileName,
             fileInBase64: requiredUrl,
-            emptyPdf: ""
+            emptyPdf: "",
           };
           vm.$emit("pdfFileSelected", fileData);
         };
@@ -78,10 +78,10 @@ export default {
       let fileData = {
         fileName: this.fileName,
         fileInBase64: this.fileInBase64,
-        trigger: ""
+        trigger: "",
       };
       this.$emit("fileSelected", fileData);
-    }
+    },
   },
   watch: {
     respondToTrigger() {
@@ -89,17 +89,17 @@ export default {
         // console.log("Reset pdf - ", this.emptyPdf);
         this.resetInput();
       }
-    }
+    },
   },
   computed: {
     respondToTrigger: {
       get() {
         return this.emptyPdf;
       },
-      set(newVal) {}
+      set(newVal) {},
       // this.respondToTrigger = this.trigger;
-    }
-  }
+    },
+  },
 };
 </script> 
     <style scoped >
diff --git a/src/pages/Course/courseDetail.vue b/src/pages/Course/courseDetail.vue
index f6daded..ec809f7 100644
--- a/src/pages/Course/courseDetail.vue
+++ b/src/pages/Course/courseDetail.vue
@@ -139,7 +139,7 @@
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <UploadPdf
-                    @pdfFileSelected="pdfFileSelected($event,'fileName')"
+                    @pdfFileSelected="pdfFileSelected($event,'uploadPDF')"
                     label="Add PDF"
                     reference="editPdf"
                     id="editPdfInput"
@@ -290,12 +290,11 @@
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <UploadPdf
-                    @pdfFileSelected="pdfFileSelected($event,'fileName')"
+                    @pdfFileSelected="pdfFileSelected($event,'uploadPDF')"
                     label="Add PDF"
                     reference="newChapterPdf"
                     id="newChapterPdfInput"
                     :emptyPdf="emptyPdf"
-                    v-model="addChapterItem.fileName"
                   ></UploadPdf>
                 </v-flex>
               </v-layout>
@@ -421,45 +420,6 @@
       </v-card>
     </v-dialog>
 
-    <v-dialog v-model="viewDocument" max-width="1000" scrollable>
-      <v-card flat class="card-style pa-3" dark>
-        <v-layout>
-          <v-flex xs12>
-            <label class="title text-xs-center">View Document</label>
-            <v-icon size="24" class="right" @click="closeviewDocument">cancel</v-icon>
-          </v-flex>
-        </v-layout>
-        <v-card-text>
-          <v-container grid-list-md>
-            <v-layout wrap>
-              <v-flex xs12>
-                <!-- LINK TO PDF -->
-                <v-layout row justify-center v-show="editedItem.pdfFileUrl != ''">
-                  <v-flex xs6>
-                    <div style="width: 100%;">
-                      <a
-                        :href="editedItem.pdfFileUrl"
-                        target="_blank"
-                        style="text-decoration: none!important;"
-                      >
-                        <v-btn flat block>
-                          <span>
-                            <h5>
-                              <b>Open PDF</b>
-                            </h5>
-                          </span>
-                        </v-btn>
-                      </a>
-                    </div>
-                  </v-flex>
-                </v-layout>
-              </v-flex>
-            </v-layout>
-          </v-container>
-        </v-card-text>
-      </v-card>
-    </v-dialog>
-
     <!-- ****** Course Detail TABLE ****** -->
     <v-toolbar color="transparent" flat>
       <!-- <v-flex xs1>
@@ -642,16 +602,11 @@
                     slot="activator"
                     style="cursor:pointer; width:20px; height:20px; "
                     class="mr-3"
-                    @click="documents(props.item)"
                     src="/static/icon/dashboard icons-34.png"
+                    @click="openLink(props.item.pdfFileUrl)"
                   />
                   <span>
-                    <a
-                      :href="editedItem.pdfFileUrl"
-                      style="text-decoration: underline!important; color: white;"
-                    >
-                      <h5>{{editedItem.pdfFileUrl}}</h5>
-                    </a>
+                    <h5>{{props.item.fileName}}</h5>
                   </span>
                 </v-tooltip>
               </td>
@@ -782,12 +737,11 @@
                 </v-flex>
                 <v-flex xs8 sm8 md7 class="ml-3">
                   <UploadPdf
-                    @pdfFileSelected="pdfFileSelected($event,'fileName')"
+                    @pdfFileSelected="pdfFileSelected($event,'uploadPDF')"
                     label="Add PDF"
                     reference="newCoursePdf"
                     id="newCoursePdfInput"
                     :emptyPdf="emptyPdf"
-                    v-model="addCourseDetail.fileName"
                   ></UploadPdf>
                 </v-flex>
               </v-layout>
@@ -871,7 +825,6 @@ export default {
     editCourseDetailDialog: false,
     editChapterDetailDialog: false,
     viewProfileGallery: false,
-    viewDocument: false,
     valid: true,
     editLoading: false,
     addclass: [],
@@ -939,6 +892,9 @@ export default {
     showData: false,
   }),
   methods: {
+    openLink(url) {
+      window.open(url, "_blank");
+    },
     getCourses(classId) {
       this.showLoader = true;
       http()
@@ -1046,10 +1002,6 @@ export default {
       }
       this.editChapterDetailDialog = true;
     },
-    documents(item) {
-      this.editedItem = Object.assign({}, item);
-      this.viewDocument = true;
-    },
     deleteItem(item) {
       let deleteGallery = {
         courseDetailId: item._id,
@@ -1107,9 +1059,6 @@ export default {
     closeProfileGallery() {
       this.viewProfileGallery = false;
     },
-    closeviewDocument() {
-      this.viewDocument = false;
-    },
     submit() {
       let chapters = [];
       var chapterPoints = [];
@@ -1121,8 +1070,9 @@ export default {
             chapterName: this.addCourseDetail.chapterName,
             description: this.addCourseDetail.description,
             chapterPoints: chapterPoints,
-            fileName: this.pdfFile,
+            uploadPdf: this.pdfFile,
             uploadPpt: this.pptFile,
+            fileName: this.pdfFileName,
           },
         ];
       }
@@ -1201,8 +1151,9 @@ export default {
         chapterName: this.editChapter.chapterName,
         description: this.editChapter.description,
         chapterPoints: chapterPoints,
-        fileName: this.pdfFile,
+        uploadPDF: this.pdfFile,
         uploadPpt: this.pptFile,
+        fileName: this.pdfFileName,
       };
       this.editLoading = true;
       http()
-- 
2.0.0