443 lines
16 KiB
JavaScript
443 lines
16 KiB
JavaScript
function returnToGarage() {
|
|
window.location.href = '/Home';
|
|
}
|
|
$(document).ready(function () {
|
|
var vehicleId = GetVehicleId().vehicleId;
|
|
//bind tabs
|
|
$('button[data-bs-toggle="tab"]').on('show.bs.tab', function (e) {
|
|
switch (e.target.id) {
|
|
case "servicerecord-tab":
|
|
getVehicleServiceRecords(vehicleId);
|
|
break;
|
|
case "notes-tab":
|
|
getVehicleNotes(vehicleId);
|
|
break;
|
|
case "gas-tab":
|
|
getVehicleGasRecords(vehicleId);
|
|
break;
|
|
case "accident-tab":
|
|
getVehicleCollisionRecords(vehicleId);
|
|
break;
|
|
case "tax-tab":
|
|
getVehicleTaxRecords(vehicleId);
|
|
break;
|
|
case "report-tab":
|
|
getVehicleReport(vehicleId);
|
|
break;
|
|
case "reminder-tab":
|
|
getVehicleReminders(vehicleId);
|
|
break;
|
|
case "upgrade-tab":
|
|
getVehicleUpgradeRecords(vehicleId);
|
|
break;
|
|
case "supply-tab":
|
|
getVehicleSupplyRecords(vehicleId);
|
|
break;
|
|
case "plan-tab":
|
|
getVehiclePlanRecords(vehicleId);
|
|
break;
|
|
case "odometer-tab":
|
|
getVehicleOdometerRecords(vehicleId);
|
|
break;
|
|
}
|
|
switch (e.relatedTarget.id) { //clear out previous tabs with grids in them to help with performance
|
|
case "servicerecord-tab":
|
|
$("#servicerecord-tab-pane").html("");
|
|
break;
|
|
case "gas-tab":
|
|
$("#gas-tab-pane").html("");
|
|
break;
|
|
case "accident-tab":
|
|
$("#accident-tab-pane").html("");
|
|
break;
|
|
case "tax-tab":
|
|
$("#tax-tab-pane").html("");
|
|
break;
|
|
case "report-tab":
|
|
$("#report-tab-pane").html("");
|
|
break;
|
|
case "reminder-tab":
|
|
$("#reminder-tab-pane").html("");
|
|
break;
|
|
case "upgrade-tab":
|
|
$("#upgrade-tab-pane").html("");
|
|
break;
|
|
case "notes-tab":
|
|
$("#notes-tab-pane").html("");
|
|
break;
|
|
case "supply-tab":
|
|
$("#supply-tab-pane").html("");
|
|
break;
|
|
case "plan-tab":
|
|
$("#plan-tab-pane").html("");
|
|
break;
|
|
case "odometer-tab":
|
|
$("#odometer-tab-pane").html("");
|
|
break;
|
|
}
|
|
});
|
|
var defaultTab = GetDefaultTab().tab;
|
|
switch (defaultTab) {
|
|
case "ServiceRecord":
|
|
getVehicleServiceRecords(vehicleId);
|
|
break;
|
|
case "NoteRecord":
|
|
getVehicleNotes(vehicleId);
|
|
break;
|
|
case "GasRecord":
|
|
getVehicleGasRecords(vehicleId);
|
|
break;
|
|
case "RepairRecord":
|
|
getVehicleCollisionRecords(vehicleId);
|
|
break;
|
|
case "TaxRecord":
|
|
getVehicleTaxRecords(vehicleId);
|
|
break;
|
|
case "Dashboard":
|
|
getVehicleReport(vehicleId);
|
|
break;
|
|
case "ReminderRecord":
|
|
getVehicleReminders(vehicleId);
|
|
break;
|
|
case "UpgradeRecord":
|
|
getVehicleUpgradeRecords(vehicleId);
|
|
break;
|
|
case "SupplyRecord":
|
|
getVehicleSupplyRecords(vehicleId);
|
|
break;
|
|
case "PlanRecord":
|
|
getVehiclePlanRecords(vehicleId);
|
|
break;
|
|
case "OdometerRecord":
|
|
getVehicleOdometerRecords(vehicleId);
|
|
break;
|
|
}
|
|
});
|
|
|
|
function getVehicleNotes(vehicleId) {
|
|
$.get(`/Vehicle/GetNotesByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#notes-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
}
|
|
});
|
|
}
|
|
function getVehicleServiceRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetServiceRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#servicerecord-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehiclePlanRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetPlanRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#plan-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehicleOdometerRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetOdometerRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#odometer-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehicleSupplyRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetSupplyRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#supply-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehicleUpgradeRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetUpgradeRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#upgrade-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehicleGasRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetGasRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#gas-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehicleCollisionRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetCollisionRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#accident-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehicleTaxRecords(vehicleId) {
|
|
$.get(`/Vehicle/GetTaxRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#tax-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
}
|
|
});
|
|
}
|
|
function getVehicleReminders(vehicleId) {
|
|
$.get(`/Vehicle/GetReminderRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#reminder-tab-pane").html(data);
|
|
restoreScrollPosition();
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
});
|
|
}
|
|
function getVehicleReport(vehicleId) {
|
|
$.get(`/Vehicle/GetReportPartialView?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#report-tab-pane").html(data);
|
|
getVehicleHaveImportantReminders(vehicleId);
|
|
}
|
|
})
|
|
}
|
|
function editVehicle(vehicleId) {
|
|
$.get(`/Vehicle/GetEditVehiclePartialViewById?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$("#editVehicleModalContent").html(data);
|
|
initTagSelector($("#inputTag"), true);
|
|
initDatePicker($('#inputPurchaseDate'));
|
|
initDatePicker($('#inputSoldDate'));
|
|
$('#editVehicleModal').modal('show');
|
|
}
|
|
});
|
|
}
|
|
function hideEditVehicleModal() {
|
|
$('#editVehicleModal').modal('hide');
|
|
}
|
|
function deleteVehicle(vehicleId) {
|
|
Swal.fire({
|
|
title: "Confirm Deletion?",
|
|
text: "This will also delete all data tied to this vehicle. Deleted Vehicles and their associated data cannot be restored.",
|
|
showCancelButton: true,
|
|
confirmButtonText: "Delete",
|
|
confirmButtonColor: "#dc3545"
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
$.post('/Vehicle/DeleteVehicle', { vehicleId: vehicleId }, function (data) {
|
|
if (data) {
|
|
window.location.href = '/Home';
|
|
}
|
|
})
|
|
}
|
|
});
|
|
}
|
|
function showAddReminderModal(reminderModalInput) {
|
|
if (reminderModalInput != undefined) {
|
|
$.post('/Vehicle/GetAddReminderRecordPartialView', { reminderModel: reminderModalInput }, function (data) {
|
|
$("#reminderRecordModalContent").html(data);
|
|
initDatePicker($('#reminderDate'), true);
|
|
$("#reminderRecordModal").modal("show");
|
|
});
|
|
} else {
|
|
$.post('/Vehicle/GetAddReminderRecordPartialView', function (data) {
|
|
$("#reminderRecordModalContent").html(data);
|
|
initDatePicker($('#reminderDate'), true);
|
|
$("#reminderRecordModal").modal("show");
|
|
});
|
|
}
|
|
}
|
|
function getVehicleHaveImportantReminders(vehicleId) {
|
|
setTimeout(function () {
|
|
$.get(`/Vehicle/GetVehicleHaveUrgentOrPastDueReminders?vehicleId=${vehicleId}`, function (data) {
|
|
if (data) {
|
|
$(".reminderBell").removeClass("bi-bell");
|
|
$(".reminderBell").addClass("bi-bell-fill");
|
|
$(".reminderBell").addClass("text-warning");
|
|
$(".reminderBellDiv").addClass("bell-shake");
|
|
} else {
|
|
$(".reminderBellDiv").removeClass("bell-shake");
|
|
$(".reminderBell").removeClass("bi-bell-fill");
|
|
$(".reminderBell").addClass("bi-bell");
|
|
$(".reminderBell").removeClass("text-warning");
|
|
}
|
|
});
|
|
}, 500);
|
|
}
|
|
function moveRecord(recordId, source, dest) {
|
|
$("#workAroundInput").show();
|
|
var friendlySource = "";
|
|
var friendlyDest = "";
|
|
var hideModalCallBack;
|
|
var refreshDataCallBack;
|
|
switch (source) {
|
|
case "ServiceRecord":
|
|
friendlySource = "Service Records";
|
|
hideModalCallBack = hideAddServiceRecordModal;
|
|
refreshDataCallBack = getVehicleServiceRecords;
|
|
break;
|
|
case "RepairRecord":
|
|
friendlySource = "Repairs";
|
|
hideModalCallBack = hideAddCollisionRecordModal;
|
|
refreshDataCallBack = getVehicleCollisionRecords;
|
|
break;
|
|
case "UpgradeRecord":
|
|
friendlySource = "Upgrades";
|
|
hideModalCallBack = hideAddUpgradeRecordModal;
|
|
refreshDataCallBack = getVehicleUpgradeRecords;
|
|
break;
|
|
}
|
|
switch (dest) {
|
|
case "ServiceRecord":
|
|
friendlyDest = "Service Records";
|
|
break;
|
|
case "RepairRecord":
|
|
friendlyDest = "Repairs";
|
|
break;
|
|
case "UpgradeRecord":
|
|
friendlyDest = "Upgrades";
|
|
break;
|
|
}
|
|
Swal.fire({
|
|
title: "Confirm Move?",
|
|
text: `Move this record from ${friendlySource} to ${friendlyDest}?`,
|
|
showCancelButton: true,
|
|
confirmButtonText: "Move",
|
|
confirmButtonColor: "#dc3545"
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
$.post('/Vehicle/MoveRecord', { recordId: recordId, source: source, destination: dest }, function (data) {
|
|
if (data) {
|
|
hideModalCallBack();
|
|
successToast("Record Moved");
|
|
var vehicleId = GetVehicleId().vehicleId;
|
|
refreshDataCallBack(vehicleId);
|
|
} else {
|
|
errorToast(genericErrorMessage());
|
|
}
|
|
});
|
|
} else {
|
|
$("#workAroundInput").hide();
|
|
}
|
|
});
|
|
}
|
|
function showRecurringReminderSelector(descriptionFieldName) {
|
|
$.get(`/Vehicle/GetRecurringReminderRecordsByVehicleId?vehicleId=${GetVehicleId().vehicleId}`, function (data) {
|
|
if (data) {
|
|
//prompt user to select a recurring reminder
|
|
Swal.fire({
|
|
title: 'Select Recurring Reminder',
|
|
html: data,
|
|
confirmButtonText: 'Select',
|
|
focusConfirm: false,
|
|
preConfirm: () => {
|
|
const selectedRecurringReminder = $("#recurringReminderInput").val();
|
|
const selectedRecurringReminderText = $("#recurringReminderInput option:selected").text();
|
|
if (!selectedRecurringReminder || parseInt(selectedRecurringReminder) == 0) {
|
|
Swal.showValidationMessage(`You must select a recurring reminder`);
|
|
}
|
|
return { selectedRecurringReminder, selectedRecurringReminderText }
|
|
},
|
|
}).then(function (result) {
|
|
if (result.isConfirmed) {
|
|
recurringReminderRecordId = result.value.selectedRecurringReminder;
|
|
var descriptionField = $(`#${descriptionFieldName}`);
|
|
if (descriptionField.length > 0) {
|
|
descriptionField.val(result.value.selectedRecurringReminderText.trim());
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
errorToast(genericErrorMessage());
|
|
}
|
|
})
|
|
}
|
|
function editMultipleRecords(ids, dataType) {
|
|
$.post('/Vehicle/GetGenericRecordModal', { recordIds: ids, dataType: dataType }, function (data) {
|
|
if (data) {
|
|
$("#genericRecordEditModalContent").html(data);
|
|
initDatePicker($('#genericRecordDate'));
|
|
initTagSelector($("#genericRecordTag"));
|
|
$("#genericRecordEditModal").modal('show');
|
|
}
|
|
});
|
|
}
|
|
function hideGenericRecordModal() {
|
|
$("#genericRecordEditModal").modal('hide');
|
|
}
|
|
function saveGenericRecord() {
|
|
//get values
|
|
var formValues = getAndValidateGenericRecordValues();
|
|
//validate
|
|
if (formValues.hasError) {
|
|
errorToast("Please check the form data");
|
|
return;
|
|
}
|
|
var refreshDataCallBack;
|
|
switch (formValues.dataType) {
|
|
case "ServiceRecord":
|
|
refreshDataCallBack = getVehicleServiceRecords;
|
|
break;
|
|
case "RepairRecord":
|
|
refreshDataCallBack = getVehicleCollisionRecords;
|
|
break;
|
|
case "UpgradeRecord":
|
|
refreshDataCallBack = getVehicleUpgradeRecords;
|
|
break;
|
|
}
|
|
//save to db.
|
|
$.post('/Vehicle/EditMultipleRecords', { genericRecordEditModel: formValues }, function (data) {
|
|
if (data) {
|
|
successToast(formValues.recordIds.length > 1 ? "Records Updated" : "Record Updated.");
|
|
hideGenericRecordModal();
|
|
refreshDataCallBack(GetVehicleId().vehicleId);
|
|
} else {
|
|
errorToast(genericErrorMessage());
|
|
}
|
|
})
|
|
}
|
|
function getAndValidateGenericRecordValues() {
|
|
var genericDate = $("#genericRecordDate").val();
|
|
var genericMileage = $("#genericRecordMileage").val();
|
|
var genericMileageToParse = parseInt(globalParseFloat($("#genericRecordMileage").val())).toString();
|
|
var genericDescription = $("#genericRecordDescription").val();
|
|
var genericCost = $("#genericRecordCost").val();
|
|
var genericNotes = $("#genericRecordNotes").val();
|
|
var genericTags = $("#genericRecordTag").val();
|
|
//validation
|
|
var hasError = false;
|
|
if (genericMileage.trim() != '' && (isNaN(genericMileageToParse) || parseInt(genericMileageToParse) < 0)) {
|
|
hasError = true;
|
|
$("#genericRecordMileage").addClass("is-invalid");
|
|
} else {
|
|
$("#genericRecordMileage").removeClass("is-invalid");
|
|
}
|
|
if (genericCost.trim() != '' && !isValidMoney(genericCost)) {
|
|
hasError = true;
|
|
$("#genericRecordCost").addClass("is-invalid");
|
|
} else {
|
|
$("#genericRecordCost").removeClass("is-invalid");
|
|
}
|
|
return {
|
|
hasError: hasError,
|
|
dataType: getGenericRecordEditModelData().dataType,
|
|
recordIds: recordsToEdit,
|
|
editRecord: {
|
|
date: genericDate,
|
|
mileage: genericMileageToParse,
|
|
description: genericDescription,
|
|
cost: genericCost,
|
|
notes: genericNotes,
|
|
tags: genericTags
|
|
}
|
|
}
|
|
} |