quality of life improvement

Views/Vehicle/_ReminderRecordModal.cshtml

@@ -27,7 +27,12 @@
                         <input class="form-check-input" type="radio" name="reminderMetricOptions" id="reminderMetricOdometer" value="@(ReminderMetric.Odometer)" checked="@(Model.Metric == ReminderMetric.Odometer)">
                         <label class="form-check-label" for="reminderMetricOdometer">Odometer</label>
                     </div>     
+                    <div class="input-group">
                         <input type="number" id="reminderMileage" class="form-control" placeholder="Future Odometer Reading" value="@(isNew ? "" : Model.Mileage)">
+                        <div class="input-group-text">
+                            <button type="button" class="btn btn-sm btn-primary" onclick="appendMileageToOdometer(500)">+500</button>
+                        </div>
+                    </div>
                     <div class="form-check form-check-inline">
                         <input class="form-check-input" type="radio" name="reminderMetricOptions" id="reminderMetricBoth" value="@(ReminderMetric.Both)" checked="@(Model.Metric == ReminderMetric.Both)">
                         <label class="form-check-label" for="reminderMetricBoth">Whichever comes first</label>

wwwroot/js/reminderrecord.js

@@ -59,6 +59,17 @@ function saveReminderRecordToVehicle(isEdit) {
         }
     })
 }
+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 getAndValidateReminderRecordValues() {
     var reminderDate = $("#reminderDate").val();
     var reminderMileage = $("#reminderMileage").val();

wwwroot/js/vehicle.js

@@ -197,6 +197,7 @@ function showAddReminderModal(reminderModalInput) {
     }
 }
 function getVehicleHaveImportantReminders(vehicleId) {
+    setTimeout(function () {
         $.get(`/Vehicle/GetVehicleHaveUrgentOrPastDueReminders?vehicleId=${vehicleId}`, function (data) {
             if (data) {
                 $("#reminderBell").removeClass("bi-bell");
@@ -210,4 +211,5 @@ function getVehicleHaveImportantReminders(vehicleId) {
                 $("#reminderBell").removeClass("text-warning");
             }
         });
+    }, 500);
 }