Adding UTF8 lightning icon to Lightning payments methods

This commit is contained in:
rockstardev
2018-07-18 23:53:00 -05:00
parent 2187e05a10
commit 8cb2c93abd
3 changed files with 5 additions and 3 deletions

View File

@@ -291,11 +291,11 @@ namespace BTCPayServer.Controllers
PaymentMethodId = kv.GetId().ToString(), PaymentMethodId = kv.GetId().ToString(),
CryptoCode = kv.GetId().CryptoCode, CryptoCode = kv.GetId().CryptoCode,
PaymentMethodName = GetDisplayName(kv.GetId(), kv.Network), PaymentMethodName = GetDisplayName(kv.GetId(), kv.Network),
LightningLike = kv.GetId().PaymentType == PaymentTypes.LightningLike, IsLightning = kv.GetId().PaymentType == PaymentTypes.LightningLike,
CryptoImage = GetImage(kv.GetId(), kv.Network), CryptoImage = GetImage(kv.GetId(), kv.Network),
Link = Url.Action(nameof(Checkout), new { invoiceId = invoiceId, paymentMethodId = kv.GetId().ToString() }) Link = Url.Action(nameof(Checkout), new { invoiceId = invoiceId, paymentMethodId = kv.GetId().ToString() })
}).Where(c => c.CryptoImage != "/") }).Where(c => c.CryptoImage != "/")
.OrderByDescending(a => a.CryptoCode == "BTC").ThenBy(a => a.PaymentMethodName).ThenBy(a => a.LightningLike ? 1 : 0) .OrderByDescending(a => a.CryptoCode == "BTC").ThenBy(a => a.PaymentMethodName).ThenBy(a => a.IsLightning ? 1 : 0)
.ToList() .ToList()
}; };

View File

@@ -13,7 +13,7 @@ namespace BTCPayServer.Models.InvoicingModels
public string CryptoImage { get; set; } public string CryptoImage { get; set; }
public string Link { get; set; } public string Link { get; set; }
public string PaymentMethodName { get; set; } public string PaymentMethodName { get; set; }
public bool LightningLike { get; set; } public bool IsLightning { get; set; }
public string CryptoCode { get; set; } public string CryptoCode { get; set; }
} }
public string HtmlTitle { get; set; } public string HtmlTitle { get; set; }

View File

@@ -47,6 +47,7 @@
<div class="payment__currencies" onclick="openPaymentMethodDialog()"> <div class="payment__currencies" onclick="openPaymentMethodDialog()">
<img v-bind:src="srvModel.cryptoImage" /> <img v-bind:src="srvModel.cryptoImage" />
<span class="clickable_underline">{{srvModel.paymentMethodName}} ({{srvModel.cryptoCode}})</span> <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> <span class="clickable_indicator fa fa-angle-right"></span>
</div> </div>
<div id="vexPopupDialog"> <div id="vexPopupDialog">
@@ -57,6 +58,7 @@
<a href="@crypto.Link" onclick="return closePaymentMethodDialog('@crypto.PaymentMethodId');"> <a href="@crypto.Link" onclick="return closePaymentMethodDialog('@crypto.PaymentMethodId');">
<img alt="@crypto.PaymentMethodName" src="@crypto.CryptoImage" /> <img alt="@crypto.PaymentMethodName" src="@crypto.CryptoImage" />
@crypto.PaymentMethodName @crypto.PaymentMethodName
@(crypto.IsLightning ? Html.Raw("&#9889;") : null)
<span>@crypto.CryptoCode</span> <span>@crypto.CryptoCode</span>
</a> </a>
</li> </li>