more partial views and logic for reminder.

This commit is contained in:
DESKTOP-GENO133\IvanPlex
2024-01-06 21:32:11 -07:00
parent 206b053d27
commit b5f8d2d44e
7 changed files with 282 additions and 10 deletions

View File

@@ -8,6 +8,7 @@
<script src="~/js/gasrecord.js" asp-append-version="true"></script>
<script src="~/js/collisionrecord.js" asp-append-version="true"></script>
<script src="~/js/taxrecord.js" asp-append-version="true"></script>
<script src="~/js/reminderrecord.js" asp-append-version="true"></script>
<script src="~/lib/chart-js/chart.umd.js"></script>
}
<div class="container">
@@ -84,6 +85,12 @@
</div>
</div>
</div>
<div class="modal fade" id="reminderRecordModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content" id="reminderRecordModalContent">
</div>
</div>
</div>
<script>
function GetVehicleId() {
return { vehicleId: @Model.Id};

View File

@@ -0,0 +1,43 @@
@model List<ReminderRecordViewModel>
<div class="row">
<div class="d-flex justify-content-between">
<div class="d-flex align-items-center flex-wrap">
<span class="ms-2 badge bg-success">@($"# of Reminders: {Model.Count()}")</span>
</div>
<div>
<button onclick="showAddReminderModal()" class="btn btn-primary btn-md mt-1 mb-1"><i class="bi bi-pencil-square me-2"></i>Add Repair Record</button>
</div>
</div>
</div>
<div class="row vehicleDetailTabContainer">
<div class="col-12">
<table class="table table-hover">
<thead>
<tr class="d-flex">
<th scope="col" class="col-1">Urgency</th>
<th scope="col" class="col-2">Metric</th>
<th scope="col" class="col-4">Description</th>
<th scope="col" class="col-2">Cost</th>
<th scope="col" class="col-3">Notes</th>
</tr>
</thead>
<tbody>
@foreach (ReminderRecordViewModel reminderRecord in Model)
{
<tr class="d-flex" style="cursor:pointer;" onclick="showEditReminderRecordModal(@reminderRecord.Id)">
<td class="col-1">@reminderRecord.Urgency.ToString()</td>
@if (reminderRecord.Metric == ReminderMetric.Date)
{
<td class="col-1">@reminderRecord.Date.ToShortDateString()</td>
} else if (reminderRecord.Metric == ReminderMetric.Odometer)
{
<td class="col-1">@reminderRecord.Mileage</td>
}
<td class="col-4">@reminderRecord.Description</td>
<td class="col-3 text-truncate">@reminderRecord.Notes</td>
</tr>
}
</tbody>
</table>
</div>
</div>