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

Added Async File Upload.

Browse Source
This commit is contained in:
DESKTOP-GENO133\IvanPlex
2024-01-01 20:40:08 -07:00
parent 3a76cce00b
commit 894d4e3f22
5 changed files with 133 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
Views/Home/Index.cshtml
View File

@@ -1,13 +1,12 @@
@{
ViewData["Title"] = "My Garage";
}
@model VehicleInputModel
@section Scripts{
@section Scripts {
<script src="~/js/garage.js" asp-append-version="true"></script>
}
@if (Model is not null && Model.Errors.Any())
{
foreach(string error in Model.Errors)
foreach (string error in Model.Errors)
{
<div class="alert alert-danger alert-dismissible fade show" role="alert">
@error
@@ -26,30 +25,29 @@
<div class="modal fade" id="addVehicleModal" tabindex="-1" role="dialog" aria-labelledby="addVehicleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form class="form-inline" asp-action="AddVehicle" enctype="multipart/form-data">
<div class="modal-header">
<h5 class="modal-title" id="addVehicleModalLabel">Add New Vehicle</h5>
</div>
<div class="modal-body">
<form class="form-inline">
<div class="form-group">
<label for="inputYear">Year</label>
<input asp-for="Year" type="number" id="inputYear" class="form-control">
<input type="number" id="inputYear" class="form-control">
<label for="inputMake">Make</label>
<input asp-for="Make" type="text" id="inputMake" class="form-control">
<input type="text" id="inputMake" class="form-control">
<label for="inputModel">Model</label>
<input asp-for="Model" type="text" id="inputModel" class="form-control">
<input type="text" id="inputModel" class="form-control">
<label for="inputLicensePlate">License Plate</label>
<input asp-for="LicensePlate" type="text" id="inputLicensePlate" class="form-control">
<input type="text" id="inputLicensePlate" class="form-control">
<label for="inputImage">Upload a picture(optional)</label>
<input asp-for="Image" type="file" accept=".png" class="form-control-file" id="inputImage">
<input onChange="uploadFileAsync()" type="file" accept=".png" class="form-control-file" id="inputImage">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="hideAddVehicleModal()">Cancel</button>
<button type="submit" class="btn btn-primary">Add New Vehicle</button>
<button type="button" onclick="addVehicle()" class="btn btn-primary">Add New Vehicle</button>
</div>
</form>
</div>
</div>
</div>