From 34a2a2609b12b678dfeeafe5a8e59707c9a0eb98 Mon Sep 17 00:00:00 2001 From: Amber Dev Date: Fri, 17 Jul 2020 17:58:54 +0530 Subject: [PATCH] added upload files option --- src/Services/AllApiCalls.js | 19 +++++-------------- src/pages/Common/UploadFiles.vue | 14 ++++---------- src/pages/Common/UploadPdf.vue | 22 +++++++++++----------- src/pages/Course/courseDetail.vue | 17 ++++------------- 4 files changed, 24 insertions(+), 48 deletions(-) diff --git a/src/Services/AllApiCalls.js b/src/Services/AllApiCalls.js index 9472a4b..93103f8 100644 --- a/src/Services/AllApiCalls.js +++ b/src/Services/AllApiCalls.js @@ -20,18 +20,11 @@ export default { /************************** METHODS USED FOR COMMON FILES *********************/ /* METHODS USED FOR UploadPdf.vue */ pdfFileSelected(e, message) { - if (message == "uploadPPT") { - this.pptFile = e.fileInBase64; - this.pptFileName = e.selectedFileName; - this.trigger = e.trigger; - console.log("ppt file - ", this.pptFile); - } - if (message == "uploadPDF") { - this.pdfFile = e.fileInBase64; - this.pdfFileName = e.selectedFileName; - this.emptyPdf = e.trigger; - console.log("pdf file - ", this.pdfFile); - } + + this.pdfFile = e.fileInBase64; + this.pdfFileName = e.selectedFileName; + this.emptyPdf = e.emptyPdf; + }, /* METHODS USED FOR UploadFiles.vue */ @@ -40,13 +33,11 @@ export default { this.pptFile = e.fileInBase64; this.pptFileName = e.selectedFileName; this.trigger = e.trigger; - console.log("ppt file - ", this.pptFile); } if (message == "uploadPDF") { this.pdfFile = e.fileInBase64; this.pdfFileName = e.selectedFileName; this.emptyPdf = e.trigger; - console.log("pdf file - ", this.pdfFile); } }, diff --git a/src/pages/Common/UploadFiles.vue b/src/pages/Common/UploadFiles.vue index be1af57..fc11f8e 100644 --- a/src/pages/Common/UploadFiles.vue +++ b/src/pages/Common/UploadFiles.vue @@ -39,19 +39,15 @@ export default { // Select the very first file from list this.fileToLoad = selectedFile[0]; this.fileName = selectedFile[0].name; - 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) { vm.fileInBase64 = fileLoadedEvent.target.result; - // Print data in console - console.log(vm.fileInBase64); var str = vm.fileInBase64; const [baseUrl, requiredUrl] = str.split(/,/); - console.log("required - ", requiredUrl); let fileData = { fileName: this.fileName, @@ -67,25 +63,23 @@ export default { }, resetInput(params) { // RESET INPUT ELEMENT,fileName and selectedfile array - - this.$refs[this.reference].type = "text"; - this.$refs[this.reference].type = "file"; - this.fileName = ""; this.fileToLoad = null; + this.fileName = null; this.fileInBase64 = null; + document.getElementById(this.id).type = "text"; + document.getElementById(this.id).type = "file"; + let fileData = { fileName: this.fileName, fileInBase64: this.fileInBase64, trigger: "" }; this.$emit("fileSelected", fileData); - console.log("its reset - ", fileData); } }, watch: { respondToTrigger() { if (this.respondToTrigger == "reset") { - console.log("Resets - ", this.trigger); this.resetInput(); } } diff --git a/src/pages/Common/UploadPdf.vue b/src/pages/Common/UploadPdf.vue index 1aedb5c..815d4e2 100644 --- a/src/pages/Common/UploadPdf.vue +++ b/src/pages/Common/UploadPdf.vue @@ -39,7 +39,7 @@ 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 @@ -47,16 +47,16 @@ export default { fileReader.onload = function(fileLoadedEvent) { vm.fileInBase64 = fileLoadedEvent.target.result; // Print data in console - console.log(vm.fileInBase64); + // console.log(vm.fileInBase64); var str = vm.fileInBase64; const [baseUrl, requiredUrl] = str.split(/,/); - console.log("required - ", requiredUrl); + // console.log("required - ", requiredUrl); let fileData = { fileName: this.fileName, fileInBase64: requiredUrl, - trigger: "" + emptyPdf: "" }; vm.$emit("pdfFileSelected", fileData); }; @@ -67,25 +67,25 @@ export default { }, resetInput(params) { // RESET INPUT ELEMENT,fileName and selectedfile array - - this.$refs[this.reference].type = "text"; - this.$refs[this.reference].type = "file"; - this.fileName = ""; this.fileToLoad = null; + this.fileName = null; this.fileInBase64 = null; + document.getElementById(this.id).type = "text"; + document.getElementById(this.id).type = "file"; + let fileData = { fileName: this.fileName, fileInBase64: this.fileInBase64, - trigger: "" + emptyPdf: "" }; this.$emit("pdfFileSelected", fileData); - console.log("its reset - ", fileData); + // console.log("its reset - ", fileData); } }, watch: { respondToTrigger() { if (this.respondToTrigger == "reset") { - console.log("Resets - ", this.emptyPdf); + // console.log("Reset pdf - ", this.emptyPdf); this.resetInput(); } } diff --git a/src/pages/Course/courseDetail.vue b/src/pages/Course/courseDetail.vue index 791f0d2..f03afac 100644 --- a/src/pages/Course/courseDetail.vue +++ b/src/pages/Course/courseDetail.vue @@ -143,7 +143,7 @@ label="Add PDF" reference="editPdf" id="editPdfInput" - :trigger="emptyPdf" + :emptyPdf="emptyPdf" > @@ -294,7 +294,7 @@ label="Add PDF" reference="newChapterPdf" id="newChapterPdfInput" - :trigger="emptyPdf" + :emptyPdf="emptyPdf" > @@ -697,7 +697,7 @@ label="Add PDF" reference="newCoursePdf" id="newCoursePdfInput" - :trigger="emptyPdf" + :emptyPdf="emptyPdf" > @@ -728,12 +728,7 @@ - Clear + Clear Add @@ -1063,7 +1058,6 @@ export default { // console.log("this.updates", this.updates); var chapterPoints = []; for (let i = 0; i < this.updates.length; i++) { - console.log("this.updates[i]", this.updates[i]); chapterPoints.push(this.updates[i].value); } var updateData = { @@ -1075,7 +1069,6 @@ export default { uploadPdf: this.pdfFile, uploadPpt: this.pptFile }; - console.log("chapterPoints", updateData); this.editLoading = true; http() .put("/updateChapters", updateData) @@ -1098,7 +1091,6 @@ export default { }); }, save() { - // console.log("utykgigiu", this.editedCourse); var updateData = { courseDetailId: this.editedCourse._id, courseId: this.editedCourse.courseId, @@ -1147,7 +1139,6 @@ export default { }, addChapterPoint: function() { this.findsChapterPoint.push({ value: "" }); - console.log("this.findsChapterPoint", this.findsChapterPoint); }, update: function() { this.updates.push({ value: "" }); -- 2.0.0