fic state and style

This commit is contained in:
Kukks 2024-03-08 10:32:57 +01:00
parent fad3036444
commit 16060e67dc
No known key found for this signature in database
GPG key ID: 8E5530D9D1C93097
2 changed files with 29 additions and 22 deletions

View file

@ -14,27 +14,19 @@
@if (this.ViewData["NoCancelWizard"] is not true)
{
<button type="button" class="btn btn-outline-danger only-for-js mt-4" id="reset-button">
<span>Reset Boltcard</span>
</button>
@if (Model.AmountDue > 0)
{
<div class="boltcard-reset boltcard-details d-flex gap-3 mt-3 mt-sm-0 d-none">
<a class="btn btn-outline-primary" href="@Model.PullPaymentLink">Sweep remaining balance</a>
</div>
}
<a href="#" id="CancelWizard" class="cancel mt-4">
<vc:icon symbol="close" />
</a>
}
</nav>
<div class="d-flex justify-content-center">
<div class="d-flex flex-column justify-content-center align-items-center">
<dl class="mb-0 mt-md-4">
<div class="d-flex d-print-inline-block flex-column mb-4">
<dt class="h4 fw-semibold text-nowrap text-primary text-print-default order-2 order-sm-1 mb-1">@DisplayFormatter.Currency(Model.AmountDue, Model.Currency)</dt>
</div>
</dl>
<div class="d-flex justify-content-center">
<div class="d-flex flex-column justify-content-center align-items-center">
<dl class="mb-0 mt-md-4">
<div class="d-flex d-print-inline-block flex-column mb-4">
<dt class="h4 fw-semibold text-nowrap text-primary text-print-default order-2 order-sm-1 mb-1">@DisplayFormatter.Currency(Model.AmountDue, Model.Currency)</dt>
</div>
</dl>
@if (Model.AmountDue > 0)
{
<div class="boltcard-reset boltcard-details d-flex gap-3 mt-3 mt-sm-0 d-none">
@ -42,12 +34,24 @@
</div>
}
<div class="boltcard-reset boltcard-details d-flex gap-3 mt-3 mt-sm-0 d-none">
<a class="btn btn-outline-danger" target="_blank" href="@Model.BoltcardKeysResetLink">Reset Boltcard from app</a>
</div>
</div>
</div>
</div>
<div class="boltcard-reset boltcard-details d-flex gap-3 mt-3 mt-sm-0 d-none nfc-supported">
<a class="btn btn-outline-danger" target="_blank" href="@Model.BoltcardKeysResetLink">Reset Boltcard from app</a>
<p class="text-secondary">Requires installing the <a href="https://play.google.com/store/apps/details?id=com.lightningnfcapp&hl=en&gl=US">Bolt Card NFC Card Creator app</a></p>
</div>
</div>
</div>
<div class="d-flex justify-content-center gap-2 mt-4">
<button type="button" class="btn btn-outline-danger only-for-js nfc-supported boltcard-reset" id="reset-button">
<span>Reset Boltcard</span>
</button>
@if (Model.AmountDue > 0)
{
<a class="btn btn-outline-primary" href="@Model.PullPaymentLink">Sweep remaining balance</a>
}
</div>
</div>
</div>
@if (Model.Transactions.Any())

View file

@ -170,6 +170,9 @@
if (state === "NFCNotSupported")
{
document.getElementById("qr").classList.remove("d-none");
document.querySelector(".nfc-supported").foreach(el => {
el.classList.add("d-none");
});
}
else if (state === "WaitingForPermission")
{