mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-01-19 05:33:31 +01:00
fc9d4f96a7
* Design system updates * Icon fix * Add new icons, replace show/hide * Icon replacements * Test fix * Icon replacements in Vault * More icon replacements * Final icon replacements, remove Font Awesome
234 lines
12 KiB
Plaintext
234 lines
12 KiB
Plaintext
@inject BTCPayServer.Security.ContentSecurityPolicies csp
|
|
@using Microsoft.AspNetCore.Mvc.ModelBinding
|
|
@using BTCPayServer.Controllers
|
|
@using BTCPayServer.Services
|
|
@using BTCPayServer.Components.LabelManager
|
|
@using BTCPayServer.Components.UIExtensionPoint
|
|
@inject BTCPayServer.Security.ContentSecurityPolicies Csp
|
|
@model WalletSendModel
|
|
@{
|
|
var walletId = Context.GetRouteValue("walletId").ToString();
|
|
var cancelUrl = Model.ReturnUrl ?? Url.Action(nameof(UIWalletsController.WalletTransactions), new { walletId });
|
|
var backUrl = Model.BackUrl != null ? $"{Model.BackUrl}?returnUrl={Model.ReturnUrl}" : null;
|
|
Layout = "_LayoutWizard";
|
|
ViewData.SetActivePage(WalletsNavPages.Send, $"Send {Model.CryptoCode}", walletId);
|
|
csp.Add("worker-src", "blob:");
|
|
Csp.UnsafeEval();
|
|
}
|
|
|
|
@section Navbar {
|
|
@if (backUrl != null)
|
|
{
|
|
<a href="@Url.EnsureLocal(backUrl, Context.Request)" id="GoBack">
|
|
<vc:icon symbol="back" />
|
|
</a>
|
|
}
|
|
<a href="@Url.EnsureLocal(cancelUrl, Context.Request)" id="CancelWizard" class="cancel">
|
|
<vc:icon symbol="close" />
|
|
</a>
|
|
}
|
|
|
|
@section PageHeadContent
|
|
{
|
|
<link href="~/vendor/vue-qrcode-reader/vue-qrcode-reader.css" rel="stylesheet" asp-append-version="true"/>
|
|
<style>
|
|
.crypto-fee-link { padding-left: 1rem; padding-right: 1rem; }
|
|
.btn-group > .crypto-fee-link:last-of-type {
|
|
border-top-right-radius: .2rem !important;
|
|
border-bottom-right-radius: .2rem !important;
|
|
}
|
|
.buttons .btn {
|
|
flex: 1 0 45%;
|
|
}
|
|
</style>
|
|
<link href="~/vendor/tom-select/tom-select.bootstrap5.min.css" asp-append-version="true" rel="stylesheet">
|
|
<script src="~/vendor/tom-select/tom-select.complete.min.js" asp-append-version="true"></script>
|
|
}
|
|
|
|
@section PageFootContent
|
|
{
|
|
<script src="~/vendor/vuejs/vue.min.js" asp-append-version="true"></script>
|
|
<script src="~/vendor/ur-registry/urlib.min.js" asp-append-version="true"></script>
|
|
<script src="~/vendor/vue-qrcode-reader/VueQrcodeReader.umd.min.js" asp-append-version="true"></script>
|
|
<script src="~/js/wallet/wallet-camera-scanner.js" asp-append-version="true"></script>
|
|
<script src="~/js/wallet/WalletSend.js" asp-append-version="true"></script>
|
|
}
|
|
|
|
<partial name="CameraScanner"/>
|
|
|
|
<header class="text-center">
|
|
<h1>@ViewData["Title"]</h1>
|
|
</header>
|
|
|
|
<form method="post" asp-action="WalletSend" asp-route-walletId="@walletId" class="my-5" id="SendForm">
|
|
<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" asp-for="BackUrl" />
|
|
<input type="hidden" asp-for="ReturnUrl" />
|
|
<input type="hidden" name="BIP21" id="BIP21" />
|
|
|
|
@if (!ViewContext.ModelState.IsValid)
|
|
{
|
|
<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>
|
|
}
|
|
<div class="list-group list-group-flush">
|
|
@for (var index = 0; index < Model.Outputs.Count; index++)
|
|
{
|
|
<input type="hidden" asp-for="Outputs[index].PayoutId" />
|
|
<div class="list-group-item d-block px-0 pt-0 pb-3 mb-3">
|
|
<div class="form-group">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<label asp-for="Outputs[index].DestinationAddress" class="form-label"></label>
|
|
@if (Model.Outputs.Count > 1)
|
|
{
|
|
<button type="submit" name="command" value="@($"remove-output:{index}")" class="d-inline-block ms-2 btn text-danger btn-link p-0 mb-2">
|
|
<vc:icon symbol="cross" /> Remove Destination
|
|
</button>
|
|
}
|
|
</div>
|
|
<div class="input-group">
|
|
<input asp-for="Outputs[index].DestinationAddress" class="form-control font-monospace flex-grow-1" autocomplete="off" autofocus="@(index == Model.Outputs.Count - 1 ? "autofocus" : null)"/>
|
|
<button type="button" id="scanqrcode" class="btn btn-secondary px-3 only-for-js" data-bs-toggle="modal" data-bs-target="#scanModal" title="Scan with camera" data-index="@index">
|
|
<vc:icon symbol="scan-qr" />
|
|
</button>
|
|
</div>
|
|
<span asp-validation-for="Outputs[index].DestinationAddress" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Labels</label>
|
|
<select asp-for="Outputs[index].Labels" class="d-none">
|
|
@foreach (var t in Model.Outputs[index].Labels)
|
|
{
|
|
<option value="@t" selected></option>
|
|
}
|
|
</select>
|
|
<vc:label-manager
|
|
selected-labels="Model.Outputs[index].Labels"
|
|
exclude-types="true"
|
|
select-element="Outputs_@(index)__Labels"
|
|
wallet-object-id="new WalletObjectId(WalletId.Parse(walletId), WalletObjectData.Types.Address, Model.Outputs[index].DestinationAddress)"
|
|
auto-update="false" />
|
|
</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" min="0" step="any" asp-format="{0}" class="form-control output-amount hide-number-spin" />
|
|
<div class="input-group-text fiat-value" style="display:none;">
|
|
<span class="input-group-text p-0 border-0">=</span>
|
|
<input type="number" inputmode="decimal" class="input-group-text fiat-value-edit-input py-0 border-0 hide-number-spin" min="0" step="any" style="max-width:100px" />
|
|
<span class="input-group-text p-0 border-0">@Model.Fiat</span>
|
|
</div>
|
|
</div>
|
|
<div class="form-text 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>
|
|
}
|
|
</div>
|
|
<span asp-validation-for="Outputs[index].Amount" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-check mb-0">
|
|
<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="d-grid d-sm-flex flex-wrap gap-3 mb-3 buttons">
|
|
<button type="submit" name="command" value="add-output" class="btn btn-secondary">Add destination</button>
|
|
<button type="submit" name="command" value="toggle-input-selection" class="btn btn-secondary" id="toggleInputSelection">@(Model.InputSelection ? "Hide" : "Show") coin selection</button>
|
|
<a asp-controller="UIWallets" asp-action="WalletPSBT" asp-route-walletId="@walletId" asp-route-returnUrl="@Model.ReturnUrl" class="btn btn-secondary" id="PSBT">Use PSBT</a>
|
|
<button type="button" id="bip21parse" class="btn btn-secondary">Paste BIP21</button>
|
|
</div>
|
|
|
|
@if (Model.InputSelection)
|
|
{
|
|
<div class="my-5">
|
|
<partial name="CoinSelection" />
|
|
</div>
|
|
}
|
|
|
|
<div class="d-flex flex-wrap gap-3 my-4">
|
|
<div>
|
|
<label asp-for="FeeSatoshiPerByte" class="form-label">Fee rate <span class="text-secondary">(sat/vB)</span></label>
|
|
<input asp-for="FeeSatoshiPerByte" type="number" inputmode="numeric" min="0" 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>
|
|
</div>
|
|
@if (Model.RecommendedSatoshiPerByte.Any())
|
|
{
|
|
<div>
|
|
<div class="form-label text-secondary">
|
|
Confirm in the next …
|
|
</div>
|
|
<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-secondary 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>
|
|
|
|
<div class="my-4">
|
|
<button class="d-inline-flex align-items-center btn btn-link text-primary fw-semibold p-0" type="button" id="AdvancedSettingsButton" data-bs-toggle="collapse" data-bs-target="#AdvancedSettings" aria-expanded="false" aria-controls="AdvancedSettings">
|
|
<vc:icon symbol="caret-down"/>
|
|
<span class="ms-1">Advanced settings</span>
|
|
</button>
|
|
<div id="AdvancedSettings" class="collapse">
|
|
<div class="pt-3">
|
|
<div class="d-flex mb-3">
|
|
<input asp-for="NoChange" class="btcpay-toggle me-3" />
|
|
<label asp-for="NoChange" class="form-check-label me-1"></label>
|
|
<a href="https://docs.btcpayserver.org/Wallet/#dont-create-utxo-change" target="_blank" rel="noreferrer noopener">
|
|
<vc:icon symbol="info" />
|
|
</a>
|
|
</div>
|
|
<div class="d-flex mb-3">
|
|
<input asp-for="AlwaysIncludeNonWitnessUTXO" class="btcpay-toggle me-3"/>
|
|
<label asp-for="AlwaysIncludeNonWitnessUTXO" class="form-check-label"></label>
|
|
</div>
|
|
|
|
@if (!string.IsNullOrEmpty(Model.PayJoinBIP21))
|
|
{
|
|
<div class="d-flex mb-3">
|
|
<input asp-for="PayJoinBIP21" class="btcpay-toggle me-3" />
|
|
<label asp-for="PayJoinBIP21" class="form-label"></label>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-grid d-sm-flex flex-wrap gap-3 buttons">
|
|
<button type="submit" id="SignTransaction" name="command" value="sign" class="btn btn-primary">Sign transaction</button>
|
|
<button type="submit" id="ScheduleTransaction" name="command" value="schedule" class="btn btn-secondary">Schedule transaction</button>
|
|
</div>
|
|
|
|
<vc:ui-extension-point location="onchain-wallet-send" model="@Model"/>
|
|
</form>
|