made notes named and easier to traverse.

wwwroot/js/note.js

@@ -0,0 +1,90 @@
+function showAddNoteModal() {
+    $.get('/Vehicle/GetAddNotePartialView', function (data) {
+        if (data) {
+            $("#noteModalContent").html(data);
+            $('#noteModal').modal('show');
+        }
+    });
+}
+function showEditNoteModal(noteId) {
+    $.get(`/Vehicle/GetNoteForEditById?noteId=${noteId}`, function (data) {
+        if (data) {
+            $("#noteModalContent").html(data);
+            $('#noteModal').modal('show');
+        }
+    });
+}
+function hideAddNoteModal() {
+    $('#noteModal').modal('hide');
+}
+function deleteNote(noteId) {
+    $("#workAroundInput").show();
+    Swal.fire({
+        title: "Confirm Deletion?",
+        text: "Deleted Notes cannot be restored.",
+        showCancelButton: true,
+        confirmButtonText: "Delete",
+        confirmButtonColor: "#dc3545"
+    }).then((result) => {
+        if (result.isConfirmed) {
+            $.post(`/Vehicle/DeleteNoteById?noteId=${noteId}`, function (data) {
+                if (data) {
+                    hideAddNoteModal();
+                    successToast("Note Deleted");
+                    var vehicleId = GetVehicleId().vehicleId;
+                    getVehicleNote(vehicleId);
+                } else {
+                    errorToast("An error has occurred, please try again later.");
+                }
+            });
+        } else {
+            $("#workAroundInput").hide();
+        }
+    });
+}
+function saveNoteToVehicle(isEdit) {
+    //get values
+    var formValues = getAndValidateNoteValues();
+    //validate
+    if (formValues.hasError) {
+        errorToast("Please check the form data");
+        return;
+    }
+    //save to db.
+    $.post('/Vehicle/SaveNoteToVehicleId', { note: formValues }, function (data) {
+        if (data) {
+            successToast(isEdit ? "Note Updated" : "Note Added.");
+            hideAddNoteModal();
+            getVehicleNote(formValues.vehicleId);
+        } else {
+            errorToast("An error has occurred, please try again later.");
+        }
+    })
+}
+function getAndValidateNoteValues() {
+    var noteDescription = $("#noteDescription").val();
+    var noteText = $("#noteTextArea").val();
+    var vehicleId = GetVehicleId().vehicleId;
+    var noteId = getNoteModelData().id;
+    //validation
+    var hasError = false;
+    if (noteDescription.trim() == '') { //eliminates whitespace.
+        hasError = true;
+        $("#noteDescription").addClass("is-invalid");
+    } else {
+        $("#noteDescription").removeClass("is-invalid");
+    }
+    if (noteText.trim() == '') {
+        hasError = true;
+        $("#noteTextArea").addClass("is-invalid");
+    } else {
+        $("#noteTextArea").removeClass("is-invalid");
+    }
+    return {
+        id: noteId,
+        hasError: hasError,
+        vehicleId: vehicleId,
+        description: noteDescription,
+        noteText: noteText
+    }
+}

wwwroot/js/vehicle.js

@@ -63,15 +63,18 @@ $(document).ready(function () {
             case "upgrade-tab":
                 $("#upgrade-tab-pane").html("");
                 break;
+            case "notes-tab":
+                $("#notes-tab-pane").html("");
+                break;
         }
     });
     getVehicleServiceRecords(vehicleId);
 });
 
 function getVehicleNote(vehicleId) {
-    $.get(`/Vehicle/GetNoteByVehicleId?vehicleId=${vehicleId}`, function (data) {
+    $.get(`/Vehicle/GetNotesByVehicleId?vehicleId=${vehicleId}`, function (data) {
         if (data) {
-            $("#noteTextArea").val(data);
+            $("#notes-tab-pane").html(data);
         }
     });
 }
@@ -111,7 +114,6 @@ function getVehicleTaxRecords(vehicleId) {
     $.get(`/Vehicle/GetTaxRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
         if (data) {
             $("#tax-tab-pane").html(data);
-            getVehicleHaveImportantReminders(vehicleId);
         }
     });
 }