Add files via upload

Jefry-nolastname · Mar 16, 2022 · 0fd7013 · 0fd7013
1 parent d71da68
commit 0fd7013
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
   "dependencies": {
     "cookie-parser": "~1.4.4",
     "debug": "~2.6.9",
+    "dotenv": "^16.0.0",
     "express": "~4.16.1",
     "hbs": "~4.0.4",
     "http-errors": "~1.6.3",

diff --git a/public/javascripts/index.js b/public/javascripts/index.js
@@ -13,6 +13,12 @@ exampleModal.addEventListener('show.bs.modal', function (event) {
     Files = [];
     $("input").val("");
     $("#uploadedFile").empty();
+
+    $("#formCreate").submit((event)=>{
+        event.preventDefault();
+        console.log($(event.target).serializeArray());
+    });
+
     $("#formFile").change( (event) => {
         if(event.target.files.length>0){
             for(var i=0;i<event.target.files.length;i++){
@@ -26,6 +32,7 @@ exampleModal.addEventListener('show.bs.modal', function (event) {
             $(event.target).val("");
         }
     });
+
     $("#join-form").change(async (event)=>{
         const file = event.target.files[0];
         const data = await file.arrayBuffer();
@@ -36,4 +43,4 @@ exampleModal.addEventListener('show.bs.modal', function (event) {
         var container = document.getElementById('participantCounter');
         container.innerHTML = `${aoa.length} Participant(s)`;        
     });
-})
+})
diff --git a/util/handlebars_helper.js b/util/handlebars_helper.js
@@ -8,10 +8,8 @@ hbs.registerHelper("check_selected", function (value, options) {
 
 hbs.registerHelper("selected", function (option, value) {
 	if (option === value) {
-		console.log(true);
 		return " selected";
 	} else {
-		console.log(false);
 		return "";
 	}
 });

diff --git a/views/index.hbs b/views/index.hbs
@@ -58,48 +58,49 @@
         <h5 class="modal-title" id="exampleModalLabel">Start New Topic</h5>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
+      <form class="row g-3" id="formCreate">
       <div class="modal-body">
-        <form class="row g-3">
           <div class="col-auto">
             <label for="contributor" class="col-form-label">Name :</label>
-            <input type="text" class="form-control" id="contributor"> 
+            <input name="Name" type="text" class="form-control" id="contributor"> 
           </div> 
           <div class="col-auto">
             <label for="division" class="col-form-label">Division :</label>
-            <select class="form-select" aria-label="Default select example">
+            <select name="division" class="form-select" aria-label="Default select example">
                 <option  value="">Please select your division</option>
                 <option value="ict">ICT</option>
             </select>
           </div> 
           <div class="mb-1">
             <label for="recipient-name" class="col-form-label">Title :</label>
-            <input type="text" class="form-control" id="recipient-name">
+            <input name="Title" type="text" class="form-control" id="recipient-name">
           </div>
           <div class="mb-1">
             <label for="message-text" class="col-form-label">Description :</label>
-            <textarea class="form-control" id="message-text"></textarea>
+            <textarea name="Description" class="form-control" id="message-text"></textarea>
           </div>
           <div class="mb-1">
             <label for="join-form" class="col-form-label">Join Form Excel File:</label>
             <input class="form-control" type="file" id="join-form" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
             <small id="participantCounter"></small>
+            <input type="hidden" name="Participant"/>
           </div>
           <div class="mb-1">
             <label for="video-link" class="col-form-label">Youtube Link :</label>
-             <input type="text" class="form-control" id="video-link">
+            <input name="Video" class="form-control" type="file" id="formFile" multiple="multiple" accept="video/*">
           </div>
           <div class="mb-1">
             <label for="formFile" class="form-label">Upload Thumbnails</label>
-            <input class="form-control" type="file" id="formFile" multiple="multiple" accept="image/*">
+            <input name="Images" class="form-control" type="file" id="formFile" multiple="multiple" accept="image/*">
             <ul id="uploadedFile">
             </ul>
         </div>
-        </form>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-        <button type="button" class="btn btn-primary">Save</button>
+        <button type="submit" class="btn btn-primary">Save</button>
       </div>
+      </form>
     </div>
   </div>
 </div>