fluzzi32/traefik-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
fluzzi32
2024-07-23 17:32:12 -03:00
parent e75b21a17d
commit 7a3266d666
8 changed files with 423 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
templates/index.html
View File

@ -3,39 +3,39 @@
<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>
<title>{{ title }}</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/components.css') }}">
<script src="{{ url_for('static', filename='js/scripts.js') }}" defer></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 %}
<h1>{{ title }}</h1>
<div class="settings">
<button class="icon-button" onclick="toggleSettings()"><i class="fas fa-cog"></i></button>
<div id="settings-menu" class="settings-menu">
<button class="icon-button" onclick="toggleDarkMode()"><i id="theme-icon" class="fas fa-moon"></i></button>
<button class="icon-button" onclick="refreshData()"><i class="fas fa-sync-alt"></i></button>
</div>
</div>
</div>
<div class="content">
{% for group, data in groups.items() %}
<div class="group {% if data.collapsed %}collapsed{% endif %}" id="{{ group }}">
<h2 class="group-title" onclick="toggleGroup('{{ group }}')"><i class="{{ data.icon }}"></i> {{ group }}</h2>
<div class="router-container">
{% for router in data.routers %}
<div class="router" onclick="location.href='http://{{ router['rule'].split('`')[1] }}'">
<h2>{{ router['display_name'] }}</h2>
<p>{{ router['description'] }}</p>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</body>
</html>