42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Traefik Routers</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
if (localStorage.getItem("dark-mode") === "true") {
|
|
document.body.classList.add("dark-mode");
|
|
}
|
|
});
|
|
|
|
function toggleDarkMode() {
|
|
document.body.classList.toggle("dark-mode");
|
|
localStorage.setItem("dark-mode", document.body.classList.contains("dark-mode"));
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>Traefik Routers</h1>
|
|
<button onclick="toggleDarkMode()">Toggle Dark Mode</button>
|
|
</div>
|
|
<div class="content">
|
|
<div class="applications">
|
|
<h2>Applications</h2>
|
|
<div class="router-container">
|
|
{% for router in routers %}
|
|
<div class="router" onclick="location.href='http://{{ router['rule'].split('`')[1] }}'">
|
|
<h2>{{ router['truncated_name'] }}</h2>
|
|
<p>{{ router['description'] }}</p>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|