btcpayserver/BTCPayServer/Views/UILightningLikePayout/ConfirmLightningPayout.cshtml
d11n ba0e46b465
Improve payouts UI (#3792)
* Improve payouts UI

* Display units

* Update badges

* Update badge background
2022-06-02 11:03:06 +02:00

45 lines
1.9 KiB
Plaintext

@model System.Collections.Generic.List<BTCPayServer.Data.Payouts.LightningLike.UILightningLikePayoutController.ConfirmVM>
@{
Layout = "../Shared/_Layout.cshtml";
ViewData["Title"] = "Confirm Lightning Payout";
var cryptoCode = Context.GetRouteValue("cryptoCode");
}
<h2 class="mt-1 mb-2">@ViewData["Title"]</h2>
<div class="row">
<div class="col-md-12">
<ul class="list-group list-group-flush">
@foreach (var item in Model)
{
<li class="list-group-item py-4 px-0">
<div class="text-break">@item.Destination</div>
<form method="post" class="mt-4 mb-1" id="pay-invoices-form">
<button type="submit" class="btn btn-primary" id="Pay">Pay @item.Amount @cryptoCode</button>
<a asp-controller="UIStorePullPayments" asp-action="Payouts" asp-route-storeId="@Context.GetStoreData().Id" class="btn btn-secondary mx-2 px-4">Cancel</a>
</form>
</li>
}
</ul>
</div>
</div>
@section PageFootContent {
<partial name="_ValidationScriptsPartial" />
<script>
document.addEventListener("DOMContentLoaded", function() {
$("#pay-invoices-form").on("submit", function() {
$(this).find("input[type='submit']").prop('disabled', true);
});
$("#pay-invoices-form input").on("input", function() {
// Give it a timeout to make sure all form validation has completed by the time we run our callback
setTimeout(function() {
var validationErrors = $('.field-validation-error');
if (validationErrors.length === 0) {
$("input[type='submit']#Create").removeAttr('disabled');
}
}, 100);
});
});
</script>
}