Fixed accessibility issues for inventory asset edit view

This commit is contained in:
2025-11-02 22:03:03 +01:00
parent 49e564ef5d
commit 7e21b69035

View File

@@ -346,42 +346,42 @@
<div class="row g-3">
<!-- Same fields as in Create -->
<div class="col-md-6">
<label class="form-label">@T["Name"]</label>
<input type="text" class="form-control" name="Name" />
<label class="form-label" for="updateName">@T["Name"]</label>
<input type="text" id="updateName" class="form-control" name="Name" />
</div>
<div class="col-md-6">
<label class="form-label">@T["Location"]</label>
<select class="form-select" name="Location" id="updateLocationSelect">
<label class="form-label" for="updateLocationSelect">@T["Location"]</label>
<select class="form-select" name="Location" aria-label="@T["Location"]" id="updateLocationSelect">
<option value="">@T["Select location"]</option>
</select>
</div>
<div class="col-md-6">
<label class="form-label">@T["Owner"]</label>
<select class="form-select" name="Owner" id="updateUsersSelect">
<label class="form-label" for="updateUsersSelect">@T["Owner"]</label>
<select class="form-select" name="Owner" aria-label="@T["Owner"]" id="updateUsersSelect">
<option value="">@T["Select owner"]</option>
</select>
</div>
<div class="col-md-6">
<label class="form-label">@T["Serial Number"]</label>
<input type="text" class="form-control" name="SerialNumber" />
<label class="form-label" for="updateSerialNumber">@T["Serial Number"]</label>
<input type="text" class="form-control" id="updateSerialNumber" name="SerialNumber" />
</div>
<hr class="my-3" />
<h6 class="fw-bold">@T["Description"]</h6>
<div class="col-md-6">
<label class="form-label">@T["Type"]</label>
<input type="text" class="form-control" name="Description.Type" />
<label class="form-label" for="updateType">@T["Type"]</label>
<input type="text" class="form-control" id="updateType" name="Description.Type" />
</div>
<div class="col-md-6">
<label class="form-label">@T["Make"]</label>
<input type="text" class="form-control" name="Description.Make" />
<label class="form-label" for="updateMake">@T["Make"]</label>
<input type="text" class="form-control" id="updateMake" name="Description.Make" />
</div>
<div class="col-md-6">
<label class="form-label">@T["Model"]</label>
<input type="text" class="form-control" name="Description.Model" />
<label class="form-label" for="updateModel">@T["Model"]</label>
<input type="text" class="form-control" id="updateModel" name="Description.Model" />
</div>
<div class="col-12 mt-3">
@@ -398,20 +398,20 @@
<h6 class="fw-bold">@T["Purchase Information"]</h6>
<div class="col-md-6">
<label class="form-label">@T["Purchase Date"]</label>
<input type="date" class="form-control" name="Description.Purchase.PurchaseDate" />
<label class="form-label" for="updatePurchaseDate">@T["Purchase Date"]</label>
<input type="date" class="form-control" id="updatePurchaseDate" name="Description.Purchase.PurchaseDate" />
</div>
<div class="col-md-6">
<label class="form-label">@T["Purchase Value"]</label>
<input type="text" class="form-control" name="Description.Purchase.PurchaseValue" />
<label class="form-label" for="updatePurchaseValue">@T["Purchase Value"]</label>
<input type="text" class="form-control" id="updatePurchaseValue" name="Description.Purchase.PurchaseValue" />
</div>
<div class="col-md-6">
<label class="form-label">@T["Purchased At"]</label>
<input type="text" class="form-control" name="Description.Purchase.PurchaseAt" />
<label class="form-label" for="updatePurchaseAt">@T["Purchased At"]</label>
<input type="text" class="form-control" id="updatePurchaseAt" name="Description.Purchase.PurchaseAt" />
</div>
<div class="col-md-6">
<label class="form-label">@T["Purchased By"]</label>
<input type="text" class="form-control" name="Description.Purchase.PurchaseBy" />
<label class="form-label" for="updatePurchaseBy">@T["Purchased By"]</label>
<input type="text" class="form-control" id="updatePurchaseBy" name="Description.Purchase.PurchaseBy" />
</div>
</div>
</div>
@@ -438,8 +438,8 @@ document.addEventListener('DOMContentLoaded', () => {
const row = document.createElement('div');
row.className = 'd-flex gap-2 align-items-center attribute-row';
row.innerHTML = `
<input type="text" class="form-control" placeholder="@T["Attribute name"]" data-attr-name />
<input type="text" class="form-control" placeholder="@T["Attribute value"]" data-attr-value />
<input type="text" class="form-control" aria-label="@T["Attribute name"]" placeholder="@T["Attribute name"]" data-attr-name />
<input type="text" class="form-control" aria-label="@T["Attribute value"]" placeholder="@T["Attribute value"]" data-attr-value />
<button type="button" class="btn btn-danger btn-sm btn-remove-attribute">@T["Remove"]</button>
`;
updateAttributesContainer.appendChild(row);
@@ -489,8 +489,8 @@ document.addEventListener('DOMContentLoaded', () => {
const row = document.createElement('div');
row.className = 'd-flex gap-2 align-items-center attribute-row';
row.innerHTML = `
<input type="text" class="form-control" value="${attrName}" data-attr-name />
<input type="text" class="form-control" value="${attrValue}" data-attr-value />
<input type="text" class="form-control" aria-label="@T["Attribute name"]" value="${attrName}" data-attr-name />
<input type="text" class="form-control" aria-label="@T["Attribute value"]" value="${attrValue}" data-attr-value />
<button type="button" class="btn btn-danger btn-sm btn-remove-attribute">@T["Remove"]</button>
`;
updateAttributesContainer.appendChild(row);