77 lines
4.5 KiB
Plaintext
77 lines
4.5 KiB
Plaintext
@{
|
|
ViewData["Title"] = "View Vehicle";
|
|
}
|
|
@model Vehicle
|
|
@section Scripts{
|
|
<script src="~/js/vehicle.js" asp-append-version="true"></script>
|
|
}
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="d-flex justify-content-between">
|
|
<button onclick="returnToGarage()" class="btn btn-secondary btn-md mt-1 mb-1"><i class="bi bi-arrow-left-square"></i></button>
|
|
<h1 class="text-truncate">@($"{Model.Year} {Model.Make} {Model.Model}(License # {Model.LicensePlate})")</h1>
|
|
<div class="btn-group">
|
|
<button onclick="showEditVehicleModal()" class="btn btn-secondary btn-md mt-1 mb-1"><i class="bi bi-pencil-square"></i></button>
|
|
<button onclick="DeleteVehicle(@Model.Id)" class="btn btn-danger btn-md mt-1 mb-1"><i class="bi bi-trash"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<ul class="nav nav-tabs" id="vehicleTab" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="servicerecord-tab" data-bs-toggle="tab" data-bs-target="#servicerecord-tab-pane" type="button" role="tab" aria-selected="true"><i class="bi bi-card-checklist me-2"></i>Service Records</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="gas-tab" data-bs-toggle="tab" data-bs-target="#gas-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-fuel-pump me-2"></i>Fuel Mileage</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="tax-tab" data-bs-toggle="tab" data-bs-target="#tax-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-currency-dollar me-2"></i>Taxes</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="notes-tab" data-bs-toggle="tab" data-bs-target="#notes-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-journal-bookmark me-2"></i>Notes</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="accident-tab" data-bs-toggle="tab" data-bs-target="#accident-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-exclamation-octagon me-2"></i>Collisions</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link" id="manage-tab" data-bs-toggle="tab" data-bs-target="#manage-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-wrench me-2"></i>Manage Vehicle</button>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content" id="vehicleTabContent">
|
|
<div class="tab-pane fade show active" id="servicerecord-tab-pane" role="tabpanel"tabindex="0">
|
|
<div class="row">
|
|
<div class="d-flex flex-row-reverse">
|
|
<div>
|
|
<button onclick="showAddServiceRecordModal()" class="btn btn-primary btn-md mt-1 mb-1"><i class="bi bi-pencil-square"></i>Add Service Record</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="ServiceRecordContainer">
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="gas-tab-pane" role="tabpanel" tabindex="0">111</div>
|
|
<div class="tab-pane fade" id="tax-tab-pane" role="tabpanel" tabindex="0">222</div>
|
|
<div class="tab-pane fade" id="notes-tab-pane" role="tabpanel" tabindex="0">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<label for="noteTextArea" class="form-label">This is where you can store notes related to the vehicle such as tire size, oil filter size, oil types, etc.</label>
|
|
<textarea class="form-control" id="noteTextArea" rows="15"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="d-flex flex-row-reverse">
|
|
<div>
|
|
<button onclick="saveVehicleNote(@Model.Id)" class="btn btn-primary btn-md mt-1 mb-1"><i class="bi bi-pencil-square"></i>Save Note</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="accident-tab-pane" role="tabpanel" tabindex="0">333</div>
|
|
<div class="tab-pane fade" id="manage-tab-pane" role="tabpanel" tabindex="0">...</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function GetVehicleId(){
|
|
return { vehicleId: @Model.Id};
|
|
}
|
|
</script> |