first commit
This commit is contained in:
Eric Gullickson
361
wwwroot/js/reminderrecord.js
Normal file
361
wwwroot/js/reminderrecord.js
Normal file
@@ -0,0 +1,361 @@
|
||||
function showEditReminderRecordModal(reminderId) {
|
||||
$.get(`/Vehicle/GetReminderRecordForEditById?reminderRecordId=${reminderId}`, function (data) {
|
||||
if (data) {
|
||||
$("#reminderRecordModalContent").html(data);
|
||||
initDatePicker($('#reminderDate'), true);
|
||||
initTagSelector($("#reminderRecordTag"));
|
||||
$("#reminderRecordModal").modal("show");
|
||||
$('#reminderRecordModal').off('shown.bs.modal').on('shown.bs.modal', function () {
|
||||
if (getGlobalConfig().useMarkDown) {
|
||||
toggleMarkDownOverlay("reminderNotes");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
function hideAddReminderRecordModal() {
|
||||
$('#reminderRecordModal').modal('hide');
|
||||
}
|
||||
function checkCustomMonthInterval() {
|
||||
var selectedValue = $("#reminderRecurringMonth").val();
|
||||
if (selectedValue == "Other") {
|
||||
$("#workAroundInput").show();
|
||||
Swal.fire({
|
||||
title: 'Specify Custom Time Interval',
|
||||
html: `
|
||||
<input type="text" inputmode="numeric" id="inputCustomMonth" class="swal2-input" placeholder="Time" onkeydown="handleSwalEnter(event)">
|
||||
<select class="swal2-select" id="inputCustomMonthUnit">
|
||||
<option value="Months">Months</option>
|
||||
<option value="Days">Days</option>
|
||||
</select>
|
||||
`,
|
||||
confirmButtonText: 'Set',
|
||||
focusConfirm: false,
|
||||
preConfirm: () => {
|
||||
const customMonth = $("#inputCustomMonth").val();
|
||||
if (!customMonth || isNaN(parseInt(customMonth)) || parseInt(customMonth) <= 0) {
|
||||
Swal.showValidationMessage(`Please enter a valid number`);
|
||||
}
|
||||
const customMonthUnit = $("#inputCustomMonthUnit").val();
|
||||
return { customMonth, customMonthUnit }
|
||||
},
|
||||
}).then(function (result) {
|
||||
if (result.isConfirmed) {
|
||||
customMonthInterval = result.value.customMonth;
|
||||
customMonthIntervalUnit = result.value.customMonthUnit;
|
||||
$("#reminderRecurringMonth > option[value='Other']").text(`Other: ${result.value.customMonth} ${result.value.customMonthUnit}`);
|
||||
} else {
|
||||
$("#reminderRecurringMonth").val(getReminderRecordModelData().monthInterval);
|
||||
}
|
||||
$("#workAroundInput").hide();
|
||||
});
|
||||
}
|
||||
}
|
||||
function checkCustomMileageInterval() {
|
||||
var selectedValue = $("#reminderRecurringMileage").val();
|
||||
if (selectedValue == "Other") {
|
||||
$("#workAroundInput").show();
|
||||
Swal.fire({
|
||||
title: 'Specify Custom Mileage Interval',
|
||||
html: `
|
||||
<input type="text" inputmode="numeric" id="inputCustomMileage" class="swal2-input" placeholder="Mileage" onkeydown="handleSwalEnter(event)">
|
||||
`,
|
||||
confirmButtonText: 'Set',
|
||||
focusConfirm: false,
|
||||
preConfirm: () => {
|
||||
const customMileage = $("#inputCustomMileage").val();
|
||||
if (!customMileage || isNaN(parseInt(customMileage)) || parseInt(customMileage) <= 0) {
|
||||
Swal.showValidationMessage(`Please enter a valid number`);
|
||||
}
|
||||
return { customMileage }
|
||||
},
|
||||
}).then(function (result) {
|
||||
if (result.isConfirmed) {
|
||||
customMileageInterval = result.value.customMileage;
|
||||
$("#reminderRecurringMileage > option[value='Other']").text(`Other: ${result.value.customMileage}`);
|
||||
} else {
|
||||
$("#reminderRecurringMileage").val(getReminderRecordModelData().mileageInterval);
|
||||
}
|
||||
$("#workAroundInput").hide();
|
||||
});
|
||||
}
|
||||
}
|
||||
function deleteReminderRecord(reminderRecordId, e) {
|
||||
if (e != undefined) {
|
||||
event.stopPropagation();
|
||||
}
|
||||
$("#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(genericErrorMessage());
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$("#workAroundInput").hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
function toggleCustomThresholds() {
|
||||
var isChecked = $("#reminderUseCustomThresholds").is(':checked');
|
||||
if (isChecked) {
|
||||
$("#reminderCustomThresholds").collapse('show');
|
||||
} else {
|
||||
$("#reminderCustomThresholds").collapse('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();
|
||||
saveScrollPosition();
|
||||
getVehicleReminders(formValues.vehicleId);
|
||||
} else {
|
||||
errorToast(genericErrorMessage());
|
||||
}
|
||||
})
|
||||
}
|
||||
function appendMileageToOdometer(increment) {
|
||||
var reminderMileage = $("#reminderMileage").val();
|
||||
var reminderMileageIsInvalid = reminderMileage.trim() == '' || parseInt(reminderMileage) < 0;
|
||||
if (reminderMileageIsInvalid) {
|
||||
reminderMileage = 0;
|
||||
} else {
|
||||
reminderMileage = parseInt(reminderMileage);
|
||||
}
|
||||
reminderMileage += increment;
|
||||
$("#reminderMileage").val(reminderMileage);
|
||||
}
|
||||
|
||||
function enableRecurring() {
|
||||
var reminderIsRecurring = $("#reminderIsRecurring").is(":checked");
|
||||
if (reminderIsRecurring) {
|
||||
//check selected metric
|
||||
var reminderMetric = $('#reminderOptions input:radio:checked').val();
|
||||
if (reminderMetric == "Date") {
|
||||
$("#reminderRecurringMonth").attr('disabled', false);
|
||||
$("#reminderRecurringMileage").attr('disabled', true);
|
||||
}
|
||||
else if (reminderMetric == "Odometer") {
|
||||
$("#reminderRecurringMileage").attr('disabled', false);
|
||||
$("#reminderRecurringMonth").attr('disabled', true);
|
||||
}
|
||||
else if (reminderMetric == "Both") {
|
||||
$("#reminderRecurringMonth").attr('disabled', false);
|
||||
$("#reminderRecurringMileage").attr('disabled', false);
|
||||
}
|
||||
} else {
|
||||
$("#reminderRecurringMileage").attr('disabled', true);
|
||||
$("#reminderRecurringMonth").attr('disabled', true);
|
||||
}
|
||||
}
|
||||
|
||||
function markDoneReminderRecord(reminderRecordId, e) {
|
||||
event.stopPropagation();
|
||||
var vehicleId = GetVehicleId().vehicleId;
|
||||
$.post(`/Vehicle/PushbackRecurringReminderRecord?reminderRecordId=${reminderRecordId}`, function (data) {
|
||||
if (data) {
|
||||
successToast("Reminder Updated");
|
||||
getVehicleReminders(vehicleId);
|
||||
} else {
|
||||
errorToast(genericErrorMessage());
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function getAndValidateReminderRecordValues() {
|
||||
var reminderDate = $("#reminderDate").val();
|
||||
var reminderMileage = parseInt(globalParseFloat($("#reminderMileage").val())).toString();
|
||||
var reminderDescription = $("#reminderDescription").val();
|
||||
var reminderNotes = $("#reminderNotes").val();
|
||||
var reminderOption = $('#reminderOptions input:radio:checked').val();
|
||||
var reminderIsRecurring = $("#reminderIsRecurring").is(":checked");
|
||||
var reminderRecurringMonth = $("#reminderRecurringMonth").val();
|
||||
var reminderRecurringMileage = $("#reminderRecurringMileage").val();
|
||||
var reminderTags = $("#reminderRecordTag").val();
|
||||
var vehicleId = GetVehicleId().vehicleId;
|
||||
var reminderId = getReminderRecordModelData().id;
|
||||
var reminderUseCustomThresholds = $("#reminderUseCustomThresholds").is(":checked");
|
||||
var reminderUrgentDays = $("#reminderUrgentDays").val();
|
||||
var reminderVeryUrgentDays = $("#reminderVeryUrgentDays").val();
|
||||
var reminderUrgentDistance = $("#reminderUrgentDistance").val();
|
||||
var reminderVeryUrgentDistance = $("#reminderVeryUrgentDistance").val();
|
||||
//validation
|
||||
var hasError = false;
|
||||
var reminderDateIsInvalid = reminderDate.trim() == ''; //eliminates whitespace.
|
||||
var reminderMileageIsInvalid = reminderMileage.trim() == '' || isNaN(reminderMileage) || parseInt(reminderMileage) < 0;
|
||||
if ((reminderOption == "Both" || reminderOption == "Date") && reminderDateIsInvalid) {
|
||||
hasError = true;
|
||||
$("#reminderDate").addClass("is-invalid");
|
||||
} else if (reminderOption == "Date") {
|
||||
$("#reminderDate").removeClass("is-invalid");
|
||||
}
|
||||
if ((reminderOption == "Both" || reminderOption == "Odometer") && reminderMileageIsInvalid) {
|
||||
hasError = true;
|
||||
$("#reminderMileage").addClass("is-invalid");
|
||||
} else if (reminderOption == "Odometer") {
|
||||
$("#reminderMileage").removeClass("is-invalid");
|
||||
}
|
||||
if (reminderDescription.trim() == '') {
|
||||
hasError = true;
|
||||
$("#reminderDescription").addClass("is-invalid");
|
||||
} else {
|
||||
$("#reminderDescription").removeClass("is-invalid");
|
||||
}
|
||||
if (reminderUseCustomThresholds) {
|
||||
//validate custom threshold values
|
||||
if (reminderUrgentDays.trim() == '' || isNaN(reminderUrgentDays) || parseInt(reminderUrgentDays) < 0) {
|
||||
hasError = true;
|
||||
$("#reminderUrgentDays").addClass("is-invalid");
|
||||
} else {
|
||||
$("#reminderUrgentDays").removeClass("is-invalid");
|
||||
}
|
||||
if (reminderVeryUrgentDays.trim() == '' || isNaN(reminderVeryUrgentDays) || parseInt(reminderVeryUrgentDays) < 0) {
|
||||
hasError = true;
|
||||
$("#reminderVeryUrgentDays").addClass("is-invalid");
|
||||
} else {
|
||||
$("#reminderVeryUrgentDays").removeClass("is-invalid");
|
||||
}
|
||||
if (reminderUrgentDistance.trim() == '' || isNaN(reminderUrgentDistance) || parseInt(reminderUrgentDistance) < 0) {
|
||||
hasError = true;
|
||||
$("#reminderUrgentDistance").addClass("is-invalid");
|
||||
} else {
|
||||
$("#reminderUrgentDistance").removeClass("is-invalid");
|
||||
}
|
||||
if (reminderVeryUrgentDistance.trim() == '' || isNaN(reminderVeryUrgentDistance) || parseInt(reminderVeryUrgentDistance) < 0) {
|
||||
hasError = true;
|
||||
$("#reminderVeryUrgentDistance").addClass("is-invalid");
|
||||
} else {
|
||||
$("#reminderVeryUrgentDistance").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,
|
||||
isRecurring: reminderIsRecurring,
|
||||
useCustomThresholds: reminderUseCustomThresholds,
|
||||
customThresholds: {
|
||||
urgentDays: reminderUrgentDays,
|
||||
veryUrgentDays: reminderVeryUrgentDays,
|
||||
urgentDistance: reminderUrgentDistance,
|
||||
veryUrgentDistance: reminderVeryUrgentDistance
|
||||
},
|
||||
reminderMileageInterval: reminderRecurringMileage,
|
||||
reminderMonthInterval: reminderRecurringMonth,
|
||||
customMileageInterval: customMileageInterval,
|
||||
customMonthInterval: customMonthInterval,
|
||||
customMonthIntervalUnit: customMonthIntervalUnit,
|
||||
tags: reminderTags
|
||||
}
|
||||
}
|
||||
function createPlanRecordFromReminder(reminderRecordId) {
|
||||
//get values
|
||||
var formValues = getAndValidateReminderRecordValues();
|
||||
//validate
|
||||
if (formValues.hasError) {
|
||||
errorToast("Please check the form data");
|
||||
return;
|
||||
}
|
||||
var planModelInput = {
|
||||
id: 0,
|
||||
createdFromReminder: true,
|
||||
vehicleId: formValues.vehicleId,
|
||||
reminderRecordId: reminderRecordId,
|
||||
description: formValues.description,
|
||||
notes: formValues.notes
|
||||
};
|
||||
$.post('/Vehicle/GetAddPlanRecordPartialView', { planModel: planModelInput }, function (data) {
|
||||
$("#reminderRecordModal").modal("hide");
|
||||
$("#planRecordModalContent").html(data);
|
||||
$("#planRecordModal").modal("show");
|
||||
});
|
||||
}
|
||||
|
||||
function filterReminderTable(sender) {
|
||||
var rowData = $(`#reminder-tab-pane table tbody tr`);
|
||||
if (sender == undefined) {
|
||||
rowData.removeClass('override-hide');
|
||||
return;
|
||||
}
|
||||
var tagName = sender.textContent;
|
||||
//check for other applied filters
|
||||
if ($(sender).hasClass("bg-primary")) {
|
||||
rowData.removeClass('override-hide');
|
||||
$(sender).removeClass('bg-primary');
|
||||
$(sender).addClass('bg-secondary');
|
||||
updateReminderAggregateLabels();
|
||||
} else {
|
||||
//hide table rows.
|
||||
rowData.addClass('override-hide');
|
||||
$(`[data-tags~='${tagName}']`).removeClass('override-hide');
|
||||
updateReminderAggregateLabels();
|
||||
if ($(".tagfilter.bg-primary").length > 0) {
|
||||
//disabling other filters
|
||||
$(".tagfilter.bg-primary").addClass('bg-secondary');
|
||||
$(".tagfilter.bg-primary").removeClass('bg-primary');
|
||||
}
|
||||
$(sender).addClass('bg-primary');
|
||||
$(sender).removeClass('bg-secondary');
|
||||
}
|
||||
}
|
||||
function updateReminderAggregateLabels() {
|
||||
//update main count
|
||||
var newCount = $("[data-record-type='cost']").parent(":not('.override-hide')").length;
|
||||
var countLabel = $("[data-aggregate-type='count']");
|
||||
countLabel.text(`${countLabel.text().split(':')[0]}: ${newCount}`);
|
||||
//update labels
|
||||
//paste due
|
||||
var pastDueCount = $("tr td span.badge.text-bg-secondary").parents("tr:not('.override-hide')").length;
|
||||
var pastDueLabel = $('[data-aggregate-type="pastdue-count"]');
|
||||
pastDueLabel.text(`${pastDueLabel.text().split(':')[0]}: ${pastDueCount}`);
|
||||
//very urgent
|
||||
var veryUrgentCount = $("tr td span.badge.text-bg-danger").parents("tr:not('.override-hide')").length;
|
||||
var veryUrgentLabel = $('[data-aggregate-type="veryurgent-count"]');
|
||||
veryUrgentLabel.text(`${veryUrgentLabel.text().split(':')[0]}: ${veryUrgentCount}`);
|
||||
//urgent
|
||||
var urgentCount = $("tr td span.badge.text-bg-warning").parents("tr:not('.override-hide')").length;
|
||||
var urgentLabel = $('[data-aggregate-type="urgent-count"]');
|
||||
urgentLabel.text(`${urgentLabel.text().split(':')[0]}: ${urgentCount}`);
|
||||
//not urgent
|
||||
var notUrgentCount = $("tr td span.badge.text-bg-success").parents("tr:not('.override-hide')").length;
|
||||
var notUrgentLabel = $('[data-aggregate-type="noturgent-count"]');
|
||||
notUrgentLabel.text(`${notUrgentLabel.text().split(':')[0]}: ${notUrgentCount}`);
|
||||
}
|
||||
Reference in New Issue
Block a user