bakito
79 lines
3.3 KiB
HTML
79 lines
3.3 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<title>AdGuardHome sync</title>
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js">
|
|
</script>
|
|
{{- if .DarkMode }}
|
|
<link rel="stylesheet" href="https://bootswatch.com/5/darkly/bootstrap.min.css"
|
|
crossorigin="anonymous">
|
|
{{- else }}
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We"
|
|
crossOrigin="anonymous">
|
|
{{- end }}
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$("#showLogs").click(function () {
|
|
$.get("api/v1/logs", {}, function (data) {
|
|
$('#logs').html(data);
|
|
}
|
|
);
|
|
$.get("api/v1/status", {}, function (status) {
|
|
$('#origin').removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)btn-\S+/g) || []).join(' ');
|
|
}).addClass("btn-" + status.origin.status).attr('title', status.origin.error);
|
|
status.replicas.forEach(function (replica, i) {
|
|
$('#replica_' + i).removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)btn-\S+/g) || []).join(' ');
|
|
}).addClass("btn-" + replica.status).attr('title', replica.error);
|
|
});
|
|
}
|
|
);
|
|
});
|
|
$("#sync").click(function () {
|
|
$.post("api/v1/sync", {}, function (data) {
|
|
});
|
|
$("#showLogs").click();
|
|
});
|
|
$("#showLogs").click();
|
|
});
|
|
</script>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid px-4">
|
|
<div class="row">
|
|
<p class="h1">
|
|
AdGuardHome sync
|
|
<p class="h6">{{ .Version }} ({{ .Build }})</p>
|
|
</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="btn-group" role="group">
|
|
<input class="btn btn-success" type="button" id="sync" value="Synchronize"/>
|
|
<input class="btn btn-secondary" type="button" id="showLogs" value="Update Logs"/>
|
|
</div>
|
|
</div>
|
|
<div class="col col-md-auto">
|
|
<div class="float-right">
|
|
<a href="{{ .SyncStatus.Origin.URL }}" target="_blank" class="btn btn-{{ .SyncStatus.Origin.Status }}"
|
|
type="button" id="origin"
|
|
{{ if .SyncStatus.Origin.Error }} title="{{ .SyncStatus.Origin.Error }}" {{ end }}>Origin {{ .SyncStatus.Origin.Host }}</a>
|
|
{{ range $i, $r := .SyncStatus.Replicas }}
|
|
<a href="{{ $r.URL }}" target="_blank" class="btn btn-{{ $r.Status }}"
|
|
type="button" id="replica_{{ $i }}"
|
|
{{ if $r.Error }} title="{{ $r.Error }}" {{ end }} >Replica {{ $r.Host }}</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-3">
|
|
<div class="col-12">
|
|
<pre class="p-3 border"><code id="logs"></code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|