Create frontend for submiting feedback.

views/dashboardPage/js/dashboard.js

@@ -19,6 +19,8 @@ const recipeDetails = require("./sidebars/recipeDetails.js");
 const transactionDetails = require("./sidebars/transactionDetails.js");
 const transactionFilter = require("./sidebars/transactionFilter.js");
 
+const modalScript = require("./modal.js");
+
 const Merchant = require("./classes/Merchant.js");
 
 merchant = new Merchant(data.merchant, data.transactions);
@@ -216,7 +218,7 @@ controller = {
                 content.onsubmit = newTransaction.submitSpreadsheet;
                 break;
             case "feedback":
-                document.getElementById("modalFeedback").style.display = "flex";
+                modalScript.feedback();
                 break;
         }
     },

views/dashboardPage/js/modal.js

@@ -0,0 +1,21 @@
+let modal = {
+    feedback: function(){
+        let form = document.getElementById("modalFeedback");
+        form.style.display = "flex";
+
+        let merchantInput = document.createElement("input");
+        merchantInput.type = "hidden";
+        merchantInput.name = "merchant";
+        merchantInput.value = merchant.id;
+        form.appendChild(merchantInput);
+
+        let now = new Date();
+        let dateInput = document.createElement("input");
+        dateInput.type = "hidden";
+        dateInput.name = "date";
+        dateInput.value = now.getTime();
+        form.appendChild(dateInput);
+    }
+};
+
+module.exports = modal;

views/dashboardPage/modal.ejs

@@ -6,7 +6,7 @@
         </svg>
 
         <div id="modalContent">
-            <form id="modalSpreadsheetUpload" class="modalSpreadsheetUpload" method="post" style="display:none;">
+            <form id="modalSpreadsheetUpload" class="modalSpreadsheetUpload" method="post" action="/feedback" style="display:none;">
                 <h3>Choose a file to upload your <span id="modalSpreadsheetTitle"></span></h3>
                 <input id="spreadsheetInput" class="fileUpload" name="file" type="file">
                 <label id="" style="display:none;">