handle 0 MPG and styling bug fixes.

Controllers/VehicleController.cs

@@ -697,7 +697,12 @@ namespace CarCareTracker.Controllers
             bool useUKMPG = bool.Parse(_config[nameof(UserConfig.UseUKMPG)]);
             vehicleHistory.TotalGasCost = gasRecords.Sum(x => x.Cost);
             vehicleHistory.TotalCost = serviceRecords.Sum(x => x.Cost) + repairRecords.Sum(x => x.Cost) + upgradeRecords.Sum(x => x.Cost) + taxRecords.Sum(x => x.Cost);
-            var averageMPG = _gasHelper.GetGasRecordViewModels(gasRecords, useMPG, useUKMPG).Average(x => x.MilesPerGallon);
+            var averageMPG = 0.00M;
+            var gasViewModels = _gasHelper.GetGasRecordViewModels(gasRecords, useMPG, useUKMPG);
+            if (gasViewModels.Any())
+            {
+                averageMPG = gasViewModels.Average(x => x.MilesPerGallon);
+            }
             vehicleHistory.MPG = averageMPG;
             //insert servicerecords
             reportData.AddRange(serviceRecords.Select(x => new GenericReportModel

Views/Vehicle/Index.cshtml

@@ -37,7 +37,7 @@
             <button class="nav-link" id="notes-tab" data-bs-toggle="tab" data-bs-target="#notes-tab-pane" type="button" role="tab" aria-selected="false"><span class="display-3 ms-2"><i class="bi bi-journal-bookmark me-2"></i>Notes</span></button>
         </li>
         <li class="nav-item" role="presentation">
-            <button class="nav-link" id="reminder-tab" data-bs-toggle="tab" data-bs-target="#reminder-tab-pane" type="button" role="tab" aria-selected="false"><span class="display-3 ms-2"><div id="reminderBellDiv" style="display:inline-flex;"><i id="reminderBell" class="bi bi-bell me-2"></i></div>Reminders</span></button>
+            <button class="nav-link" id="reminder-tab" data-bs-toggle="tab" data-bs-target="#reminder-tab-pane" type="button" role="tab" aria-selected="false"><span class="display-3 ms-2"><div class="reminderBellDiv" style="display:inline-flex;"><i class="reminderBell bi bi-bell me-2"></i></div>Reminders</span></button>
         </li>
         <li class="nav-item" role="presentation">
             <button class="nav-link" id="report-tab" data-bs-toggle="tab" data-bs-target="#report-tab-pane" type="button" role="tab" aria-selected="false"><span class="display-3 ms-2"><i class="bi bi-file-bar-graph me-2"></i>Reports</span></button>
@@ -79,7 +79,7 @@
             <button class="nav-link" id="notes-tab" data-bs-toggle="tab" data-bs-target="#notes-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-journal-bookmark me-2"></i>Notes</button>
         </li>
         <li class="nav-item" role="presentation">
-            <button class="nav-link" id="reminder-tab" data-bs-toggle="tab" data-bs-target="#reminder-tab-pane" type="button" role="tab" aria-selected="false"><div id="reminderBellDiv" style="display:inline-flex;"><i id="reminderBell" class="bi bi-bell me-2"></i></div>Reminders</button>
+            <button class="nav-link" id="reminder-tab" data-bs-toggle="tab" data-bs-target="#reminder-tab-pane" type="button" role="tab" aria-selected="false"><div class="reminderBellDiv" style="display:inline-flex;"><i class="reminderBell bi bi-bell me-2"></i></div>Reminders</button>
         </li>
         <li class="nav-item" role="presentation">
             <button class="nav-link" id="report-tab" data-bs-toggle="tab" data-bs-target="#report-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-file-bar-graph me-2"></i>Reports</button>

Views/Vehicle/_Report.cshtml

@@ -70,7 +70,7 @@
 <hr />
 <div class="row hideOnPrint">
     <div class="d-flex justify-content-center">
-        <button onclick="generateVehicleHistoryReport()" class="btn btn-primary btn-md mt-1 mb-1"><i class="bi bi-pencil-square me-2"></i>Generate and Print Vehicle History Report</button>
+        <button onclick="generateVehicleHistoryReport()" class="btn btn-secondary btn-md mt-1 mb-1"><i class="bi bi-pencil-square me-2"></i>Generate and Print Vehicle Maintenance Report</button>
     </div>
 </div>
 <div id="vehicleHistoryReport" class="showOnPrint"></div>

wwwroot/js/vehicle.js

@@ -212,15 +212,15 @@ function getVehicleHaveImportantReminders(vehicleId) {
     setTimeout(function () {
         $.get(`/Vehicle/GetVehicleHaveUrgentOrPastDueReminders?vehicleId=${vehicleId}`, function (data) {
             if (data) {
-                $("#reminderBell").removeClass("bi-bell");
+                $(".reminderBell").removeClass("bi-bell");
-                $("#reminderBell").addClass("bi-bell-fill");
+                $(".reminderBell").addClass("bi-bell-fill");
-                $("#reminderBell").addClass("text-warning");
+                $(".reminderBell").addClass("text-warning");
-                $("#reminderBellDiv").addClass("bell-shake");
+                $(".reminderBellDiv").addClass("bell-shake");
             } else {
-                $("#reminderBellDiv").removeClass("bell-shake");
+                $(".reminderBellDiv").removeClass("bell-shake");
-                $("#reminderBell").removeClass("bi-bell-fill");
+                $(".reminderBell").removeClass("bi-bell-fill");
-                $("#reminderBell").addClass("bi-bell");
+                $(".reminderBell").addClass("bi-bell");
-                $("#reminderBell").removeClass("text-warning");
+                $(".reminderBell").removeClass("text-warning");
             }
         });
     }, 500);