From 019ac7ae317e3ec503c9f01df2f7ffcdcd5021f1 Mon Sep 17 00:00:00 2001
From: d11n <mail@dennisreimann.de>
Date: Tue, 12 Sep 2023 06:48:01 +0200
Subject: [PATCH] Checkout: Cheating improvements (#5315)

Minor updates to the cheating options:
- Some browsers do not submit disabled fields, hence I made the amount field readonly in case of Lightning.
- Convert remaining amount when switching from onchain BTC to Lightning sats.
---
 BTCPayServer/Views/UIInvoice/Checkout-Cheating.cshtml | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/BTCPayServer/Views/UIInvoice/Checkout-Cheating.cshtml b/BTCPayServer/Views/UIInvoice/Checkout-Cheating.cshtml
index 3b1482f2c..3e66a894a 100644
--- a/BTCPayServer/Views/UIInvoice/Checkout-Cheating.cshtml
+++ b/BTCPayServer/Views/UIInvoice/Checkout-Cheating.cshtml
@@ -13,7 +13,7 @@
 			<label for="test-payment-amount" class="control-label form-label">Fake a {{cryptoCode}} payment for testing</label>
             <div class="d-flex gap-2 mb-2">
                 <div class="input-group">
-					<input id="test-payment-amount" name="Amount" type="number" :step="isSats ? '1' : '0.00000001'" min="0" class="form-control" placeholder="Amount" v-model="amountRemaining" :disabled="paying || paymentMethodId === 'BTC_LightningLike'" />
+					<input id="test-payment-amount" name="Amount" type="number" :step="isSats ? '1' : '0.00000001'" min="0" class="form-control" placeholder="Amount" v-model="amount" :readonly="paying || paymentMethodId === 'BTC_LightningLike'" />
                     <div id="test-payment-crypto-code" class="input-group-addon input-group-text" v-text="cryptoCode"></div>
                 </div>
 				<button class="btn btn-secondary flex-shrink-0 px-3 w-100px" type="submit" :disabled="paying" id="FakePayment">Pay</button>
@@ -78,6 +78,12 @@
             },
             isSats () {
                 return this.cryptoCode === 'sats';
+            },
+            amount () {
+                const amount = this.isSats && this.amountRemaining < 1
+                    ? this.amountRemaining * 100000000
+                    : this.amountRemaining;
+                return amount < 0 ? 0 : amount;
             }
         },
         methods: {