2019-03-24 01:10:16 +01:00
|
|
|
@addTagHelper *, BundlerMinifier.TagHelpers
|
2019-01-07 09:52:27 +01:00
|
|
|
@inject BTCPayServer.HostedServices.CssThemeManager themeManager
|
|
|
|
|
|
|
|
|
|
@model BTCPayServer.Controllers.ShowLightningNodeInfoViewModel
|
|
|
|
|
@{
|
|
|
|
|
Layout = null;
|
|
|
|
|
}
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>@Model.CryptoCode LN Node Info</title>
|
2019-03-16 04:14:27 +01:00
|
|
|
<meta charset="utf-8" />
|
2019-01-07 09:52:27 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
<link rel="apple-touch-icon" href="~/img/icons/icon-512x512.png">
|
|
|
|
|
<link rel="apple-touch-startup-image" href="~/img/splash.png">
|
|
|
|
|
|
|
|
|
|
<link rel="manifest" href="~/manifest.json">
|
|
|
|
|
|
2019-03-16 04:14:27 +01:00
|
|
|
<link href="@this.Context.Request.GetRelativePathOrAbsolute(themeManager.BootstrapUri)" rel="stylesheet" />
|
|
|
|
|
<link href="~/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
|
2019-01-07 09:52:27 +01:00
|
|
|
|
2019-03-16 04:14:27 +01:00
|
|
|
<bundle name="wwwroot/bundles/lightning-node-info-bundle.min.js" />
|
2019-01-07 09:52:27 +01:00
|
|
|
<script type="text/javascript">
|
2019-08-10 07:05:11 +02:00
|
|
|
var srvModel = @Safe.Json(Model);
|
2019-01-07 09:52:27 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
window.onload = function() {
|
|
|
|
|
Vue.use(Toasted);
|
|
|
|
|
var app = new Vue({
|
|
|
|
|
el: '#app',
|
|
|
|
|
components: {
|
2019-03-09 04:34:59 +01:00
|
|
|
qrcode: VueQrcode
|
2019-01-07 09:52:27 +01:00
|
|
|
},
|
|
|
|
|
data: {
|
|
|
|
|
srvModel: srvModel
|
|
|
|
|
},
|
|
|
|
|
mounted: function() {
|
|
|
|
|
|
2019-01-08 10:54:02 +01:00
|
|
|
this.$nextTick(function() {
|
|
|
|
|
var copyInput = new Clipboard('.copy');
|
|
|
|
|
|
|
|
|
|
copyInput.on("success",
|
|
|
|
|
function(e) {
|
|
|
|
|
Vue.toasted.show('Copied',
|
|
|
|
|
{
|
|
|
|
|
iconPack: "fontawesome",
|
|
|
|
|
icon: "copy",
|
|
|
|
|
duration: 5000
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
2019-01-07 09:52:27 +01:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style>
|
|
|
|
|
.qr-icon {
|
|
|
|
|
height: 64px;
|
|
|
|
|
width: 64px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
margin: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.qr-container {
|
|
|
|
|
position: relative;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2019-02-17 11:40:39 +01:00
|
|
|
|
2019-03-16 04:14:27 +01:00
|
|
|
.qr-container svg {
|
|
|
|
|
width: 256px;
|
|
|
|
|
height: 256px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.copy {
|
|
|
|
|
cursor: copy;
|
|
|
|
|
}
|
2019-01-07 09:52:27 +01:00
|
|
|
</style>
|
|
|
|
|
</head>
|
2019-03-16 04:14:27 +01:00
|
|
|
<body>
|
|
|
|
|
<noscript>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row " style="height: 100vh">
|
2019-02-17 11:40:39 +01:00
|
|
|
<div class="col-md-8 col-sm-12 col-lg-6 mx-auto my-auto ">
|
2019-03-16 04:14:27 +01:00
|
|
|
<div class="col-md-8 col-sm-12 col-lg-6 mx-auto my-auto ">
|
|
|
|
|
<div class="card border-0">
|
|
|
|
|
<div class="row"></div>
|
|
|
|
|
<h1 class="card-title text-center">
|
|
|
|
|
@Model.CryptoCode Lightning Node - @(Model.Available ? "Online" : "Unavailable")
|
|
|
|
|
<small class="@(Model.Available ? "text-success" : "text-danger")">
|
|
|
|
|
<span class="fa fa-circle "></span>
|
|
|
|
|
</small>
|
|
|
|
|
</h1>
|
|
|
|
|
@if (Model.Available)
|
|
|
|
|
{
|
|
|
|
|
<div class="card-body m-sm-0 p-sm-0">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input type="text" class="form-control " readonly="readonly" asp-for="NodeInfo" id="peer-info" />
|
|
|
|
|
<div class="input-group-append">
|
|
|
|
|
<span class="input-group-text fa fa-copy"> </span>
|
|
|
|
|
</div>
|
2019-02-17 11:40:39 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-03-16 04:14:27 +01:00
|
|
|
}
|
2019-02-17 11:40:39 +01:00
|
|
|
|
2019-03-16 04:14:27 +01:00
|
|
|
</div>
|
2019-01-07 09:52:27 +01:00
|
|
|
</div>
|
2019-02-17 11:40:39 +01:00
|
|
|
</div>
|
2019-01-07 09:52:27 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-03-16 04:14:27 +01:00
|
|
|
</noscript>
|
|
|
|
|
<div id="app" class="container">
|
|
|
|
|
<div class="row " style="height: 100vh">
|
|
|
|
|
<div class="col-md-8 col-sm-12 col-lg-6 mx-auto my-auto ">
|
|
|
|
|
<div class="card border-0">
|
|
|
|
|
<div class="row"></div>
|
|
|
|
|
<h1 class="card-title text-center">
|
|
|
|
|
{{srvModel.cryptoCode}} Lightning Node
|
|
|
|
|
- {{srvModel.available? "Online" : "Unavailable"}}
|
|
|
|
|
<small v-bind:class="{ 'text-success': srvModel.available, 'text-danger': !srvModel.available }">
|
|
|
|
|
<span class="fa fa-circle "></span>
|
|
|
|
|
</small>
|
|
|
|
|
</h1>
|
|
|
|
|
<div class="card-body m-sm-0 p-sm-0" v-if="srvModel.available">
|
|
|
|
|
<div class="qr-container mb-2">
|
|
|
|
|
<img v-bind:src="srvModel.cryptoImage" class="qr-icon" />
|
|
|
|
|
<qrcode v-bind:value="srvModel.nodeInfo" :options="{ width: 256, margin: 0, color: {dark:'#000', light:'#fff'} }" tag="svg">
|
|
|
|
|
</qrcode>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="input-group copy" data-clipboard-target="#vue-peer-info">
|
|
|
|
|
<input type="text" class=" form-control " readonly="readonly" :value="srvModel.nodeInfo" id="vue-peer-info" />
|
|
|
|
|
<div class="input-group-append">
|
|
|
|
|
<span class="input-group-text fa fa-copy"> </span>
|
|
|
|
|
</div>
|
2019-01-07 09:52:27 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
