src/templates/index.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>
First Commit 2020-10-18 01:10:13 -04:00			`<html>`
v2.2beta almost done!!!!! 2021-08-14 23:30:05 -04:00			`{% with %}`
			`{% set title="Home" %}`
			`{% include "header.html"%}`
			`{% endwith %}`

First Commit 2020-10-18 01:10:13 -04:00			`<body>`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`{% include "navbar.html" %}`
First Commit 2020-10-18 01:10:13 -04:00			`<div class="container-fluid">`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`{% include "sidebar.html" %}`
v2.0-beta-6 Commit 2021-05-13 18:00:40 -04:00			`<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4 mb-4">`
Commit 2021-05-04 21:26:40 -04:00			`<h1 class="pb-4 mt-4">Home</h1>`
Commit June 2 2021-07-02 13:23:04 -04:00			`{% 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 %}`
First Commit 2020-10-18 01:10:13 -04:00			`{% for i in conf%}`
Feature adding and UI adjustment 2021-12-29 12:17:44 -05:00			`<div class="card mt-3 conf_card">`
First Commit 2020-10-18 01:10:13 -04:00			`<div class="card-body">`
Commit 2020-10-18 01:52:53 -04:00			`<div class="row">`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`<div class="col card-col">`
Able to add peer 2020-10-23 01:31:10 -04:00			`<small class="text-muted"><strong>CONFIGURATION</strong></small>`
Feature adding and UI adjustment 2021-12-29 12:17:44 -05:00			`<a href="/configuration/{{i['conf']}}" class="conf_link">`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`<h6 class="card-title" style="margin:0 !important;">{{i['conf']}}</h6>`
On/Off Switch 2020-10-18 12:23:38 -04:00			`</a>`
			`</div>`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`<div class="col card-col">`
Commit 2020-10-18 01:52:53 -04:00			`<small class="text-muted"><strong>STATUS</strong></small>`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`<h6 style="text-transform: uppercase; margin:0 !important;">{{i['status']}}<span class="dot dot-{{i['status']}}"></span></h6>`
Commit 2020-10-18 01:52:53 -04:00			`</div>`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`<div class="col-md card-col">`
Commit 2020-10-18 01:52:53 -04:00			`<small class="text-muted"><strong>PUBLIC KEY</strong></small>`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`<h6 style="text-transform: uppercase; margin:0 !important;"><samp>{{i['public_key']}}</samp></h6>`
			`</div>`
v2.0-beta-6 Commit 2021-05-13 18:00:40 -04:00			`<div class="col-md index-switch">`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`{% if i['checked'] == "checked" %}`
Commit 2021-05-04 21:26:40 -04:00			`<a href="#" id="{{i['conf']}}" {{i['checked']}} class="switch text-primary tt"><i class="bi bi-toggle2-on"></i></a>`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`{% else %}`
			`<a href="#" id="{{i['conf']}}" {{i['checked']}} class="switch text-secondary"><i class="bi bi-toggle2-off"></i></a>`
			`{% endif %}`
Commit 2021-05-04 21:26:40 -04:00			`<div class="spinner-border text-primary" role="status" style="display: none">`
			`<span class="sr-only">Loading...</span>`
			`</div>`
Commit 2020-10-18 01:52:53 -04:00			`</div>`
			`</div>`
First Commit 2020-10-18 01:10:13 -04:00			`</div>`
			`</div>`
			`{%endfor%}`
			`</main>`
			`</div>`
v2.0-beta-6 Commit 2021-05-13 18:00:40 -04:00			`{% include "tools.html" %}`
First Commit 2020-10-18 01:10:13 -04:00			`</body>`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`{% include "footer.html" %}`
First Commit 2020-10-18 01:10:13 -04:00			`<script>`
Feature adding and UI adjustment 2021-12-29 12:17:44 -05:00
			`$('.switch').on("click", function() {`
Commit 2021-05-04 21:26:40 -04:00			`$(this).siblings($(".spinner-border")).css("display", "inline-block")`
			`$(this).remove()`
v2.0-beta-1 Commit 2021-05-04 01:32:34 -04:00			`location.replace("/switch/"+$(this).attr('id'))`
Able to add peer 2020-10-23 01:31:10 -04:00			`});`
Feature adding and UI adjustment 2021-12-29 12:17:44 -05:00			`$(".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");`
			`}`
			`})`
First Commit 2020-10-18 01:10:13 -04:00			`</script>`
			`</html>`