cphipps/lubelog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added more stylings.

Browse Source
This commit is contained in:
DESKTOP-T0O5CDB\DESK-555BD
2024-01-12 14:19:41 -07:00
parent 4d804803a8
commit 5b54b8113e
10 changed files with 81 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Views/Vehicle/_CollisionRecords.cshtml
View File

@@ -33,6 +33,11 @@
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<div class="row mt-2 showOnPrint">
<div class="d-flex">
<img src="/defaults/lubelogger_logo.png" />
</div>
</div>
<table class="table table-hover">
<thead>
<tr class="d-flex">

5
Views/Vehicle/_Gas.cshtml
View File

@@ -62,6 +62,11 @@
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<div class="row mt-2 showOnPrint">
<div class="d-flex">
<img src="/defaults/lubelogger_logo.png" />
</div>
</div>
<table class="table table-hover">
<thead>
<tr class="d-flex">

5
Views/Vehicle/_Notes.cshtml
View File

@@ -11,6 +11,11 @@
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<div class="row mt-2 showOnPrint">
<div class="d-flex">
<img src="/defaults/lubelogger_logo.png" />
</div>
</div>
<table class="table table-hover">
<thead>
<tr class="d-flex">

5
Views/Vehicle/_ReminderRecords.cshtml
View File

@@ -15,6 +15,11 @@
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<div class="row mt-2 showOnPrint">
<div class="d-flex">
<img src="/defaults/lubelogger_logo.png" />
</div>
</div>
<table class="table table-hover">
<thead>
<tr class="d-flex">

4
Views/Vehicle/_Report.cshtml
View File

@@ -68,12 +68,12 @@
</div>
</div>
<hr />
<div class="row">
<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>
</div>
</div>
<div id="vehicleHistoryReport" class="showOnPrint" ></div>
<div id="vehicleHistoryReport" class="showOnPrint"></div>
<script>
function getYear() {
return $("#yearOption").val();

5
Views/Vehicle/_ServiceRecords.cshtml
View File

@@ -33,6 +33,11 @@
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<div class="row mt-2 showOnPrint">
<div class="d-flex">
<img src="/defaults/lubelogger_logo.png" />
</div>
</div>
<table class="table table-hover">
<thead>
<tr class="d-flex">

5
Views/Vehicle/_TaxRecords.cshtml
View File

@@ -33,6 +33,11 @@
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<div class="row mt-2 showOnPrint">
<div class="d-flex">
<img src="/defaults/lubelogger_logo.png" />
</div>
</div>
<table class="table table-hover">
<thead>
<tr class="d-flex">

5
Views/Vehicle/_UpgradeRecords.cshtml
View File

@@ -33,6 +33,11 @@
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<div class="row mt-2 showOnPrint">
<div class="d-flex">
<img src="/defaults/lubelogger_logo.png" />
</div>
</div>
<table class="table table-hover">
<thead>
<tr class="d-flex">

46
Views/Vehicle/_VehicleHistory.cshtml
View File

@@ -1,6 +1,26 @@
@inject IConfiguration Configuration
@{
var hideZero = bool.Parse(Configuration[nameof(UserConfig.HideZero)]);
var useMPG = bool.Parse(Configuration[nameof(UserConfig.UseMPG)]);
var useUKMPG = bool.Parse(Configuration[nameof(UserConfig.UseUKMPG)]);
var useKwh = Model.VehicleData.IsElectric;
string fuelEconomyUnit;
if (useKwh)
{
fuelEconomyUnit = useMPG ? "mi./kWh" : "kWh/100km";
}
else if (useMPG && useUKMPG)
{
fuelEconomyUnit = "mpg";
}
else if (useUKMPG)
{
fuelEconomyUnit = "l/100mi.";
}
else
{
fuelEconomyUnit = useMPG ? "mpg" : "l/100km";
}
}
@model VehicleHistoryViewModel
<div class="vehicleDetailTabContainer">
@@ -35,7 +55,7 @@
<div class="col-6">
<ul class="list-group">
<li class="list-group-item">Last Reported Odometer Reading: @Model.Odometer</li>
<li class="list-group-item">Average Fuel Economy: @Model.MPG.ToString("F")</li>
<li class="list-group-item">Average Fuel Economy: @($"{Model.MPG.ToString("F")} {fuelEconomyUnit}")</li>
<li class="list-group-item">Total Spent(excl. fuel): @Model.TotalCost.ToString("C")</li>
<li class="list-group-item">Total Spent on Fuel: @Model.TotalGasCost.ToString("C")</li>
</ul>
@@ -47,9 +67,9 @@
<table class="table table-hover">
<thead>
<tr class="d-flex">
<th scope="col" class="col-1">Type</th>
<th scope="col" class="col-2">Type</th>
<th scope="col" class="col-1">Date</th>
<th scope="col" class="col-2">Odometer</th>
<th scope="col" class="col-1">Odometer</th>
<th scope="col" class="col-3">Description</th>
<th scope="col" class="col-2">Cost</th>
<th scope="col" class="col-3">Notes</th>
@@ -58,10 +78,24 @@
<tbody>
@foreach (GenericReportModel reportData in Model.VehicleHistory)
{
<tr class="d-flex" style="cursor:pointer;">
<td class="col-1">@reportData.DataType.ToString()</td>
<tr class="d-flex">
<td class="col-2">
@if(reportData.DataType == ImportMode.ServiceRecord)
{
<span><i class="bi bi-card-checklist me-2"></i>Service</span>
} else if (reportData.DataType == ImportMode.RepairRecord)
{
<span><i class="bi bi-exclamation-octagon me-2"></i>Repair</span>
} else if (reportData.DataType == ImportMode.UpgradeRecord)
{
<span><i class="bi bi-wrench-adjustable me-2"></i>Upgrade</span>
} else if (reportData.DataType == ImportMode.TaxRecord)
{
<span><i class="bi bi-currency-dollar me-2"></i>Tax</span>
}
</td>
<td class="col-1">@reportData.Date.ToShortDateString()</td>
<td class="col-2">@(reportData.Odometer == default ? "---" : reportData.Odometer.ToString("N0"))</td>
<td class="col-1">@(reportData.Odometer == default ? "---" : reportData.Odometer.ToString("N0"))</td>
<td class="col-3">@reportData.Description</td>
<td class="col-2">@((hideZero && reportData.Cost == default) ? "---" : reportData.Cost.ToString("C"))</td>
<td class="col-3 text-wrap">@CarCareTracker.Helper.StaticHelper.TruncateStrings(reportData.Notes, 100)</td>

4
wwwroot/css/site.css
View File

@@ -36,6 +36,10 @@ html {
overflow-x: auto;
}
.showOnPrint {
display:none;
}
@media print {
.hideOnPrint {
display:none;