Updated MyTasks to work like Tasks (multi-select)

This commit is contained in:
Brian McGonagill 2024-08-01 19:01:51 -05:00
parent 98bcbcd256
commit 605d138b0b
4 changed files with 59 additions and 22 deletions

View file

@ -8,42 +8,70 @@ Template.myTasksForm.onCreated(function() {
Template.myTasksForm.onRendered(function() {
var elems = document.querySelectorAll('.datepicker');
var instances = M.Datepicker.init(elems, {});
var elemsd = document.querySelectorAll('.chips');
var instancesd = M.Chips.init(elemsd, {});
Session.set("hideComplete", true);
Session.set("onlyToday", true);
Session.set("taskDateArr", []);
});
Template.myTasksForm.helpers({
taskDates: function() {
return Session.get("taskDateArr");
},
});
Template.myTasksForm.events({
'click .addNewTask' (event) {
event.preventDefault();
let taskName = $("#myTaskName").val();
let taskDate = $("#myTaskDate").val();
let actDate = new Date(taskDate);
let taskNameErr = false;
let taskDateErr = false;
let elemsc = document.getElementById('taskName');
let taskNameArray = M.Chips.getInstance(elemsc).chipsData;
let taskDateArray = Session.get("taskDateArr");
let actDate = [];
if (taskName == null || taskName == "" || taskDate == "" || taskDate == null) {
taskEntryErr = true;
showSnackbar("Task Name and Date are Required!", "red");
return;
if (taskNameArray == null || taskNameArray == [] || taskNameArray == "") {
taskNameErr = true;
}
if (taskDateArray == null || taskDateArray == []|| taskDateArray == "") {
taskDateErr = true;
} else {
Meteor.call("add.mytask", taskName, "self", "selfId", taskDate, actDate, function(err, result) {
for (i = 0; i < taskDateArray.length; i++) {
// console.log(taskDateArray[i]);
let actDateTask = new Date(taskDateArray[i]);
actDate.push(actDateTask);
}
}
console.log("Date Error: " + taskDateErr + " - Name Error: " + taskNameErr);
if (taskDateErr == false && taskNameErr == false) {
Meteor.call("add.task", taskNameArray, "self", "selfId", taskDateArray, actDate, function(err, result) {
if (err) {
console.log(" ERROR adding task for self: " + err);
showSnackbar("ERROR adding task for self!", "red");
} else {
console.log(" SUCCESS adding task for self.");
Session.set("taskDateArr", []);
$("#myTaskName").val("");
$("#myTaskDate").val("");
showSnackbar("Added Tasks Successfully!", "green");
}
});
} else {
showSnackbar("Error! Both Task & Date are Required!", "red");
}
},
'click #showMyCompletedTasks' (event) {
let hide = $("#showMyCompletedTasks").prop('checked');
if (hide == true) {
Session.set("hideComplete", false);
Session.set("onlyToday", false);
$("#showAllTasks").prop('checked', true);
} else {
Session.set("hideComplete", true);
}
@ -56,5 +84,11 @@ Template.myTasksForm.events({
Session.set("onlyToday", true);
}
}
},
'change #myTaskDate' (event) {
let taskDate = $("#myTaskDate").val();
let taskDateArr = Session.get("taskDateArr");
taskDateArr.push(taskDate);
Session.set("taskDateArr", taskDateArr);
},
});