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

added method to toggle delta mileage.

Browse Source
This commit is contained in:
DESKTOP-GENO133\IvanPlex
2024-02-07 10:41:58 -07:00
parent cc43d45c9c
commit dd2cfd90b1
2 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Views/Vehicle/_Gas.cshtml
View File

@@ -101,7 +101,7 @@
<thead class="sticky-top">
<tr class="d-flex">
<th scope="col" class="col-2">@translator.Translate(userLanguage,"Date Refueled")</th>
<th scope="col" class="col-2">@($"{translator.Translate(userLanguage,"Odometer")}({distanceUnit})")</th>
<th scope="col" class="col-2" data-gas="odometer" style="cursor:pointer;" data-unit="odometer" onclick="toggleSort('gas-tab-pane', this)" oncontextmenu="toggleUnits(this)">@($"{translator.Translate(userLanguage, "Odometer")}({distanceUnit})")</th>
<th scope="col" class="col-2" data-gas="consumption" data-unit="@consumptionUnit" onclick="toggleSort('gas-tab-pane', this)" oncontextmenu="toggleUnits(this)" style="cursor:pointer;">@($"{translator.Translate(userLanguage,"Consumption")}({consumptionUnit})")</th>
<th scope="col" class="col-4" data-gas="fueleconomy" data-unit="@fuelEconomyUnit" onclick="toggleSort('gas-tab-pane', this)" oncontextmenu="toggleUnits(this)" style="cursor:pointer;">@($"{@translator.Translate(userLanguage,"Fuel Economy")}({fuelEconomyUnit})")</th>
<th scope="col" class="col-1" onclick="toggleSort('gas-tab-pane', this)" style="cursor:pointer;">@translator.Translate(userLanguage,"Cost")</th>
@@ -113,7 +113,7 @@
{
<tr class="d-flex" style="cursor:pointer;" onclick="showEditGasRecordModal(@gasRecord.Id)" data-tags='@string.Join(" ", gasRecord.Tags)'>
<td class="col-2">@gasRecord.Date</td>
<td class="col-2" data-gas-type="mileage" data-gas-aggregate="@gasRecord.DeltaMileage">@gasRecord.Mileage</td>
<td class="col-2" data-gas-type="mileage" data-gas-aggregate="@gasRecord.DeltaMileage" data-gas-original="@gasRecord.Mileage">@gasRecord.Mileage</td>
<td class="col-2" data-gas-type="consumption" data-gas-aggregate="@gasRecord.Gallons">@gasRecord.Gallons.ToString("F")</td>
<td class="col-4" data-gas-type="fueleconomy" data-aggregated='@(gasRecord.IncludeInAverage.ToString().ToLower())'>@(gasRecord.MilesPerGallon == 0 ? "---" : gasRecord.MilesPerGallon.ToString("F"))</td>
<td class="col-1" data-record-type="cost">@((hideZero && gasRecord.Cost == default) ? "---" : gasRecord.Cost.ToString(gasCostFormat))</td>

17
wwwroot/js/gasrecord.js
View File

@@ -371,5 +371,22 @@ function toggleUnits(sender) {
convertFuelMileageUnits("km/l", "l/100km", true);
break;
}
} else if (sender.attr("data-gas") == "odometer") {
switch (sender.attr("data-unit")) {
case "odometer":
$("[data-gas-type='mileage']").map((index, elem) => {
elem.innerText = $(elem).attr("data-gas-aggregate");
});
sender.attr("data-unit", "delta");
sender.html(`Δ ${sender.html()}`);
break;
case "delta":
$("[data-gas-type='mileage']").map((index, elem) => {
elem.innerText = $(elem).attr("data-gas-original");
});
sender.attr("data-unit", "odometer");
sender.html(sender.html().replace('Δ ', ''));
break;
}
}
}