docker/caddydb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

addet better ui?

Browse source
This commit is contained in:
pika 2025-03-10 18:45:04 +01:00
parent 9eb8f24845
commit aff563a939
3 changed files with 81 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

84
templates/index.html
View file

@ -3,33 +3,71 @@
<head>
<meta charset="UTF-8">
<title>Zentrales Caddy-Dashboard</title>
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
<script src="https://cdn.tailwindcss.com"></script>
<script>
function toggleServer(id) {
let section = document.getElementById("server-" + id);
section.classList.toggle("hidden");
}
function filterEntries() {
let query = document.getElementById("search").value.toLowerCase();
let rows = document.querySelectorAll("tbody tr");
rows.forEach(row => {
let domain = row.dataset.domain.toLowerCase();
row.style.display = domain.includes(query) ? "" : "none";
});
}
function deleteServer(serverName) {
fetch('/delete', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({"server": serverName})
}).then(response => {
if (response.ok) {
document.getElementById("server-box-" + serverName).remove();
}
});
}
</script>
</head>
<body>
<header>
<h1>Zentrales Caddy-Dashboard</h1>
<body class="bg-gray-900 text-gray-100">
<header class="bg-indigo-700 text-white p-4 text-center">
<h1 class="text-2xl font-bold">Zentrales Caddy-Dashboard</h1>
</header>
<main>
<div class="container mx-auto p-6">
<input type="text" id="search" class="w-full p-2 mb-4 text-gray-900 rounded-md" placeholder="🔍 Suche nach einer Subdomain..." onkeyup="filterEntries()">
{% for server, entries in proxies.items() %}
<h2>{{ server }}</h2>
<table>
<thead>
<tr>
<th>Domain</th>
<th>Ziel</th>
</tr>
</thead>
<tbody>
{% for domain, target in entries.items() %}
<tr>
<td><a href="https://{{ domain }}" target="_blank">{{ domain }}</a></td>
<td>{{ target }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div id="server-box-{{ server }}" class="bg-gray-800 p-4 rounded-md mb-6">
<div class="flex justify-between">
<button onclick="toggleServer('{{ server }}')" class="text-lg font-semibold text-indigo-400">
{{ server }}
</button>
<button onclick="deleteServer('{{ server }}')" class="bg-red-500 text-white px-3 py-1 rounded-md">🗑️ Löschen</button>
</div>
<div id="server-{{ server }}" class="mt-2 hidden">
<table class="w-full mt-3">
<thead>
<tr class="text-cyan-400">
<th class="text-left p-2">Domain</th>
<th class="text-left p-2">Ziel</th>
</tr>
</thead>
<tbody>
{% for domain, target in entries.items() %}
<tr data-domain="{{ domain }}">
<td class="p-2"><a href="https://{{ domain }}" target="_blank" class="text-indigo-400">{{ domain }}</a></td>
<td class="p-2">{{ target }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endfor %}
</main>
</div>
</body>
</html>