126 lines
8.7 KiB
Plaintext
126 lines
8.7 KiB
Plaintext
@using CarCareTracker.Helper
|
|
@inject IConfigHelper config
|
|
@inject ITranslationHelper translator
|
|
@model Vehicle
|
|
@{
|
|
var userConfig = config.GetUserConfig(User);
|
|
var userLanguage = userConfig.UserLanguage;
|
|
var isNew = Model.Id == 0;
|
|
if (Model.ImageLocation == "/defaults/noimage.png")
|
|
{
|
|
Model.ImageLocation = "";
|
|
}
|
|
}
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="addVehicleModalLabel">@(isNew ? translator.Translate(userLanguage, "Add New Vehicle") : translator.Translate(userLanguage, "Edit Vehicle"))</h5>
|
|
@if (isNew)
|
|
{
|
|
<button type="button" class="btn-close" onclick="hideAddVehicleModal()" aria-label="Close"></button>
|
|
}
|
|
else if (!isNew)
|
|
{
|
|
<button type="button" class="btn-close" onclick="hideEditVehicleModal()" aria-label="Close"></button>
|
|
}
|
|
|
|
</div>
|
|
<div class="modal-body">
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
<label for="inputYear">@translator.Translate(userLanguage, "Year")</label>
|
|
<input type="number" inputmode="numeric" id="inputYear" class="form-control" placeholder="@translator.Translate(userLanguage, "Year(must be after 1900)")" value="@(isNew ? "" : Model.Year)">
|
|
<label for="inputMake">@translator.Translate(userLanguage, "Make")</label>
|
|
<input type="text" id="inputMake" class="form-control" placeholder="@translator.Translate(userLanguage, "Make")" value="@Model.Make">
|
|
<label for="inputModel">@translator.Translate(userLanguage, "Model")</label>
|
|
<input type="text" id="inputModel" class="form-control" placeholder="@translator.Translate(userLanguage, "Model")" value="@Model.Model">
|
|
<label for="inputLicensePlate">@translator.Translate(userLanguage, "License Plate")</label>
|
|
<input type="text" id="inputLicensePlate" class="form-control" placeholder="@translator.Translate(userLanguage, "License Plate")" value="@Model.LicensePlate">
|
|
@foreach (ExtraField field in Model.ExtraFields)
|
|
{
|
|
var elementId = Guid.NewGuid();
|
|
<div class="extra-field">
|
|
<label for="@elementId">@field.Name</label>
|
|
<input type="text" id="@elementId" class="form-control @(field.IsRequired ? "extra-field-required" : "")" placeholder="@field.Name" value="@field.Value">
|
|
</div>
|
|
}
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="inputIsElectric" checked="@Model.IsElectric">
|
|
<label class="form-check-label" for="inputIsElectric">@translator.Translate(userLanguage, "Electric Vehicle")</label>
|
|
</div>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch" id="inputUseHours" checked="@Model.UseHours">
|
|
<label class="form-check-label" for="inputUseHours">@translator.Translate(userLanguage, "Use Engine Hours")</label>
|
|
</div>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch" onchange="toggleOdometerAdjustment()" id="inputHasOdometerAdjustment" checked="@Model.HasOdometerAdjustment">
|
|
<label class="form-check-label" for="inputHasOdometerAdjustment">@translator.Translate(userLanguage, "Odometer Adjustments")</label>
|
|
</div>
|
|
<div class="collapse @(Model.HasOdometerAdjustment ? "show" : "")" id="odometerAdjustments">
|
|
<div>
|
|
<label for="inputOdometerMultiplier">@translator.Translate(userLanguage, "Odometer Multiplier")</label>
|
|
<input type="text" id="inputOdometerMultiplier" class="form-control" placeholder="@translator.Translate(userLanguage, "Odometer Multiplier")" value="@Model.OdometerMultiplier">
|
|
<label for="inputOdometerDifference">@translator.Translate(userLanguage, "Odometer Difference")</label>
|
|
<input type="text" id="inputOdometerDifference" class="form-control" placeholder="@translator.Translate(userLanguage, "Odometer Difference")" value="@Model.OdometerDifference">
|
|
</div>
|
|
</div>
|
|
<div class="accordion accordion-flush" id="vehicleModalAccordion">
|
|
<div class="accordion-item">
|
|
<div class="accordion-header">
|
|
<button class="accordion-button skinny collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePurchaseInfo">
|
|
@translator.Translate(userLanguage, "Purchase/Sold Information(optional)")
|
|
</button>
|
|
</div>
|
|
<div id="collapsePurchaseInfo" class="accordion-collapse collapse" data-bs-parent="#vehicleModalAccordion">
|
|
<label for="inputPurchaseDate">@translator.Translate(userLanguage, "Purchased Date(optional)")</label>
|
|
<input type="text" id="inputPurchaseDate" class="form-control" placeholder="@translator.Translate(userLanguage, "Purchased Date")" value="@Model.PurchaseDate">
|
|
<label for="inputSoldDate">@translator.Translate(userLanguage, "Sold Date(optional)")</label>
|
|
<input type="text" id="inputSoldDate" class="form-control" placeholder="@translator.Translate(userLanguage, "Sold Date")" value="@Model.SoldDate">
|
|
<label for="inputPurchasePrice">@translator.Translate(userLanguage, "Purchased Price(optional)")</label>
|
|
<input type="text" inputmode="decimal" id="inputPurchasePrice" class="form-control" placeholder="@translator.Translate(userLanguage, "Purchased Price")" value="@(Model.PurchasePrice == default ? "" : Model.PurchasePrice)">
|
|
<label for="inputSoldPrice">@translator.Translate(userLanguage, "Sold Price(optional)")</label>
|
|
<input type="text" inputmode="decimal" id="inputSoldPrice" class="form-control" placeholder="@translator.Translate(userLanguage, "Sold Price")" value="@(Model.SoldPrice == default ? "" : Model.SoldPrice)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<label for="inputTag">@translator.Translate(userLanguage, "Tags(optional)")</label>
|
|
<select multiple class="form-select" id="inputTag">
|
|
@foreach (string tag in Model.Tags)
|
|
{
|
|
<!option value="@tag">@tag</!option>
|
|
}
|
|
</select>
|
|
@if (!string.IsNullOrWhiteSpace(Model.ImageLocation))
|
|
{
|
|
<label for="inputImage">@translator.Translate(userLanguage, "Replace picture(optional)")</label>
|
|
<input onChange="uploadFileAsync(this)" type="file" accept=".png,.jpg,.jpeg" class="form-control-file" id="inputImage">
|
|
}
|
|
else
|
|
{
|
|
<label for="inputImage">@translator.Translate(userLanguage, "Upload a picture(optional)")</label>
|
|
<input onChange="uploadFileAsync(this)" type="file" accept=".png,.jpg,.jpeg" class="form-control-file" id="inputImage">
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
@if (isNew)
|
|
{
|
|
<button type="button" class="btn btn-secondary" onclick="hideAddVehicleModal()">@translator.Translate(userLanguage, "Cancel")</button>
|
|
<button type="button" onclick="saveVehicle(false)" class="btn btn-primary">@translator.Translate(userLanguage, "Add New Vehicle")</button>
|
|
} else if (!isNew)
|
|
{
|
|
<button type="button" class="btn btn-secondary" onclick="hideEditVehicleModal()">@translator.Translate(userLanguage, "Cancel")</button>
|
|
<button type="button" onclick="saveVehicle(true)" class="btn btn-primary">@translator.Translate(userLanguage, "Save Vehicle")</button>
|
|
}
|
|
</div>
|
|
<script>
|
|
var uploadedFile = "@Model.ImageLocation";
|
|
function getVehicleModelData() {
|
|
return { id: @Model.Id}
|
|
}
|
|
</script> |