Fixed inventory detail view accessibility issues

This commit is contained in:
2025-11-02 22:19:07 +01:00
parent ee2042bb68
commit eca44f6e85

View File

@@ -143,36 +143,36 @@
</div> </div>
<div class="row g-3"> <div class="row g-3">
<div class="col-md-6"> <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" name="Name" value="${asset.Name || ''}" disabled /> <input type="text" class="form-control" id="detailName" name="Name" value="${asset.Name || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Location"]</label> <label class="form-label" for="detailLocation">@T["Location"]</label>
<input type="text" class="form-control" name="Location" value="${asset.Location || ''}" disabled /> <input type="text" class="form-control" id="detailLocation" name="Location" value="${asset.Location || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Owner"]</label> <label class="form-label" for="detailOwner">@T["Owner"]</label>
<input type="text" class="form-control" name="Owner" value="${asset.Owner || ''}" disabled /> <input type="text" class="form-control" id="detailOwner" name="Owner" value="${asset.Owner || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Serial Number"]</label> <label class="form-label" for="detailSerialNumber">@T["Serial Number"]</label>
<input type="text" class="form-control" name="SerialNumber" value="${asset.SerialNumber || ''}" disabled /> <input type="text" class="form-control" id="detailSerialNumber" name="SerialNumber" value="${asset.SerialNumber || ''}" disabled />
</div> </div>
</div> </div>
<hr class="my-3" /> <hr class="my-3" />
<div class="row g-3"> <div class="row g-3">
<h6 class="fw-bold">@T["Description"]</h6> <h6 class="fw-bold">@T["Description"]</h6>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Type"]</label> <label class="form-label" for="detailType">@T["Type"]</label>
<input type="text" class="form-control" name="Description.Type" value="${asset.Description?.Type || ''}" disabled /> <input type="text" class="form-control" id="detailType" name="Description.Type" value="${asset.Description?.Type || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Make"]</label> <label class="form-label" for="detailMake">@T["Make"]</label>
<input type="text" class="form-control" name="Description.Make" value="${asset.Description?.Make || ''}" disabled /> <input type="text" class="form-control" id="detailMake" name="Description.Make" value="${asset.Description?.Make || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Model"]</label> <label class="form-label" for="detailModel">@T["Model"]</label>
<input type="text" class="form-control" name="Description.Model" value="${asset.Description?.Model || ''}" disabled /> <input type="text" class="form-control" id="detailModel" name="Description.Model" value="${asset.Description?.Model || ''}" disabled />
</div> </div>
</div> </div>
${asset.Description?.Attributes ? ` ${asset.Description?.Attributes ? `
@@ -182,8 +182,8 @@
${Object.entries(asset.Description.Attributes) ${Object.entries(asset.Description.Attributes)
.map(([k,v]) => ` .map(([k,v]) => `
<div class="d-flex gap-2 align-items-center attribute-row"> <div class="d-flex gap-2 align-items-center attribute-row">
<input type="text" class="form-control w-50" placeholder="@T["Attribute name"]" data-attr-name disabled value="${k}" />: <input type="text" class="form-control w-50" placeholder="@T["Attribute name"]" aria-label="@T["Attribute name"]" data-attr-name disabled value="${k}" />:
<input type="text" class="form-control" placeholder="@T["Attribute value"]" data-attr-value disabled value="${v}" /> <input type="text" class="form-control" placeholder="@T["Attribute value"]" aria-label="@T["Attribute value"]" data-attr-value disabled value="${v}" />
</div>`) </div>`)
.join('')} .join('')}
</div>` : ''} </div>` : ''}
@@ -193,20 +193,20 @@
<div class="row g-3"> <div class="row g-3">
<h6 class="fw-bold">@T["Purchase Information"]</h6> <h6 class="fw-bold">@T["Purchase Information"]</h6>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Purchase Date"]</label> <label class="form-label" for="detailPurchaseDate">@T["Purchase Date"]</label>
<input type="date" class="form-control" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled /> <input type="date" class="form-control" id="detailPurchaseDate" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Purchase Value"]</label> <label class="form-label" for="detailPurchaseValue">@T["Purchase Value"]</label>
<input type="text" class="form-control" name="Description.Purchase.PurchaseValue" value="${asset.Description.Purchase.PurchaseValue || ''}" disabled /> <input type="text" class="form-control" id="detailPurchaseValue" name="Description.Purchase.PurchaseValue" value="${asset.Description.Purchase.PurchaseValue || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Purchased At"]</label> <label class="form-label" for="detailPurchaseAt">@T["Purchased At"]</label>
<input type="text" class="form-control" name="Description.Purchase.PurchaseAt" value="${asset.Description.Purchase.PurchaseAt || ''}" disabled /> <input type="text" class="form-control" id="detailPurchaseAt" name="Description.Purchase.PurchaseAt" value="${asset.Description.Purchase.PurchaseAt || ''}" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Purchased By"]</label> <label class="form-label" for="detailPurchaseBy">@T["Purchased By"]</label>
<input type="text" class="form-control" name="Description.Purchase.PurchaseBy" value="${asset.Description.Purchase.PurchaseBy || ''}" disabled /> <input type="text" class="form-control" id="detailPurchaseBy" name="Description.Purchase.PurchaseBy" value="${asset.Description.Purchase.PurchaseBy || ''}" disabled />
</div> </div>
</div>` : ''} </div>` : ''}
</div>`; </div>`;