mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2025-02-22 22:25:28 +01:00
Code Issues Projects Releases Packages Wiki Activity

Always showing currency name to prevent LND confusion

Browse source 
Discussion: https://forkbitpay.slack.com/archives/C6PSCRFAM/p1533125977000141
This commit is contained in:
rockstardev 2018-08-05 22:45:48 +02:00
parent e9e94f5e99
commit d00fa42553
2 changed files with 48 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

81
BTCPayServer/Views/Invoice/Checkout-Body.cshtml
View file

@ -33,45 +33,52 @@
</div> </div>
</div> </div>
<div class="order-details"> <div class="order-details">
@if (Model.AvailableCryptos.Count > 1) <div class="currency-selection">
{ <div class="single-item-order__left">
<div class="currency-selection"> <div style="font-weight: 600;">
<div class="single-item-order__left"> {{$t("Pay with")}}
<div style="font-weight: 600;">
{{$t("Pay with")}}
</div>
</div>
<div class="single-item-order__right">
@if (Model.AvailableCryptos.Count > 1)
{
<div class="payment__currencies" onclick="openPaymentMethodDialog()">
<img v-bind:src="srvModel.cryptoImage" />
<span class="clickable_underline">{{srvModel.paymentMethodName}} ({{srvModel.cryptoCode}})</span>
<span v-show="srvModel.isLightning">&#9889;</span>
<span class="clickable_indicator fa fa-angle-right"></span>
</div>
<div id="vexPopupDialog">
<ul class="vexmenu">
@foreach (var crypto in Model.AvailableCryptos)
{
<li class="vexmenuitem">
<a href="@crypto.Link" onclick="return closePaymentMethodDialog('@crypto.PaymentMethodId');">
<img alt="@crypto.PaymentMethodName" src="@crypto.CryptoImage" />
@crypto.PaymentMethodName
@(crypto.IsLightning ? Html.Raw("&#9889;") : null)
<span>@crypto.CryptoCode</span>
</a>
</li>
}
</ul>
</div>
}
<div class="payment__spinner">
<partial name="Checkout-Spinner" />
</div>
</div> </div>
</div> </div>
} <div class="single-item-order__right">
@if (Model.AvailableCryptos.Count > 1)
{
<div class="payment__currencies cursorPointer" onclick="openPaymentMethodDialog()">
<img v-bind:src="srvModel.cryptoImage" />
<span class="clickable_underline">{{srvModel.paymentMethodName}} ({{srvModel.cryptoCode}})</span>
<span v-show="srvModel.isLightning">&#9889;</span>
<span class="clickable_indicator fa fa-angle-right"></span>
</div>
<div id="vexPopupDialog">
<ul class="vexmenu">
@foreach (var crypto in Model.AvailableCryptos)
{
<li class="vexmenuitem">
<a href="@crypto.Link" onclick="return closePaymentMethodDialog('@crypto.PaymentMethodId');">
<img alt="@crypto.PaymentMethodName" src="@crypto.CryptoImage" />
@crypto.PaymentMethodName
@(crypto.IsLightning ? Html.Raw("&#9889;") : null)
<span>@crypto.CryptoCode</span>
</a>
</li>
}
</ul>
</div>
}
else
{
<div class="payment__currencies">
<img v-bind:src="srvModel.cryptoImage" />
<span>{{srvModel.paymentMethodName}} ({{srvModel.cryptoCode}})</span>
<span v-show="srvModel.isLightning">&#9889;</span>
</div>
}
<div class="payment__spinner">
<partial name="Checkout-Spinner" />
</div>
</div>
</div>
<div class="single-item-order buyerTotalLine"> <div class="single-item-order buyerTotalLine">
<div class="single-item-order__left"> <div class="single-item-order__left">
<div class="single-item-order__left__name"> <div class="single-item-order__left__name">

5
BTCPayServer/wwwroot/checkout/css/vex-extrastyles.css
View file

@ -40,9 +40,12 @@
display: none; display: none;
} }
.cursorPointer {
cursor: pointer;
}
.payment__currencies { .payment__currencies {
font-size: 14px; font-size: 14px;
cursor: pointer;
} }
.payment__currencies img { .payment__currencies img {