btcpayserver/BTCPayServer/Views/UIPublicLightningNodeInfo/ShowLightningNodeInfo.cshtml

82 lines
4.3 KiB
Text
Raw Normal View History

@inject BTCPayServer.Services.BTCPayServerEnvironment Env
2019-01-07 09:52:27 +01:00
@model BTCPayServer.Controllers.ShowLightningNodeInfoViewModel
@{
Layout = null;
ViewData["Title"] = $"{Model.StoreName} {Model.CryptoCode} Lightning Node";
ViewData["StoreBranding"] = Model.StoreBranding;
2019-01-07 09:52:27 +01:00
}
<!DOCTYPE html>
<html lang="en" @(Env.IsDeveloping ? " data-devenv" : "")>
2019-01-07 09:52:27 +01:00
<head>
<partial name="LayoutHead"/>
<link href="~/main/qrcode.css" rel="stylesheet" asp-append-version="true"/>
<style>#app { --wrap-max-width: 400px; }</style>
2019-01-07 09:52:27 +01:00
</head>
<body class="min-vh-100">
<div id="app" class="public-page-wrap">
<main class="flex-grow-1">
<div class="d-flex flex-column justify-content-center gap-4">
<partial name="_StoreHeader" model="(Model.StoreName, Model.StoreBranding)" />
<section class="tile">
<h2 class="h4 card-subtitle text-center text-secondary mt-1 mb-3">
<span>@Model.CryptoCode</span>
Lightning Node
</h2>
<h4 class="d-flex align-items-center justify-content-center gap-2 my-4">
<span class="btcpay-status btcpay-status--@(Model.Available ? "enabled" : "disabled")" style="margin-top:.1rem;"></span>
@(Model.Available ? "Online" : "Unavailable")
</h4>
@if (Model.Available)
{
@if (Model.NodeInfo.Any())
{
@if (Model.NodeInfo.Length > 1)
{
<div class="nav btcpay-pills justify-content-center gap-3 my-4" id="nodeInfo-tab" role="tablist">
@for (var i = 0; i < Model.NodeInfo.Length; i++)
{
var nodeInfo = Model.NodeInfo[i];
var title = nodeInfo.IsTor ? "Tor" : "Clearnet";
<button class="btcpay-pill w-125px @(i == 0 ? "active" : "")" id="nodeInfo-tab-@i" data-bs-toggle="pill" data-bs-target="#nodeInfo-@i" type="button" role="tab" aria-controls="nodeInfo-@i" aria-selected="true">@title</button>
}
</div>
}
<div class="tab-content" id="nodeInfo-tabContent">
@for (var i = 0; i < Model.NodeInfo.Length; i++)
{
var nodeInfo = Model.NodeInfo[i];
var title = nodeInfo.IsTor ? "Tor" : "Clearnet";
var value = nodeInfo.ToString();
<div class="tab-pane fade @(i == 0 ? "show active" : "")" id="nodeInfo-@i" role="tabpanel" aria-labelledby="nodeInfo-tab-@i">
<div class="payment-box">
<div class="qr-container">
<vc:qr-code data="@value" />
@if (Model.CryptoImage is not null)
{
<img src="@Model.CryptoImage" alt="@Model.CryptoCode" class="qr-icon" />
}
</div>
<div class="input-group mt-3">
<div class="form-floating">
<vc:truncate-center text="@value" padding="15" elastic="true" classes="form-control-plaintext" />
<label>@title</label>
</div>
</div>
</div>
</div>
}
</div>
}
else
{
<p class="text-center mt-4">No public address available.</p>
}
}
</section>
2019-01-07 09:52:27 +01:00
</div>
</main>
2019-01-07 09:52:27 +01:00
</div>
<partial name="LayoutFoot" />
2019-01-07 09:52:27 +01:00
</body>
</html>