more partial views and logic for reminder.

wwwroot/js/reminderrecord.js

@@ -0,0 +1,108 @@
+function showEditReminderRecordModal(reminderId) {
+    $.get(`/Vehicle/GetReminderRecordForEditById?reminderRecordId=${reminderId}`, function (data) {
+        if (data) {
+            $("#reminderRecordModalContent").html(data); 
+            $('#reminderDate').datepicker({
+                startDate: "+0d"
+            });
+            $("#reminderRecordModal").modal("show");
+        }
+    });
+}
+function hideAddReminderRecordModal() {
+    $('#reminderRecordModal').modal('hide');
+}
+function deleteReminderRecord(reminderRecordId) {
+    $("#workAroundInput").show();
+    Swal.fire({
+        title: "Confirm Deletion?",
+        text: "Deleted Reminders cannot be restored.",
+        showCancelButton: true,
+        confirmButtonText: "Delete",
+        confirmButtonColor: "#dc3545"
+    }).then((result) => {
+        if (result.isConfirmed) {
+            $.post(`/Vehicle/DeleteReminderRecordById?reminderRecordId=${reminderRecordId}`, function (data) {
+                if (data) {
+                    hideAddReminderRecordModal();
+                    successToast("Reminder Deleted");
+                    var vehicleId = GetVehicleId().vehicleId;
+                    getVehicleReminders(vehicleId);
+                } else {
+                    errorToast("An error has occurred, please try again later.");
+                }
+            });
+        } else {
+            $("#workAroundInput").hide();
+        }
+    });
+}
+function saveReminderRecordToVehicle(isEdit) {
+    //get values
+    var formValues = getAndValidateReminderRecordValues();
+    //validate
+    if (formValues.hasError) {
+        errorToast("Please check the form data");
+        return;
+    }
+    //save to db.
+    $.post('/Vehicle/SaveReminderRecordToVehicleId', { reminderRecord: formValues }, function (data) {
+        if (data) {
+            successToast(isEdit ? "Reminder Updated" : "Reminder Added.");
+            hideAddReminderRecordModal();
+            getVehicleReminders(formValues.vehicleId);
+        } else {
+            errorToast("An error has occurred, please try again later.");
+        }
+    })
+}
+function getAndValidateReminderRecordValues() {
+    var reminderDate = $("#reminderDate").val();
+    var reminderMileage = $("#reminderMileage").val();
+    var reminderDescription = $("#reminderDescription").val();
+    var reminderNotes = $("#reminderNotes").val();
+    var reminderOption = $('#reminderOptions input:radio:checked').val();
+    var vehicleId = GetVehicleId().vehicleId;
+    var reminderId = getReminderRecordModelData().id;
+    //validation
+    var hasError = false;
+    if (reminderDate.trim() == '') { //eliminates whitespace.
+        hasError = true;
+        $("#reminderDate").addClass("is-invalid");
+    } else {
+        $("#reminderDate").removeClass("is-invalid");
+    }
+    if (reminderMileage.trim() == '' || parseInt(reminderMileage) < 0) {
+        hasError = true;
+        $("#reminderMileage").addClass("is-invalid");
+    } else {
+        $("#reminderMileage").removeClass("is-invalid");
+    }
+    if (reminderDescription.trim() == '') {
+        hasError = true;
+        $("#reminderDescription").addClass("is-invalid");
+    } else {
+        $("#reminderDescription").removeClass("is-invalid");
+    }
+    if (reminderOption == undefined) {
+        hasError = true;
+        $("#reminderMetricDate").addClass("is-invalid");
+        $("#reminderMetricOdometer").addClass("is-invalid");
+        $("#reminderMetricBoth").addClass("is-invalid");
+    } else {
+        $("#reminderMetricDate").removeClass("is-invalid");
+        $("#reminderMetricOdometer").removeClass("is-invalid");
+        $("#reminderMetricBoth").removeClass("is-invalid");
+    }
+
+    return {
+        id: reminderId,
+        hasError: hasError,
+        vehicleId: vehicleId,
+        date: reminderDate,
+        mileage: reminderMileage,
+        description: reminderDescription,
+        notes: reminderNotes,
+        metric: reminderOption
+    }
+}

wwwroot/js/vehicle.js

@@ -34,6 +34,9 @@ $(document).ready(function () {
             case "report-tab":
                 getVehicleReport();
                 break;
+            case "reminder-tab":
+                getVehicleReminders(vehicleId);
+                break;
         }
         switch (e.relatedTarget.id) { //clear out previous tabs with grids in them to help with performance
             case "servicerecord-tab":
@@ -51,6 +54,9 @@ $(document).ready(function () {
             case "report-tab":
                 $("#report-tab-pane").html("");
                 break;
+            case "reminder-tab":
+                $("#reminder-tab-pane").html("");
+                break;
         }
     });
     getVehicleServiceRecords(vehicleId);
@@ -91,6 +97,13 @@ function getVehicleTaxRecords(vehicleId) {
         }
     });
 }
+function getVehicleReminders(vehicleId) {
+    $.get(`/Vehicle/GetReminderRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
+        if (data) {
+            $("#reminder-tab-pane").html(data);
+        }
+    });
+}
 function getVehicleReport() {
     $.get(`/Vehicle/GetReportPartialView`, function (data) {
         if (data) {
@@ -158,4 +171,13 @@ function uploadVehicleFilesAsync(event) {
             }
         }
     });
+}
+function showAddReminderModal() {
+    $.get('/Vehicle/GetAddReminderRecordPartialView', function (data) {
+        $("#reminderRecordModalContent").html(data);     
+        $('#reminderDate').datepicker({
+            startDate: "+0d"
+        });
+        $("#reminderRecordModal").modal("show");
+    });
 }