42 lines
1.9 KiB
HTML
42 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<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>{{ 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>
|
|
|