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

Added confirmation for deleting service records, fixed stylings.

Browse Source
This commit is contained in:
DESKTOP-GENO133\IvanPlex
2024-01-01 17:11:30 -07:00
parent 08cd1e1fc3
commit 3fc2cbbb96
13 changed files with 42 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
Views/Shared/_Layout.cshtml
View File

@@ -9,25 +9,18 @@
<link rel="stylesheet" href="~/lib/bootstrap-datepicker/css/bootstrap-datepicker.min.css" />
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="~/sweetalert/sweetalert2.min.css" asp-append-version="true" />
<link rel="stylesheet" href="~/CarCareTracker.styles.css" asp-append-version="true" />
</head>
<body>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<footer class="border-top footer text-muted">
<div class="container">
&copy; 2023 - CarCareTracker - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/shared.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/lib/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="~/sweetalert/sweetalert2.all.min.js"></script>
@await RenderSectionAsync("Scripts", required: false)
</head>
<body>
<div class="container" style="height:85vh;">
<main role="main">
@RenderBody()
</main>
</div>
</body>
</html>

4
Views/Vehicle/Index.cshtml
View File

@@ -46,7 +46,7 @@
</div>
</div>
</div>
<div class="row" id="ServiceRecordContainer" style="overflow-x: auto;">
<div class="row vehicleDetailTabContainer" id="ServiceRecordContainer">
</div>
</div>
<div class="tab-pane fade" id="gas-tab-pane" role="tabpanel" tabindex="0">111</div>
@@ -55,7 +55,7 @@
<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>
<textarea class="form-control" id="noteTextArea" rows="7"></textarea>
</div>
</div>
<div class="row">

2
Views/Vehicle/_ServiceRecords.cshtml
View File

@@ -2,7 +2,7 @@
<div class="col-12">
<table class="table">
<thead class="table-light">
<thead>
<tr class="d-flex">
<th scope="col" class="col-1">Date</th>
<th scope="col" class="col-2">Mileage</th>

10
wwwroot/css/site.css
View File

@@ -17,10 +17,6 @@ html {
min-height: 100%;
}
body {
margin-bottom: 60px;
}
.card {
border-radius: 4px;
box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
@@ -33,3 +29,9 @@ body {
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
.vehicleDetailTabContainer{
max-height:65vh;
overflow-y:auto;
overflow-x:auto;
}

24
wwwroot/js/vehicle.js
View File

@@ -98,13 +98,23 @@ function editServiceRecordToVehicle() {
})
}
function deleteServiceRecord(serviceRecordId) {
$.post(`/Vehicle/DeleteServiceRecordById?serviceRecordId=${serviceRecordId}`, function (data) {
if (data) {
successToast("Service Record deleted");
var vehicleId = GetVehicleId().vehicleId;
getVehicleServiceRecords(vehicleId);
} else {
errorToast("An error has occurred, please try again later.");
Swal.fire({
title: "Confirm Deletion?",
text: "Deleted Service Records cannot be restored.",
showCancelButton: true,
confirmButtonText: "Delete",
confirmButtonColor: "#dc3545"
}).then((result) => {
if (result.isConfirmed) {
$.post(`/Vehicle/DeleteServiceRecordById?serviceRecordId=${serviceRecordId}`, function (data) {
if (data) {
successToast("Service Record deleted");
var vehicleId = GetVehicleId().vehicleId;
getVehicleServiceRecords(vehicleId);
} else {
errorToast("An error has occurred, please try again later.");
}
});
}
});
}

4
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker.css vendored
View File

@@ -99,7 +99,7 @@
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
background: #777;
cursor: pointer;
}
.datepicker table tr td.old,
@@ -425,7 +425,7 @@
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
background: #777;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {

2
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker.standalone.css vendored
View File

@@ -99,7 +99,7 @@
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
background: #777;
cursor: pointer;
}
.datepicker table tr td.old,

2
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker.standalone.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker3.css vendored
View File

@@ -99,7 +99,7 @@
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
background: #eeeeee;
background: #777;
cursor: pointer;
}
.datepicker table tr td.disabled,

2
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker3.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.css vendored
View File

@@ -99,7 +99,7 @@
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
background: #eeeeee;
background: #777;
cursor: pointer;
}
.datepicker table tr td.disabled,

2
wwwroot/lib/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.min.css vendored
View File

File diff suppressed because one or more lines are too long