Merge pull request #266 from LD-Reborn/244-bug-all-modals-are-h5-instead-of-h3

244 bug all modals are h5 instead of h3
This commit is contained in:
LD50
2025-11-02 23:11:13 +01:00
committed by GitHub
7 changed files with 54 additions and 46 deletions

View File

@@ -79,7 +79,7 @@
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
<h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@@ -160,7 +160,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createAssetModalLabel">@T["Create asset"]</h5>
<h3 class="modal-title" id="createAssetModalLabel">@T["Create asset"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@@ -193,7 +193,7 @@
<hr class="my-3" />
<!-- Description Section -->
<h6 class="fw-bold">@T["Description"]</h6>
<h4 class="fw-bold">@T["Description"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Type"]</label>
<input type="text" class="form-control" name="Description.Type" />
@@ -211,7 +211,7 @@
<!-- Attributes Section -->
<div class="col-12 mt-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<h6 class="fw-bold mb-0">@T["Attributes"]</h6>
<h4 class="fw-bold mb-0">@T["Attributes"]</h4>
</div>
<div id="attributesContainer" class="d-flex flex-column gap-2">
<!-- Dynamic attribute rows will appear here -->
@@ -224,7 +224,7 @@
<hr class="my-3" />
<!-- Purchase Info -->
<h6 class="fw-bold">@T["Purchase Information"]</h6>
<h4 class="fw-bold">@T["Purchase Information"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Purchase Date"]</label>
<input type="date" class="form-control" name="Description.Purchase.PurchaseDate" />
@@ -387,7 +387,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5>
<h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@@ -418,7 +418,7 @@
<hr class="my-3" />
<h6 class="fw-bold">@T["Description"]</h6>
<h4 class="fw-bold">@T["Description"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Type"]</label>
<input type="text" class="form-control" name="Description.Type" />
@@ -434,7 +434,7 @@
<div class="col-12 mt-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<h6 class="fw-bold mb-0">@T["Attributes"]</h6>
<h4 class="fw-bold mb-0">@T["Attributes"]</h4>
</div>
<div id="updateAttributesContainer" class="d-flex flex-column gap-2"></div>
<button type="button" class="btn btn-sm btn-primary mt-3" id="updateAddAttributeBtn">
@@ -444,7 +444,7 @@
<hr class="my-3" />
<h6 class="fw-bold">@T["Purchase Information"]</h6>
<h4 class="fw-bold">@T["Purchase Information"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Purchase Date"]</label>
<input type="date" class="form-control" name="Description.Purchase.PurchaseDate" />
@@ -621,7 +621,7 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-info text-white">
<h5 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h5>
<h3 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@@ -683,7 +683,7 @@ function registerRowDetailviewClick(row) {
const html = `
<div class="row g-3">
<h6 class="fw-bold">@T["Barcode"]</h6>
<h4 class="fw-bold">@T["Barcode"]</h4>
<div class="col-md-6">
<svg id="@barcodeType" class="form-control" name="Barcode" />
</div>
@@ -694,7 +694,7 @@ function registerRowDetailviewClick(row) {
</div>
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Inventory"]</h6>
<h4 class="fw-bold">@T["Inventory"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Name"]</label>
<input type="text" class="form-control" name="Name" value="${asset.Description.Inventory.PersonUid || ''}" disabled />
@@ -706,7 +706,7 @@ function registerRowDetailviewClick(row) {
</div>
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Information"]</h6>
<h4 class="fw-bold">@T["Information"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Name"]</label>
<input type="text" class="form-control" name="Name" value="${asset.Name || ''}" disabled />
@@ -726,7 +726,7 @@ function registerRowDetailviewClick(row) {
</div>
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Description"]</h6>
<h4 class="fw-bold">@T["Description"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Type"]</label>
<input type="text" class="form-control" name="Description.Type" value="${asset.Description?.Type || ''}" disabled />
@@ -743,7 +743,7 @@ function registerRowDetailviewClick(row) {
${asset.Description?.Attributes ? `
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Attributes"]</h6>
<h4 class="fw-bold">@T["Attributes"]</h4>
${Object.entries(asset.Description.Attributes)
.map(([k,v]) => `
<div class="d-flex gap-2 align-items-center attribute-row">
@@ -756,7 +756,7 @@ function registerRowDetailviewClick(row) {
${asset.Description?.Purchase ? `
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Purchase Information"]</h6>
<h4 class="fw-bold">@T["Purchase Information"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Purchase Date"]</label>
<input type="date" class="form-control" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled />

View File

@@ -74,7 +74,7 @@
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
<h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@@ -162,7 +162,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createGroupModalLabel">@T["Create group"]</h5>
<h3 class="modal-title" id="createGroupModalLabel">@T["Create group"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@@ -319,7 +319,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h5>
<h3 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>

View File

@@ -34,7 +34,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-info text-white">
<h5 class="modal-title text-dark" id="viewAssetModalLabel">@T["Asset Details"]</h5>
<h3 class="modal-title text-dark" id="viewAssetModalLabel">@T["Asset Details"]</h3>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@@ -132,7 +132,7 @@
const html = `
<div class="row g-3">
<h6 class="fw-bold">@T["Barcode"]</h6>
<h4 class="fw-bold">@T["Barcode"]</h4>
<div class="col-md-6">
<svg id="@barcodeType" class="form-control" name="Barcode" />
</div>
@@ -161,7 +161,7 @@
</div>
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Description"]</h6>
<h4 class="fw-bold">@T["Description"]</h4>
<div class="col-md-6">
<label class="form-label" for="detailType">@T["Type"]</label>
<input type="text" class="form-control" id="detailType" name="Description.Type" value="${asset.Description?.Type || ''}" disabled />
@@ -178,7 +178,7 @@
${asset.Description?.Attributes ? `
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Attributes"]</h6>
<h4 class="fw-bold">@T["Attributes"]</h4>
${Object.entries(asset.Description.Attributes)
.map(([k,v]) => `
<div class="d-flex gap-2 align-items-center attribute-row">
@@ -191,7 +191,7 @@
${asset.Description?.Purchase ? `
<hr class="my-3" />
<div class="row g-3">
<h6 class="fw-bold">@T["Purchase Information"]</h6>
<h4 class="fw-bold">@T["Purchase Information"]</h4>
<div class="col-md-6">
<label class="form-label" for="detailPurchaseDate">@T["Purchase Date"]</label>
<input type="date" class="form-control" id="detailPurchaseDate" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled />
@@ -337,7 +337,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5>
<h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" style="filter: invert(0);" aria-label="Close"></button>
</div>
@@ -370,7 +370,7 @@
<hr class="my-3" />
<h6 class="fw-bold">@T["Description"]</h6>
<h4 class="fw-bold">@T["Description"]</h4>
<div class="col-md-6">
<label class="form-label" for="updateType">@T["Type"]</label>
<input type="text" class="form-control" id="updateType" name="Description.Type" />
@@ -386,7 +386,7 @@
<div class="col-12 mt-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<h6 class="fw-bold mb-0">@T["Attributes"]</h6>
<h4 class="fw-bold mb-0">@T["Attributes"]</h4>
</div>
<div id="updateAttributesContainer" class="d-flex flex-column gap-2"></div>
<button type="button" class="btn btn-sm btn-primary mt-3" id="updateAddAttributeBtn">
@@ -396,7 +396,7 @@
<hr class="my-3" />
<h6 class="fw-bold">@T["Purchase Information"]</h6>
<h4 class="fw-bold">@T["Purchase Information"]</h4>
<div class="col-md-6">
<label class="form-label" for="updatePurchaseDate">@T["Purchase Date"]</label>
<input type="date" class="form-control" id="updatePurchaseDate" name="Description.Purchase.PurchaseDate" />

View File

@@ -76,7 +76,7 @@
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
<h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@@ -157,7 +157,7 @@
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="editModalLabel">@T["Edit Location"]</h5>
<h3 class="modal-title" id="editModalLabel">@T["Edit Location"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form id="editForm">
@@ -269,7 +269,7 @@
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createModalLabel">@T["Create location"]</h5>
<h3 class="modal-title" id="createModalLabel">@T["Create location"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form id="createForm">

View File

@@ -86,7 +86,7 @@
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5>
<h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@@ -162,7 +162,7 @@
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateModalLabel">@T["Update User"]</h5>
<h3 class="modal-title" id="updateModalLabel">@T["Update User"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
@@ -170,7 +170,7 @@
<input type="hidden" id="updateUid" name="Uid" />
<div class="row g-3">
<h6 class="fw-bold">@T["Personal information"]</h6>
<h4 class="fw-bold">@T["Personal information"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Title"]</label>
<input type="text" id="updateTitle" name="Title" class="form-control" />
@@ -200,7 +200,7 @@
<input type="text" id="updateAddressStreetNr" name="Description.Address.StreetNr" class="form-control" />
</div>
<hr class="my-3">
<h6 class="fw-bold">@T["Workplace & account"]</h6>
<h4 class="fw-bold">@T["Workplace & account"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Workplace"]</label>
<select class="form-select" id="updateWorkplace" name="Description.Workplace">
@@ -448,13 +448,13 @@
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createModalLabel">@T["Create User"]</h5>
<h3 class="modal-title" id="createModalLabel">@T["Create user"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form id="createForm">
<div class="row g-3">
<h6 class="fw-bold">@T["Personal information"]</h6>
<h4 class="fw-bold">@T["Personal information"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Title"]</label>
<input type="text" name="Title" class="form-control" />
@@ -484,7 +484,7 @@
<input type="text" name="Description.Address.StreetNr" class="form-control" />
</div>
<hr class="my-3">
<h6 class="fw-bold">@T["Workplace & account"]</h6>
<h4 class="fw-bold">@T["Workplace & account"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Workplace"]</label>
<select class="form-select" name="Description.Workplace">
@@ -653,7 +653,7 @@
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header bg-info text-white">
<h5 class="modal-title" id="detailModalLabel">@T["User Details"]</h5>
<h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
@@ -682,7 +682,7 @@
<input type="text" class="form-control" id="detailBirthdate" value="" disabled />
</div>
<hr class="my-3">
<h6 class="fw-bold">@T["Address"]</h6>
<h4 class="fw-bold">@T["Address"]</h4>
<div class="col-md-4">
<label class="form-label">@T["City"]</label>
<input type="text" class="form-control" id="detailCity" value="" disabled />
@@ -696,7 +696,7 @@
<input type="text" class="form-control" id="detailStreetNr" value="" disabled />
</div>
<hr class="my-3">
<h6 class="fw-bold">@T["Workplace & account"]</h6>
<h4 class="fw-bold">@T["Workplace & account"]</h4>
<div class="col-md-6">
<label class="form-label">@T["Workplace"]</label>
<input type="text" class="form-control" id="detailWorkplace" value="" disabled />

View File

@@ -14,7 +14,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="printModalLabel">@T["Print Page"]</h5>
<h3 class="modal-title" id="printModalLabel">@T["Print Page"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
@@ -37,7 +37,7 @@
}
modalBody.innerHTML = `
<div class="row g-3">
<h6 class="fw-bold">@T["Print"]</h6>
<h4 class="fw-bold">@T["Print"]</h4>
<button class="btn btn-primary" onclick="printBatch();" type="button">
@T["Print batch"]
</button>
@@ -50,7 +50,7 @@
</button>
</div>
<hr class="my-3">
<h6 class="fw-bold">@T["Layout"]</h6>
<h4 class="fw-bold">@T["Layout"]</h4>
<br/>
`;
await renderBarcodePreview("printPreviewContainer");
@@ -67,7 +67,7 @@
const asset = json.assetsModel;
assetCard.innerHTML = `
<div class="card-body" data-cn="${asset.Cn}">
<h6 class="card-title"><strong>Asset ${i + 1}:</strong> ${asset.Name}</h6>
<h4 class="card-title"><strong>Asset ${i + 1}:</strong> ${asset.Name}</h4>
<div class="row">
<div class="col-md-5">
<p><strong>@T["Asset ID"]:</strong> ${asset.Cn}</p>
@@ -87,7 +87,7 @@
} else {
assetCard.innerHTML = `
<div class="card-body">
<h6 class="card-title"><strong>Asset ${i + 1}:</strong> @T["Empty"]</h6>
<h4 class="card-title"><strong>Asset ${i + 1}:</strong> @T["Empty"]</h4>
<div class="row">
<div id="printPreviewBatchButtons${i}" class="col-md-1 justify-content-end" style="margin-left: auto; width: auto;">
</div>

View File

@@ -64,3 +64,11 @@ body {
color: #f8f9fa !important;
border-color: #666 !important;
}
h3.modal-title {
font-size: 1.25rem;
}
h4.fw-bold, h4.card-title {
font-size: 1rem;
}