Make charts responsive to params.

wwwroot/css/site.css

@@ -36,6 +36,28 @@ html {
     overflow-x:auto;
 }
 
+@media print {
+    .vehicleDetailTabContainer {
+        background-color: #fff;
+        height: 100%;
+        width: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        margin: 0;
+        font-size: 14px;
+        line-height: 18px;
+        color: #000 !important;
+        overflow: visible;
+    }
+    td {
+        color: #000 !important;
+    }
+    th {
+        color: #000 !important;
+    }
+}
+
 .chartContainer{
     height:30vh;
     overflow:auto;
@@ -57,6 +79,10 @@ html {
     }
 }
 
+.reportsCheckBoxContainer {
+    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+}
+
 .bell-shake {
     animation: bellshake .5s;
     backface-visibility: hidden;
@@ -99,4 +125,5 @@ html {
     100% {
         transform: rotate(0);
     }
-}
+}
+

wwwroot/js/vehicle.js

@@ -22,7 +22,7 @@ $(document).ready(function () {
                 getVehicleTaxRecords(vehicleId);
                 break;
             case "report-tab":
-                getVehicleReport();
+                getVehicleReport(vehicleId);
                 break;
             case "reminder-tab":
                 getVehicleReminders(vehicleId);
@@ -115,8 +115,8 @@ function getVehicleReminders(vehicleId) {
         }
     });
 }
-function getVehicleReport() {
-    $.get(`/Vehicle/GetReportPartialView`, function (data) {
+function getVehicleReport(vehicleId) {
+    $.get(`/Vehicle/GetReportPartialView?vehicleId=${vehicleId}`, function (data) {
         if (data) {
             $("#report-tab-pane").html(data);
         }