mirror of
https://github.com/donaldzou/WGDashboard.git
synced 2024-11-07 00:10:13 +01:00
68 lines
2.8 KiB
HTML
68 lines
2.8 KiB
HTML
<html>
|
|
{% with %}
|
|
{% set title="Home" %}
|
|
{% include "header.html"%}
|
|
{% endwith %}
|
|
|
|
<body>
|
|
{% include "navbar.html" %}
|
|
<div class="container-fluid">
|
|
{% include "sidebar.html" %}
|
|
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4 mb-4">
|
|
<h1 class="pb-4 mt-4">Home</h1>
|
|
{% if conf == [] %}
|
|
<p class="text-muted">You don't have any WireGuard configurations yet. Please check the configuration folder or change it in "Settings". By default the folder is "/etc/wireguard".</p>
|
|
{% endif %}
|
|
{% for i in conf%}
|
|
<div class="card mt-3 conf_card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col card-col">
|
|
<small class="text-muted"><strong>CONFIGURATION</strong></small>
|
|
<a href="/configuration/{{i['conf']}}" class="conf_link">
|
|
<h6 class="card-title" style="margin:0 !important;">{{i['conf']}}</h6>
|
|
</a>
|
|
</div>
|
|
<div class="col card-col">
|
|
<small class="text-muted"><strong>STATUS</strong></small>
|
|
<h6 style="text-transform: uppercase; margin:0 !important;">{{i['status']}}<span class="dot dot-{{i['status']}}"></span></h6>
|
|
</div>
|
|
<div class="col-md card-col">
|
|
<small class="text-muted"><strong>PUBLIC KEY</strong></small>
|
|
<h6 style="text-transform: uppercase; margin:0 !important;"><samp>{{i['public_key']}}</samp></h6>
|
|
</div>
|
|
<div class="col-md index-switch">
|
|
{% if i['checked'] == "checked" %}
|
|
<a href="#" id="{{i['conf']}}" {{i['checked']}} class="switch text-primary tt"><i class="bi bi-toggle2-on"></i></a>
|
|
{% else %}
|
|
<a href="#" id="{{i['conf']}}" {{i['checked']}} class="switch text-secondary"><i class="bi bi-toggle2-off"></i></a>
|
|
{% endif %}
|
|
<div class="spinner-border text-primary" role="status" style="display: none">
|
|
<span class="sr-only">Loading...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{%endfor%}
|
|
</main>
|
|
</div>
|
|
{% include "tools.html" %}
|
|
</body>
|
|
{% include "footer.html" %}
|
|
<script>
|
|
|
|
$('.switch').on("click", function() {
|
|
$(this).siblings($(".spinner-border")).css("display", "inline-block")
|
|
$(this).remove()
|
|
location.replace("/switch/"+$(this).attr('id'))
|
|
});
|
|
$(".sb-home-url").addClass("active");
|
|
|
|
$(".card-body").on("click", function(handle){
|
|
if ($(handle.target).attr("class") !== "bi bi-toggle2-off" && $(handle.target).attr("class") !== "bi bi-toggle2-on") {
|
|
window.open($(this).find("a").attr("href"), "_self");
|
|
}
|
|
})
|
|
</script>
|
|
</html> |