mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-03-10 17:26:05 +01:00
* UI: Deprecate the custom CSS options As discussed with @pavlenex we are deprecating the custom CSS options for particular entities (payemnt request, pull payment, POS, crowdfund) in favor of the store branding approach. This displays the custom CSS section only if these values are set already. * Add IDs to html element This will allow styling of individual entities.
131 lines
7.2 KiB
Text
131 lines
7.2 KiB
Text
@using BTCPayServer.Abstractions.Extensions
|
|
@using BTCPayServer.Client
|
|
@using BTCPayServer.Views.Stores
|
|
@model BTCPayServer.Models.WalletViewModels.NewPullPaymentModel
|
|
@{
|
|
ViewData.SetActivePage(StoreNavPages.PullPayments, "New pull payment", Context.GetStoreData().Id);
|
|
}
|
|
|
|
@section PageHeadContent {
|
|
<link href="~/vendor/summernote/summernote-bs5.css" rel="stylesheet" asp-append-version="true"/>
|
|
}
|
|
|
|
@section PageFootContent {
|
|
<partial name="_ValidationScriptsPartial"/>
|
|
<script src="~/vendor/summernote/summernote-bs5.js" asp-append-version="true"></script>
|
|
}
|
|
|
|
<form method="post" asp-route-walletId="@Context.GetRouteValue("walletId")" asp-action="NewPullPayment">
|
|
<div class="sticky-header d-flex align-items-center justify-content-between">
|
|
<h2 class="mb-0">@ViewData["Title"]</h2>
|
|
<input type="submit" value="Create" class="btn btn-primary" id="Create"/>
|
|
</div>
|
|
|
|
<partial name="_StatusMessage"/>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label asp-for="Name" class="form-label"></label>
|
|
<input asp-for="Name" class="form-control"/>
|
|
<span asp-validation-for="Name" class="text-danger"></span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-8">
|
|
<label asp-for="Amount" class="form-label" data-required></label>
|
|
<input asp-for="Amount" class="form-control" inputmode="decimal"/>
|
|
<span asp-validation-for="Amount" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group col-4">
|
|
<label asp-for="Currency" class="form-label"></label>
|
|
<input asp-for="Currency" class="form-control w-auto" currency-selection />
|
|
<span asp-validation-for="Currency" class="text-danger"></span>
|
|
</div>
|
|
|
|
<div class="form-group col-12" permission="@Policies.CanCreatePullPayments">
|
|
<div class="form-check ">
|
|
<input asp-for="AutoApproveClaims" type="checkbox" class="form-check-input"/>
|
|
<label asp-for="AutoApproveClaims" class="form-check-label"></label>
|
|
<span asp-validation-for="AutoApproveClaims" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group mb-4">
|
|
<label asp-for="PaymentMethods" class="form-label"></label>
|
|
@foreach (var item in Model.PaymentMethodItems)
|
|
{
|
|
<div class="form-check mb-2">
|
|
<label class="form-label">
|
|
<input name="PaymentMethods" class="form-check-input" type="checkbox" value="@item.Value" @(item.Selected ? "checked" : "")>
|
|
@item.Text
|
|
</label>
|
|
</div>
|
|
}
|
|
<span asp-validation-for="PaymentMethods" class="text-danger mt-0"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9">
|
|
<div class="form-group mb-4">
|
|
<label asp-for="Description" class="form-label"></label>
|
|
<textarea asp-for="Description" class="form-control richtext"></textarea>
|
|
<span asp-validation-for="Description" class="text-danger"></span>
|
|
</div>
|
|
|
|
<h4 class="mt-5 mb-2">Additional Options</h4>
|
|
<div class="form-group">
|
|
<div class="accordion" id="additional">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="additional-lightning-header">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#additional-lightning" aria-expanded="false" aria-controls="additional-lightning">
|
|
Lightning network settings
|
|
<vc:icon symbol="caret-down" />
|
|
</button>
|
|
</h2>
|
|
<div id="additional-lightning" class="accordion-collapse collapse" aria-labelledby="additional-lightning-header">
|
|
<div class="accordion-body">
|
|
<div class="form-group">
|
|
<label asp-for="BOLT11Expiration" class="form-label"></label>
|
|
<div class="input-group">
|
|
<input inputmode="numeric" asp-for="BOLT11Expiration" class="form-control" style="max-width:12ch;" />
|
|
<span class="input-group-text">days</span>
|
|
</div>
|
|
<span asp-validation-for="BOLT11Expiration" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@* We are deprecating the custom CSS options in favor of the store branding approach.
|
|
Display this section only if these values are set. *@
|
|
@if (!string.IsNullOrWhiteSpace(Model.CustomCSSLink) || !string.IsNullOrWhiteSpace(Model.EmbeddedCSS))
|
|
{
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header" id="additional-custom-css-header">
|
|
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#additional-custom-css" aria-expanded="false" aria-controls="additional-custom-css">
|
|
Custom CSS
|
|
<vc:icon symbol="caret-down" />
|
|
</button>
|
|
</h2>
|
|
<div id="additional-custom-css" class="accordion-collapse collapse" aria-labelledby="additional-custom-css-header">
|
|
<div class="accordion-body">
|
|
<div class="form-group">
|
|
<label asp-for="CustomCSSLink" class="form-label"></label>
|
|
<a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener" title="More information...">
|
|
<vc:icon symbol="info" />
|
|
</a>
|
|
<input asp-for="CustomCSSLink" class="form-control" />
|
|
<span asp-validation-for="CustomCSSLink" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="EmbeddedCSS" class="form-label"></label>
|
|
<textarea asp-for="EmbeddedCSS" rows="10" cols="40" class="form-control"></textarea>
|
|
<span asp-validation-for="EmbeddedCSS" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|