PI/predavanja
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Events-MVC (example with htmx)

Browse Source
This commit is contained in:
Boris Milašinović
2026-04-25 22:21:35 +02:00
parent eb04483417
commit 0ee1b22f61
114 changed files with 7966 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
Events-MVC/Events.MVC/Views/People/_PersonEditRow.cshtml Normal file
View File

@@ -0,0 +1,100 @@
@model Events.MVC.Models.People.PersonViewModel
<tr id="person-@Model.Id">
<td>@Model.Id</td>
<td colspan="7">
<form
asp-action="Edit"
asp-route-id="@Model.Id"
method="post"
hx-post="@Url.Action("Edit", "People", new { id = Model.Id })"
hx-target="#person-@Model.Id"
hx-swap="outerHTML">
@Html.AntiForgeryToken()
<input asp-for="Id" type="hidden" />
<div asp-validation-summary="ModelOnly" class="text-danger small mb-2"></div>
<div class="row g-2 align-items-start">
<div class="col-md-3">
<label asp-for="FirstName" class="form-label"></label>
<input asp-for="FirstName" class="form-control" />
<span asp-validation-for="FirstName" class="text-danger small"></span>
</div>
<div class="col-md-3">
<label asp-for="LastName" class="form-label"></label>
<input asp-for="LastName" class="form-control" />
<span asp-validation-for="LastName" class="text-danger small"></span>
</div>
<div class="col-md-3">
<label asp-for="FirstNameTranscription" class="form-label"></label>
<input asp-for="FirstNameTranscription" class="form-control" />
<span asp-validation-for="FirstNameTranscription" class="text-danger small"></span>
</div>
<div class="col-md-3">
<label asp-for="LastNameTranscription" class="form-label"></label>
<input asp-for="LastNameTranscription" class="form-control" />
<span asp-validation-for="LastNameTranscription" class="text-danger small"></span>
</div>
<div class="col-md-4">
<label asp-for="Email" class="form-label"></label>
<input asp-for="Email" class="form-control" />
<span asp-validation-for="Email" class="text-danger small"></span>
</div>
<div class="col-md-3">
<label asp-for="ContactPhone" class="form-label"></label>
<input asp-for="ContactPhone" class="form-control" />
<span asp-validation-for="ContactPhone" class="text-danger small"></span>
</div>
<div class="col-md-3">
<label asp-for="BirthDate" class="form-label"></label>
<input asp-for="BirthDate" type="date" class="form-control" />
<span asp-validation-for="BirthDate" class="text-danger small"></span>
</div>
<div class="col-md-2">
<label asp-for="CountryCode" class="form-label"></label>
<select asp-for="CountryCode" asp-items="Model.CountryOptions" class="form-select">
<option value="">Select a country</option>
</select>
<span asp-validation-for="CountryCode" class="text-danger small"></span>
</div>
<div class="col-md-4">
<label asp-for="DocumentNumber" class="form-label"></label>
<input asp-for="DocumentNumber" class="form-control" />
<span asp-validation-for="DocumentNumber" class="text-danger small"></span>
</div>
<div class="col-md-4">
<label asp-for="AddressLine" class="form-label"></label>
<input asp-for="AddressLine" class="form-control" />
<span asp-validation-for="AddressLine" class="text-danger small"></span>
</div>
<div class="col-md-2">
<label asp-for="PostalCode" class="form-label"></label>
<input asp-for="PostalCode" class="form-control" />
<span asp-validation-for="PostalCode" class="text-danger small"></span>
</div>
<div class="col-md-3">
<label asp-for="City" class="form-label"></label>
<input asp-for="City" class="form-control" />
<span asp-validation-for="City" class="text-danger small"></span>
</div>
<div class="col-md-3">
<label asp-for="AddressCountry" class="form-label"></label>
<input asp-for="AddressCountry" class="form-control" />
<span asp-validation-for="AddressCountry" class="text-danger small"></span>
</div>
<div class="col-md-auto">
<button type="submit" class="btn btn-sm btn-primary">Save</button>
</div>
<div class="col-md-auto">
<button
type="button"
class="btn btn-sm btn-outline-secondary"
hx-get="@Url.Action("Row", "People", new { id = Model.Id })"
hx-target="#person-@Model.Id"
hx-swap="outerHTML">
Cancel
</button>
</div>
</div>
</form>
</td>
</tr>