Fixed user detail view accessibility issues

This commit is contained in:
2025-11-02 23:45:50 +01:00
parent 2c254b3fc0
commit 25209a2a28

View File

@@ -163,7 +163,7 @@
<div class="modal-content">
<div class="modal-header bg-warning text-dark">
<h3 class="modal-title" id="updateModalLabel">@T["Update User"]</h3>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form id="updateForm">
@@ -449,7 +449,7 @@
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h3 class="modal-title" id="createModalLabel">@T["Create user"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
<button type="button" class="btn-close btn-close-white" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form id="createForm">
@@ -654,55 +654,55 @@
<div class="modal-content">
<div class="modal-header bg-info text-dark">
<h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="row g-3">
<div class="col-md-4 text-center">
<img id="detailPhoto" class="img-thumbnail rounded-circle" style="max-height:150px;" />
<img id="detailPhoto" alt="Photo" class="img-thumbnail rounded-circle" style="max-height:150px;" />
</div>
<div class="col-md-6">
<label class="form-label">@T["Username"]</label>
<label class="form-label" for="detailUid">@T["Username"]</label>
<input type="text" class="form-control" id="detailUid" value="" disabled />
</div>
<div class="col-md-6">
<label class="form-label">@T["Title"]</label>
<label class="form-label" for="detailTitle">@T["Title"]</label>
<input type="text" class="form-control" id="detailTitle" value="" disabled />
</div>
<div class="col-md-6">
<label class="form-label">@T["Name"]</label>
<label class="form-label" for="detailName">@T["Name"]</label>
<input type="text" class="form-control" id="detailName" value="" disabled />
</div>
<div class="col-md-6">
<label class="form-label">@T["Surname"]</label>
<label class="form-label" for="detailSurname">@T["Surname"]</label>
<input type="text" class="form-control" id="detailSurname" value="" disabled />
</div>
<div class="col-md-6">
<label class="form-label">@T["Birth Date"]</label>
<label class="form-label" for="detailBirthdate">@T["Birth Date"]</label>
<input type="text" class="form-control" id="detailBirthdate" value="" disabled />
</div>
<hr class="my-3">
<h4 class="fw-bold">@T["Address"]</h4>
<div class="col-md-4">
<label class="form-label">@T["City"]</label>
<label class="form-label" for="detailCity">@T["City"]</label>
<input type="text" class="form-control" id="detailCity" value="" disabled />
</div>
<div class="col-md-6">
<label class="form-label">@T["Street"]</label>
<label class="form-label" for="detailStreet">@T["Street"]</label>
<input type="text" class="form-control" id="detailStreet" value="" disabled />
</div>
<div class="col-md-2">
<label class="form-label">@T["Street Nr."]</label>
<label class="form-label" for="detailStreetNr">@T["Street Nr."]</label>
<input type="text" class="form-control" id="detailStreetNr" value="" disabled />
</div>
<hr class="my-3">
<h4 class="fw-bold">@T["Workplace & account"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Workplace"]</label>
<label class="form-label" for="detailWorkplace">@T["Workplace"]</label>
<input type="text" class="form-control" id="detailWorkplace" value="" disabled />
</div>
<div class="col-md-6">
<label class="form-label">@T["Groups"]</label>
<label class="form-label" for="detailGroups">@T["Groups"]</label>
<input type="text" class="form-control" id="detailGroups" value="" disabled />
</div>
</div>