scaffolding to allow for vehicle editing.

wwwroot/js/garage.js

@@ -1,10 +1,13 @@
-var uploadedFile = "";
-function showAddVehicleModal() {
+function showAddVehicleModal() {
     uploadedFile = "";
+    $.get('/Home/AddVehiclePartialView', function (data) {
+        if (data) {
+            $("#addVehicleModalContent").html(data);
+        }
+    })
     $('#addVehicleModal').modal('show');
 }
 function hideAddVehicleModal() {
-    uploadedFile = "";
     $('#addVehicleModal').modal('hide');
 }
 $(document).ready(function () {
@@ -15,85 +18,4 @@ function loadGarage() {
     $.get('/Home/Garage', function (data) {
         $("#garageContainer").html(data);
     });
-}
-function viewVehicle(vehicleId) {
-    window.location.href = `/Vehicle/Index?vehicleId=${vehicleId}`;
-}
-function returnToGarage() {
-    window.location.href = '/Home';
-}
-function saveVehicleNote(vehicleId) {
-    var noteText = $("#noteTextArea").val();
-    $.post('/Vehicle/SaveNoteToVehicle', { vehicleId: vehicleId, noteText: noteText }, function (data) {
-        if (data) {
-            //window.location.href = '/Home';
-        }
-    })
-}
-function addVehicle() {
-    var vehicleYear = $("#inputYear").val();
-    var vehicleMake = $("#inputMake").val();
-    var vehicleModel = $("#inputModel").val();
-    var vehicleLicensePlate = $("#inputLicensePlate").val();
-    //validate
-    var hasError = false;
-    if (vehicleYear.trim() == '' || parseInt(vehicleYear) < 1900) {
-        hasError = true;
-        $("#inputYear").addClass("is-invalid");
-    } else {
-        $("#inputYear").removeClass("is-invalid");
-    }
-    if (vehicleMake.trim() == '') {
-        hasError = true;
-        $("#inputMake").addClass("is-invalid");
-    } else {
-        $("#inputMake").removeClass("is-invalid");
-    }
-    if (vehicleModel.trim() == '') {
-        hasError = true;
-        $("#inputModel").addClass("is-invalid");
-    } else {
-        $("#inputModel").removeClass("is-invalid");
-    }
-    if (vehicleLicensePlate.trim() == '') {
-        hasError = true;
-        $("#inputLicensePlate").addClass("is-invalid");
-    } else {
-        $("#inputLicensePlate").removeClass("is-invalid");
-    }
-    if (hasError) {
-        return;
-    }
-    $.post('/Home/AddVehicle', {
-        imageLocation: uploadedFile,
-        year: vehicleYear,
-        make: vehicleMake,
-        model: vehicleModel,
-        licensePlate: vehicleLicensePlate
-    }, function (data) {
-        if (data) {
-            successToast("Vehicle added");
-            hideAddVehicleModal();
-            loadGarage();
-        } else {
-            errorToast("An error has occurred, please try again later.");
-        }
-    });
-}
-function uploadFileAsync() {
-    let formData = new FormData();
-    formData.append("file", $("#inputImage")[0].files[0]);
-    $.ajax({
-        url: "/Files/HandleFileUpload",
-        data: formData,
-        cache: false,
-        processData: false,
-        contentType: false,
-        type: 'POST',
-        success: function (response) {
-            if (response.trim() != '') {
-                uploadedFile = response;
-            }
-        }
-    });
 }

wwwroot/js/shared.js

@@ -27,4 +27,81 @@ function errorToast(message) {
             toast.onmouseleave = Swal.resumeTimer;
         }
     })
+}
+function viewVehicle(vehicleId) {
+    window.location.href = `/Vehicle/Index?vehicleId=${vehicleId}`;
+}
+function saveVehicle(isEdit) {
+    var vehicleId = getVehicleModelData().id;
+    var vehicleYear = $("#inputYear").val();
+    var vehicleMake = $("#inputMake").val();
+    var vehicleModel = $("#inputModel").val();
+    var vehicleLicensePlate = $("#inputLicensePlate").val();
+    //validate
+    var hasError = false;
+    if (vehicleYear.trim() == '' || parseInt(vehicleYear) < 1900) {
+        hasError = true;
+        $("#inputYear").addClass("is-invalid");
+    } else {
+        $("#inputYear").removeClass("is-invalid");
+    }
+    if (vehicleMake.trim() == '') {
+        hasError = true;
+        $("#inputMake").addClass("is-invalid");
+    } else {
+        $("#inputMake").removeClass("is-invalid");
+    }
+    if (vehicleModel.trim() == '') {
+        hasError = true;
+        $("#inputModel").addClass("is-invalid");
+    } else {
+        $("#inputModel").removeClass("is-invalid");
+    }
+    if (vehicleLicensePlate.trim() == '') {
+        hasError = true;
+        $("#inputLicensePlate").addClass("is-invalid");
+    } else {
+        $("#inputLicensePlate").removeClass("is-invalid");
+    }
+    if (hasError) {
+        return;
+    }
+    $.post('/Vehicle/SaveVehicle', {
+        id: vehicleId,
+        imageLocation: uploadedFile,
+        year: vehicleYear,
+        make: vehicleMake,
+        model: vehicleModel,
+        licensePlate: vehicleLicensePlate
+    }, function (data) {
+        if (data) {
+            if (!isEdit) {
+                successToast("Vehicle added");
+                hideAddVehicleModal();
+                loadGarage();
+            }
+            else {
+                viewVehicle(vehicleId);
+            }
+        } else {
+            errorToast("An error has occurred, please try again later.");
+        }
+    });
+}
+function uploadFileAsync() {
+    let formData = new FormData();
+    formData.append("file", $("#inputImage")[0].files[0]);
+    $.ajax({
+        url: "/Files/HandleFileUpload",
+        data: formData,
+        cache: false,
+        processData: false,
+        contentType: false,
+        type: 'POST',
+        success: function (response) {
+            if (response.trim() != '') {
+                uploadedFile = response;
+            }
+        }
+    });
 }