2019-01-07 09:52:27 +01:00
|
|
|
|
@model BTCPayServer.Controllers.ShowLightningNodeInfoViewModel
|
|
|
|
|
|
@{
|
|
|
|
|
|
Layout = null;
|
2022-10-29 15:26:20 +02:00
|
|
|
|
ViewData["Title"] = $"{Model.StoreName} – {Model.CryptoCode} Lightning Node";
|
2019-01-07 09:52:27 +01:00
|
|
|
|
}
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
2022-10-29 15:26:20 +02:00
|
|
|
|
<partial name="LayoutHead" />
|
2020-12-22 03:18:51 +01:00
|
|
|
|
<link href="~/main/qrcode.css" rel="stylesheet" asp-append-version="true" />
|
2019-01-07 09:52:27 +01:00
|
|
|
|
</head>
|
2019-03-15 22:14:27 -05:00
|
|
|
|
<body>
|
|
|
|
|
|
<div id="app" class="container">
|
2020-11-17 08:57:14 +01:00
|
|
|
|
<div class="row" style="height:100vh">
|
|
|
|
|
|
<div class="col-md-8 col-sm-12 col-lg-6 mx-auto my-auto">
|
2019-03-15 22:14:27 -05:00
|
|
|
|
<div class="card border-0">
|
2020-11-17 08:57:14 +01:00
|
|
|
|
<div class="card-body p-4">
|
2022-01-26 14:54:29 +09:00
|
|
|
|
<h1 class="card-title text-center mt-3">@Model.StoreName</h1>
|
|
|
|
|
|
<h2 class="h3 card-subtitle text-center text-secondary my-3">
|
2020-12-22 03:18:51 +01:00
|
|
|
|
<span>@Model.CryptoCode</span>
|
2020-11-17 08:57:14 +01:00
|
|
|
|
Lightning Node
|
|
|
|
|
|
</h2>
|
2022-01-26 14:54:29 +09:00
|
|
|
|
<h4 class="text-center">
|
|
|
|
|
|
<span class="me-1 btcpay-status btcpay-status--@(Model.Available ? "enabled" : "disabled")"></span>
|
2020-12-22 03:18:51 +01:00
|
|
|
|
<span>
|
2020-11-17 08:57:14 +01:00
|
|
|
|
@(Model.Available ? "Online" : "Unavailable")
|
|
|
|
|
|
</span>
|
2022-01-26 14:54:29 +09:00
|
|
|
|
</h4>
|
2020-12-22 03:18:51 +01:00
|
|
|
|
@if (Model.Available)
|
|
|
|
|
|
{
|
2022-01-26 14:54:29 +09:00
|
|
|
|
@if (Model.NodeInfo.Length > 1)
|
2021-09-23 13:36:42 +02:00
|
|
|
|
{
|
2022-01-26 14:54:29 +09:00
|
|
|
|
<ul class="nav nav-pills justify-content-center mt-4" id="nodeInfo-tab" role="tablist">
|
2022-10-29 15:26:20 +02:00
|
|
|
|
@for (var i = 0; i < Model.NodeInfo.Length; i++)
|
2021-09-23 13:36:42 +02:00
|
|
|
|
{
|
|
|
|
|
|
var nodeInfo = Model.NodeInfo[i];
|
|
|
|
|
|
<li class="nav-item" role="presentation">
|
2022-10-29 15:26:20 +02:00
|
|
|
|
<button class="nav-link w-100px @(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">@(nodeInfo.IsTor ? "Tor" : "Clearnet")</button>
|
2021-09-23 13:36:42 +02:00
|
|
|
|
</li>
|
|
|
|
|
|
}
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
}
|
|
|
|
|
|
<div class="tab-content" id="nodeInfo-tabContent">
|
2022-10-29 15:26:20 +02:00
|
|
|
|
@for (var i = 0; i < Model.NodeInfo.Length; i++)
|
2021-09-23 13:36:42 +02:00
|
|
|
|
{
|
2022-10-29 15:26:20 +02:00
|
|
|
|
var nodeInfo = Model.NodeInfo[i].ToString();
|
|
|
|
|
|
<div class="tab-pane fade @(i == 0 ? "show active" : "")" id="nodeInfo-@i" role="tabpanel" aria-labelledby="nodeInfo-tab-@i">
|
2022-03-03 15:52:49 +01:00
|
|
|
|
<div class="qr-container my-4 w-100">
|
2021-09-23 13:36:42 +02:00
|
|
|
|
<img alt="@Model.CryptoCode" class="qr-icon" src="@Model.CryptoImage"/>
|
2022-10-29 15:26:20 +02:00
|
|
|
|
<vc:qr-code data="@nodeInfo"/>
|
2021-09-23 13:36:42 +02:00
|
|
|
|
</div>
|
2022-10-29 15:26:20 +02:00
|
|
|
|
<div class="input-group" data-clipboard="@nodeInfo">
|
|
|
|
|
|
<input type="text" class="form-control" style="cursor:copy" readonly="readonly" value="@nodeInfo" id="nodeInfo-addr-@i"/>
|
2021-09-23 13:36:42 +02:00
|
|
|
|
<button type="button" class="btn btn-outline-secondary" data-clipboard-confirm>Copy</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2019-03-15 22:14:27 -05:00
|
|
|
|
</div>
|
2020-12-22 03:18:51 +01:00
|
|
|
|
}
|
2019-01-07 09:52:27 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-09-23 13:36:42 +02:00
|
|
|
|
<partial name="LayoutFoot" />
|
2019-01-07 09:52:27 +01:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
