mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-24 06:47:50 +01:00
906c7eb7ec
* Wallet Send page also shows immature balance * changes ans to and * Immature Balance msg is not tooltip * Make msg more clear
241 lines
15 KiB
Text
241 lines
15 KiB
Text
@addTagHelper *, BundlerMinifier.TagHelpers
|
|
@using Microsoft.AspNetCore.Mvc.ModelBinding
|
|
@model WalletSendModel
|
|
@{
|
|
Layout = "../Shared/_NavLayout.cshtml";
|
|
ViewData.SetActivePageAndTitle(WalletsNavPages.Send, $"Send {Model.CryptoCode}", Context.GetStoreData().StoreName);
|
|
}
|
|
|
|
@section PageHeadContent
|
|
{
|
|
<link href="~/vendor/vue-qrcode-reader/vue-qrcode-reader.css" rel="stylesheet" asp-append-version="true"/>
|
|
<style>
|
|
.remove-destination-btn { font-size: 1.5rem; }
|
|
.remove-destination-btn:hover { border-color: var(--btcpay-danger); }
|
|
</style>
|
|
}
|
|
|
|
@section PageFootContent
|
|
{
|
|
<bundle name="wwwroot/bundles/wallet-send-bundle.min.js"></bundle>
|
|
}
|
|
|
|
<partial name="CameraScanner"/>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-8 col-xl-6 @(!Model.InputSelection && Model.Outputs.Count == 1 ? "transaction-output-form" : "")">
|
|
<h4 class="mb-3">@ViewData["PageTitle"]</h4>
|
|
<form method="post" asp-action="WalletSend" asp-route-walletId="@Context.GetRouteValue("walletId")">
|
|
<input type="hidden" asp-for="InputSelection" />
|
|
<input type="hidden" asp-for="FiatDivisibility" />
|
|
<input type="hidden" asp-for="CryptoDivisibility" />
|
|
<input type="hidden" asp-for="NBXSeedAvailable" />
|
|
<input type="hidden" asp-for="Fiat" />
|
|
<input type="hidden" asp-for="Rate" />
|
|
<input type="hidden" asp-for="CurrentBalance" />
|
|
<input type="hidden" asp-for="ImmatureBalance" />
|
|
<input type="hidden" asp-for="CryptoCode" />
|
|
<input type="hidden" name="BIP21" id="BIP21" />
|
|
|
|
<ul class="text-danger">
|
|
@foreach (var errors in ViewData.ModelState.Where(pair => pair.Key == string.Empty && pair.Value.ValidationState == ModelValidationState.Invalid))
|
|
{
|
|
foreach (var error in errors.Value.Errors)
|
|
{
|
|
<li>@error.ErrorMessage</li>
|
|
}
|
|
}
|
|
</ul>
|
|
|
|
@if (Model.InputSelection)
|
|
{
|
|
<div class="form-group hide-when-js">
|
|
<label asp-for="SelectedInputs" class="form-label"></label>
|
|
<select multiple="multiple" asp-for="SelectedInputs" class="form-select">
|
|
@foreach (var input in Model.InputsAvailable)
|
|
{
|
|
<option value="@input.Outpoint" class="text-truncate" asp-selected="@(Model.SelectedInputs?.Contains(input.Outpoint)??false)">(@input.Amount) @input.Outpoint</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<partial name="CoinSelection" />
|
|
}
|
|
|
|
@if (Model.Outputs.Count == 1)
|
|
{
|
|
<div class="form-group">
|
|
<label asp-for="Outputs[0].DestinationAddress" class="form-label"></label>
|
|
<input asp-for="Outputs[0].DestinationAddress" class="form-control font-monospace" />
|
|
<span asp-validation-for="Outputs[0].DestinationAddress" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="Outputs[0].Amount" class="form-label"></label>
|
|
<div class="input-group">
|
|
<input asp-for="Outputs[0].Amount" type="number" step="any" min="0" asp-format="{0}" class="form-control output-amount" />
|
|
<div class="input-group-text fiat-value" style="display:none;">
|
|
<span class="input-group-text p-0">=</span>
|
|
<input type="number" class="input-group-text fiat-value-edit-input py-0" min="0" step="any" style="max-width:100px" />
|
|
<span class="input-group-text p-0">@Model.Fiat</span>
|
|
</div>
|
|
</div>
|
|
<span asp-validation-for="Outputs[0].Amount" class="text-danger"></span>
|
|
<p class="form-text text-secondary crypto-info">
|
|
Your available balance is
|
|
<button type="button" class="crypto-balance-link btn btn-link p-0 align-baseline">@Model.CurrentBalance</button> <span>@Model.CryptoCode</span>.
|
|
@if (Model.ImmatureBalance>0)
|
|
{
|
|
<span><br>Note: @Model.ImmatureBalance @Model.CryptoCode are still immature and require additional confirmations.</span>
|
|
}
|
|
</p>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<div class="list-group-item">
|
|
<h5 class="mb-0">Destinations</h5>
|
|
</div>
|
|
<div class="list-group mb-4">
|
|
@for (var index = 0; index < Model.Outputs.Count; index++)
|
|
{
|
|
<div class="list-group-item transaction-output-form">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-lg-10">
|
|
<div class="form-group">
|
|
<label asp-for="Outputs[index].DestinationAddress" class="form-label"></label>
|
|
<input asp-for="Outputs[index].DestinationAddress" class="form-control" />
|
|
<span asp-validation-for="Outputs[index].DestinationAddress" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="Outputs[index].Amount" class="form-label"></label>
|
|
<div class="input-group">
|
|
<input asp-for="Outputs[index].Amount" type="number" step="any" asp-format="{0}" class="form-control output-amount" />
|
|
<span class="input-group-text fiat-value" style="display:none;"></span>
|
|
</div>
|
|
<p class="form-text text-secondary crypto-info mb-2">
|
|
Your current balance is
|
|
<button type="button" class="crypto-balance-link btn btn-link p-0 align-baseline">@Model.CurrentBalance</button> <span>@Model.CryptoCode</span>.
|
|
@if (Model.ImmatureBalance > 0)
|
|
{
|
|
<span><br>Note: @Model.ImmatureBalance @Model.CryptoCode are still immature and require additional confirmations.</span>
|
|
}
|
|
</p>
|
|
<span asp-validation-for="Outputs[index].Amount" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group mb-0">
|
|
<div class="form-check">
|
|
<input type="checkbox" asp-for="Outputs[index].SubtractFeesFromOutput" class="form-check-input subtract-fees" />
|
|
<label asp-for="Outputs[index].SubtractFeesFromOutput" class="form-check-label"></label>
|
|
<span asp-validation-for="Outputs[index].SubtractFeesFromOutput" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-lg-2">
|
|
<button type="submit" title="Remove Destination" name="command" value="@($"remove-output:{index}")"
|
|
class="d-inline-block d-lg-none d-xl-none btn btn-danger mt-4 mb-2">
|
|
Remove Destination
|
|
</button>
|
|
<button type="submit" title="Remove Destination" name="command" value="@($"remove-output:{index}")"
|
|
class="d-none d-lg-inline-block remove-destination-btn btn text-danger fa fa-times pull-right m-0"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
<div class="form-group my-4">
|
|
<label asp-for="FeeSatoshiPerByte" class="form-label"></label>
|
|
<input asp-for="FeeSatoshiPerByte" type="number" step="any" class="form-control" style="max-width:14ch;" />
|
|
<span asp-validation-for="FeeSatoshiPerByte" class="text-danger"></span>
|
|
<span id="FeeRate-Error" class="text-danger"></span>
|
|
@if (Model.RecommendedSatoshiPerByte.Any())
|
|
{
|
|
<div class="text-start mt-2 d-flex align-items-center">
|
|
<span class="text-secondary me-2">
|
|
Confirm in the next
|
|
</span>
|
|
<div class="btn-group btn-group-toggle feerate-options" role="group" data-bs-toggle="buttons">
|
|
@for (var index = 0; index < Model.RecommendedSatoshiPerByte.Count; index++)
|
|
{
|
|
var feeRateOption = Model.RecommendedSatoshiPerByte[index];
|
|
<button type="button" class="btn btn-sm btn-outline-primary crypto-fee-link" value="@feeRateOption.FeeRate" data-bs-toggle="tooltip" title="@feeRateOption.FeeRate sat/b">
|
|
@feeRateOption.Target.TimeString()
|
|
</button>
|
|
<input type="hidden" asp-for="RecommendedSatoshiPerByte[index].Target" />
|
|
<input type="hidden" asp-for="RecommendedSatoshiPerByte[index].FeeRate" />
|
|
}
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
@if (Model.Outputs.Count == 1)
|
|
{
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input type="checkbox" asp-for="Outputs[0].SubtractFeesFromOutput" class="form-check-input subtract-fees" />
|
|
<label asp-for="Outputs[0].SubtractFeesFromOutput" class="form-check-label"></label>
|
|
<span asp-validation-for="Outputs[0].SubtractFeesFromOutput" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
<div class="my-4">
|
|
<button class="btn btn-link px-0" type="button" id="AdvancedSettingsButton" data-bs-toggle="collapse" data-bs-target="#AdvancedSettings" aria-expanded="false" aria-controls="AdvancedSettings">
|
|
Advanced settings
|
|
</button>
|
|
<div id="AdvancedSettings" class="collapse">
|
|
<div class="pt-3 pb-1">
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input asp-for="NoChange" class="form-check-input" />
|
|
<label asp-for="NoChange" class="form-check-label"></label>
|
|
<a href="https://docs.btcpayserver.org/Wallet/#dont-create-utxo-change" target="_blank" rel="noreferrer noopener">
|
|
<span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input asp-for="AlwaysIncludeNonWitnessUTXO" class="form-check-input"/>
|
|
<label asp-for="AlwaysIncludeNonWitnessUTXO" class="form-check-label"></label>
|
|
<a href="https://medium.com/@@jmacato/wasabi-wallets-advisory-for-trezor-users-7d942c727f92" target="_blank" rel="noreferrer noopener">
|
|
<span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@if (Model.SupportRBF)
|
|
{
|
|
<div class="form-group">
|
|
<label asp-for="AllowFeeBump" class="form-label"></label>
|
|
<a href="https://docs.btcpayserver.org/Wallet/#rbf-replace-by-fee" target="_blank" rel="noreferrer noopener">
|
|
<span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
|
|
</a>
|
|
<select asp-for="AllowFeeBump" class="form-select w-auto">
|
|
<option value="Maybe">Randomize for higher privacy</option>
|
|
<option value="Yes">Yes</option>
|
|
<option value="No">No</option>
|
|
</select>
|
|
</div>
|
|
}
|
|
@if (!string.IsNullOrEmpty(Model.PayJoinBIP21))
|
|
{
|
|
<div class="form-group">
|
|
<label asp-for="PayJoinBIP21" class="form-label"></label>
|
|
<input asp-for="PayJoinBIP21" class="form-control" />
|
|
<span asp-validation-for="PayJoinBIP21" class="text-danger"></span>
|
|
</div>
|
|
}
|
|
<div class="form-group mt-4 mb-0">
|
|
<button id="toggleInputSelection" type="submit" name="command" value="toggle-input-selection" class="btn btn-secondary">Toggle coin selection</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group d-flex mt-2">
|
|
<button type="submit" id="SignTransaction" name="command" value="@(Model.NBXSeedAvailable ? "nbx-seed" : "sign")" class="btn btn-primary">Sign transaction</button>
|
|
<button type="submit" name="command" value="add-output" class="ms-2 btn btn-secondary">Add another destination</button>
|
|
<button type="button" id="bip21parse" class="ms-2 btn btn-secondary" title="Paste BIP21/Address"><i class="fa fa-paste"></i></button>
|
|
<button type="button" id="scanqrcode" class="ms-2 btn btn-secondary only-for-js" data-bs-toggle="modal" data-bs-target="#scanModal" title="Scan BIP21/Address with camera"><i class="fa fa-camera"></i></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|