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

Tweaking CSS styles and display of payment method selection

Browse source
This commit is contained in:
rockstardev 2018-07-17 00:14:56 -05:00
parent d49bbc95af
commit 203494e809
4 changed files with 28 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
BTCPayServer/Controllers/InvoiceController.UI.cs
View file

@ -307,7 +307,7 @@ namespace BTCPayServer.Controllers
private string GetDisplayName(PaymentMethodId paymentMethodId, BTCPayNetwork network)
{
return paymentMethodId.PaymentType == PaymentTypes.BTCLike ?
network.DisplayName : network.DisplayName + " - Lightning Network";
network.DisplayName : network.DisplayName + " - Lightning";
}
private string GetImage(PaymentMethodId paymentMethodId, BTCPayNetwork network)

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

@ -42,17 +42,20 @@
</div>
</div>
<div class="single-item-order__right">
<div class="payment__currencies" style="font-size: 14px; cursor:pointer;" onclick="bringupDialog()">
<img style='height:32px;' v-bind:src="srvModel.cryptoImage" />
<span style="color: #000000; border-bottom: 1px dotted gray;">{{srvModel.paymentMethodName}}</span>
<div class="payment__currencies" onclick="openPaymentMethodDialog()">
<img v-bind:src="srvModel.cryptoImage" />
<span>
{{srvModel.paymentMethodName}}
({{srvModel.cryptoCode}})
</span>
</div>
<div id="vexPopupDialog">
<ul class="vexmenu">
@foreach (var crypto in Model.AvailableCryptos)
{
<li class="vexmenuitem">
<a href="@crypto.Link" onclick="return closeVexChangeCurrency('@crypto.PaymentMethodId');">
<img style="height:24px;" alt="@crypto.PaymentMethodId" src="@crypto.CryptoImage" />
<a href="@crypto.Link" onclick="return closePaymentMethodDialog('@crypto.PaymentMethodId');">
<img alt="@crypto.PaymentMethodName" src="@crypto.CryptoImage" />
@crypto.PaymentMethodName
<span>@crypto.CryptoCode</span>
</a>

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

@ -24,6 +24,10 @@
color: gray;
}
.vexmenuitem a img {
height: 24px;
}
.vexmenuitem:hover {
background-color: #eee;
}
@ -35,3 +39,16 @@
#vexPopupDialog {
display: none;
}
.payment__currencies {
font-size: 14px;
cursor: pointer;
}
.payment__currencies img {
height: 32px;
}
.payment__currencies span {
border-bottom: 1px dotted gray;
}

4
BTCPayServer/wwwroot/checkout/js/vexdialog.js
View file

@ -1,11 +1,11 @@
function bringupDialog() {
function openPaymentMethodDialog() {
var content = $("#vexPopupDialog").html();
vex.open({
unsafeContent: content
});
}
function closeVexChangeCurrency(currencyId) {
function closePaymentMethodDialog(currencyId) {
vex.closeAll();
return changeCurrency(currencyId);
}