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

First commit for new setting to show the vehicle thumbnail in the header of each vehicle page.

Browse Source
This commit is contained in:
Dave Walker
2025-05-15 18:22:48 +02:00
parent 419b755e7a
commit 8eef1465cf
6 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Views/Home/_Settings.cshtml
View File

@@ -90,6 +90,10 @@
<input class="form-check-input" onChange="updateSettings()" type="checkbox" role="switch" id="showCalendar" checked="@Model.UserConfig.ShowCalendar">
<label class="form-check-label" for="showCalendar">@translator.Translate(userLanguage, "Show Calendar")</label>
</div>
<div class="form-check form-switch form-check-inline">
<input class="form-check-input" onChange="updateSettings()" type="checkbox" role="switch" id="showVehicleThumbnail" checked="@Model.UserConfig.ShowVehicleThumbnail">
<label class="form-check-label" for="showCalendar">@translator.Translate(userLanguage, "Show Vehicle Thumbnail in Header")</label>
</div>
</div>
@if (User.IsInRole(nameof(UserData.IsRootUser)))
{

9
Views/Vehicle/Index.cshtml
View File

@@ -72,7 +72,16 @@
<div class="row">
<div class="d-flex justify-content-between">
<button onclick="returnToGarage()" class="lubelogger-tab btn btn-secondary btn-md mt-1 mb-1"><i class="bi bi-arrow-left-square"></i></button>
@if (userConfig.ShowVehicleThumbnail){
<img src="@Model.ImageLocation" class="m-1" style="height: calc(2rem + 2.75vw); object-fit:scale-down; pointer-events:none; @(string.IsNullOrWhiteSpace(Model.SoldDate) ? "" : "filter: grayscale(100%);")" />
<h1 class="text-truncate display-4 m-1">@($"{Model.Year} {Model.Make} {Model.Model}")<small class="text-body-secondary">@($"(#{StaticHelper.GetVehicleIdentifier(Model)})")</small></h1>
}
else
{
<h1 class="text-truncate display-4">@($"{Model.Year} {Model.Make} {Model.Model}")<small class="text-body-secondary">@($"(#{StaticHelper.GetVehicleIdentifier(Model)})")</small></h1>
}
<button onclick="editVehicle(@Model.Id)" class="lubelogger-tab btn btn-warning btn-md mt-1 mb-1"><i class="bi bi-pencil-square"></i></button>
<div class="lubelogger-navbar-button">
<button type="button" class="btn btn-adaptive" onclick="showMobileNav()"><i class="bi bi-list lubelogger-menu-icon"></i></button>