| Meeting Name: | ';
+ myTable += "Meeting Date: | ";
+ myTable += "Meeting Creator: | ";
+ myTable += "Meeting Details: | ";
+ for (let i = 0; i < numTasks; i++) { // Make the table with one row per task
+ myTable += "| " + meetingsArray[i].name + " | ";
+ myTable += "" + meetingsArray[i].date + " | ";
+ myTable += "" + meetingsArray[i].username + " | ";
+ myTable += "" + meetingsArray[i].details + " |
";
+ }
+ myTable += "
";
+ document.getElementById("tablePrint").innerHTML = myTable;
+ isHidden = false;
+ });
+ });
+ return false;
+ } else {
+ alert("Enter a full date to see meetings on that date");
+ }
+}
+
+const submit = function( e ) { // Submit request for a new meeting
+ e.preventDefault()
+
+ const nameInput = document.querySelector( '#meetingName' ),
+ detailsInput = document.querySelector( '#meetingDetails' ),
+ dateInput = document.querySelector('#enteredDate'),
+ json = { name: nameInput.value, date: dateInput.value, details: detailsInput.value },
+ body = JSON.stringify( json );
+
+ fetch( '/submitMeeting', { //This meeting will be made originally with no tasks in it, just details
+ method:'POST',
+ body: JSON.stringify( json ),
+ headers: { 'Content-Type': 'application/json' },
+ credentials: 'include'
+ })
+ .then( function( response ) {
+ // Update the task list for the user
+ response.json().then((data) => {
+ //act now that the new meeting has been created
+ if (data.meetingAdded) {
+ alert("Meeting created");
+ } else {
+ alert("You already have a meeting of that name");
+ }
+ if (!isHidden) {
+ view(e);
+ }
+ });
+ });
+ return false;
+}
+
+const remove = function( e ) { // Delete a task with a specified id number
+ // prevent default form action from being carried out
+ e.preventDefault();
+
+ const nameInput = document.querySelector( '#meetingName' ),
+ dateInput = document.querySelector('#enteredDate'),
+ json = { name: nameInput.value, date: dateInput.value },
+ body = JSON.stringify( json );
+
+ fetch( '/removeMeeting', {
+ method:'DELETE',
+ body: JSON.stringify( json ),
+ headers: { 'Content-Type': 'application/json' },
+ credentials: 'include'
+ })
+ .then( function( response ) {
+ // Simply redisplay the table on the response after the deletion occurs
+ // if it is not currently hidden
+ response.json().then((data) => {
+ document.getElementById("tablePrint").innerHTML = '| Meeting Name: | ';
+ myTable += "Meeting Date: | ";
+ myTable += "Meeting Creator: | ";
+ myTable += "Meeting Details: | ";
+ for (let i = 0; i < numTasks; i++) { // Make the table with one row per task
+ myTable += "| " + meetingsArray[i].name + " | ";
+ myTable += "" + meetingsArray[i].date + " | ";
+ myTable += "" + meetingsArray[i].username + " | ";
+ myTable += "" + meetingsArray[i].details + " |
";
+ }
+ myTable += "
";
+ document.getElementById("tablePrint").innerHTML = myTable;
+ isHidden = false;
+ drawCal();
+ });
+ });
+ return false;
+ } else {
+ alert("Enter a full date to see meetings on that date that you have made");
+ }
+}
+
+const viewTasks = function(e) {
+ e.preventDefault();
+ let tasksArray;
+
+ const nameInput = document.querySelector( '#meetingname' ),
+ json = { meeting: nameInput.value, },
+ body = JSON.stringify( json );
+
+ fetch( '/viewTasks', {
+ method:'POST',
+ credentials: 'include',
+ headers: { 'Content-Type': 'application/json' },
+ body: body
+ })
+ .then( function( response ) {
+
+ // Fetch all tasks for this meeting in the database to add to a table
+ console.log( response );
+ response.json().then((data) => {
+ console.log( data );
+ if (data.tasksArray) {
+ tasksArray = data.tasksArray;
+ let numTasks = tasksArray.length;
+ let myTable = '| ' + nameInput.value + ' |
| | Task Name: | ';
+ myTable += "Assigned to: | ";
+ myTable += "Date: | ";
+ myTable += "Details: |
";
+ for (let i = 0; i < numTasks; i++) { // Make the table with one row per task
+ myTable += "| " + tasksArray[i].taskName + " | ";
+ myTable += "" + tasksArray[i].assigneeName + " | ";
+ myTable += "" + tasksArray[i].date + " | ";
+ myTable += "" + tasksArray[i].details + " |
";
+ }
+ myTable += "
";
+ document.getElementById("tablePrintM").innerHTML = myTable;
+ isHidden = false;
+ } else {
+ alert("You have not made a meeting with the name that you entered.")
+ }
+ });
+ });
+ return false;
+}
+
+window.onload = function() { // Link each button to its respective function
+ const viButton = document.querySelector( '#viewButton' ),
+ viTaButton = document.querySelector(' #viewButtonM '),
+ hiButton = document.querySelector( '#hideButtonM' );
+ viButton.onclick = view;
+ hiButton.onclick = hide;
+ viTaButton.onclick = viewTasks;
+ let today = new Date();
+ let day = String(today.getDate()).padStart(2, '0');
+ let month = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+ let year = today.getFullYear();
+ today = year + '-' + month + '-' + day;
+ drawCal(today);
+}
diff --git a/public/js/meetingScripts.js b/public/js/meetingScripts.js
new file mode 100644
index 00000000..f5de7c74
--- /dev/null
+++ b/public/js/meetingScripts.js
@@ -0,0 +1,130 @@
+// Code specifically for viewing and managing a task list for each meeting
+
+let isHidden = true;
+
+// Each task has one meeting and one assigned user that it relates to, although names can be shared
+// Each meeting has a unique ID, and is findable as a unique combination for the meeting maker's username and the MeetingName
+
+const submitTask = function( e ) { // Submit request for a new task for a user
+ // prevent default form action from being carried out
+ e.preventDefault()
+
+ const nameInput = document.querySelector( '#meetingname' ),
+ userInput = document.querySelector( '#assigneename' ),
+ taskInput = document.querySelector( '#taskname' ),
+ detailsInput = document.querySelector( '#details' ),
+ json = { meeting: nameInput.value, task: taskInput.value, name: userInput.value, details: detailsInput.value },
+ body = JSON.stringify( json );
+
+ fetch( '/submitTask', { //Note that on the server side, this will also give the assigned user a new message about their task
+ method:'POST',
+ body: JSON.stringify( json ),
+ headers: { 'Content-Type': 'application/json' },
+ credentials: 'include'
+ })
+ .then( function( response ) {
+ // Update the task list for the user
+ console.log( response );
+ response.json().then((data) => {
+ document.getElementById("tablePrint").innerHTML = ' | ' + nameInput.value + ' | |
| Task Name: | ';
+ myTable += "Assigned to: | ";
+ myTable += "Date: | ";
+ myTable += "Details: |
";
+ for (let i = 0; i < numTasks; i++) { // Make the table with one row per task
+ myTable += "| " + tasksArray[i].taskName + " | ";
+ myTable += "" + tasksArray[i].assigneeName + " | ";
+ myTable += "" + tasksArray[i].date + " | ";
+ myTable += "" + tasksArray[i].details + " |
";
+ }
+ myTable += "
";
+ document.getElementById("tablePrint").innerHTML = myTable;
+ isHidden = false;
+ } else {
+ alert("You have not made a meeting with the name that you entered.")
+ }
+ });
+ });
+ return false;
+}
+
+const hide = function( e ) {
+ e.preventDefault();
+ document.getElementById("tablePrint").innerHTML = '| From: | ';
+ myTable += "Contents: |
";
+ for (let i = 0; i < num; i++) { // Make the table with one row per student
+ myTable += "| " + messagesArray[i].sender + " | ";
+ myTable += "" + messagesArray[i].contents + " |
";
+ }
+ myTable += "
";
+ document.getElementById("tablePrint").innerHTML = myTable;
+ isHidden = false;
+ });
+ });
+ return false;
+}
+
+const hide = function( e ) {
+ e.preventDefault();
+ document.getElementById("tablePrint").innerHTML = '| Task Name: | ';
+ myTable += "Meeting: | "
+ myTable += "Date: | "
+ myTable += "Details: |
";
+ for (let i = 0; i < numTasks; i++) { // Make the table with one row per task
+ myTable += "| " + tasksArray[i].taskName + " | ";
+ myTable += "" + tasksArray[i].meetingName + " | ";
+ myTable += "" + tasksArray[i].date + " | ";
+ myTable += "" + tasksArray[i].details + " |
";
+ }
+ myTable += "
";
+ document.getElementById("tableTasksPrint").innerHTML = myTable;
+ isHiddenTasks = false;
+ });
+ });
+ return false;
+}
+
+const hideTasks = function( e ) {
+ e.preventDefault();
+ document.getElementById("tableTasksPrint").innerHTML = '