150 lines
6.2 KiB
HTML
150 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>MYP Backend Debug-Server</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔍</text></svg>">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="header-content">
|
|
<h1>MYP Backend Debug-Server</h1>
|
|
<div class="server-info">
|
|
<span id="hostname"><strong>Hostname:</strong> {{ hostname }}</span>
|
|
<span id="ip-address"><strong>IP-Adresse:</strong> {{ ip_address }}</span>
|
|
<span id="timestamp"><strong>Timestamp:</strong> {{ timestamp }}</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<nav>
|
|
<button class="nav-button active" data-target="system-panel">System</button>
|
|
<button class="nav-button" data-target="network-panel">Netzwerk</button>
|
|
<button class="nav-button" data-target="docker-panel">Docker</button>
|
|
<button class="nav-button" data-target="tools-panel">Tools</button>
|
|
<button class="nav-button" data-target="backend-panel">Backend-Status</button>
|
|
</nav>
|
|
|
|
<main>
|
|
<!-- System-Informationen -->
|
|
<section id="system-panel" class="panel active">
|
|
<h2>Systeminformationen</h2>
|
|
<div class="card-container">
|
|
<div class="card">
|
|
<h3>Betriebssystem</h3>
|
|
<div id="platform-info">Wird geladen...</div>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Hardware</h3>
|
|
<div id="hardware-info">Wird geladen...</div>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Speicher</h3>
|
|
<div id="memory-info">Wird geladen...</div>
|
|
<div class="progress-container">
|
|
<div id="memory-bar" class="progress-bar"></div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Festplatte</h3>
|
|
<div id="disk-info">Wird geladen...</div>
|
|
<div class="progress-container">
|
|
<div id="disk-bar" class="progress-bar"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Netzwerk-Informationen -->
|
|
<section id="network-panel" class="panel">
|
|
<h2>Netzwerkinformationen</h2>
|
|
<div class="card-container">
|
|
<div class="card full-width">
|
|
<h3>Netzwerkschnittstellen</h3>
|
|
<div id="network-interfaces">Wird geladen...</div>
|
|
</div>
|
|
<div class="card">
|
|
<h3>DNS Server</h3>
|
|
<div id="dns-servers">Wird geladen...</div>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Standard-Gateway</h3>
|
|
<div id="default-gateway">Wird geladen...</div>
|
|
</div>
|
|
<div class="card full-width">
|
|
<h3>Aktive Verbindungen</h3>
|
|
<div id="active-connections">Wird geladen...</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Docker-Informationen -->
|
|
<section id="docker-panel" class="panel">
|
|
<h2>Docker-Informationen</h2>
|
|
<div class="card-container">
|
|
<div class="card">
|
|
<h3>Docker-Status</h3>
|
|
<div id="docker-status">Wird geladen...</div>
|
|
</div>
|
|
<div class="card full-width">
|
|
<h3>Container</h3>
|
|
<div id="docker-containers">Wird geladen...</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Netzwerk-Tools -->
|
|
<section id="tools-panel" class="panel">
|
|
<h2>Netzwerk-Tools</h2>
|
|
<div class="card-container">
|
|
<div class="card tool-card">
|
|
<h3>Ping</h3>
|
|
<div class="tool-input">
|
|
<input type="text" id="ping-host" placeholder="Hostname oder IP-Adresse">
|
|
<button id="ping-button">Ping</button>
|
|
</div>
|
|
<pre id="ping-result" class="result-box">Geben Sie einen Hostnamen oder eine IP-Adresse ein...</pre>
|
|
</div>
|
|
|
|
<div class="card tool-card">
|
|
<h3>Traceroute</h3>
|
|
<div class="tool-input">
|
|
<input type="text" id="traceroute-host" placeholder="Hostname oder IP-Adresse">
|
|
<button id="traceroute-button">Traceroute</button>
|
|
</div>
|
|
<pre id="traceroute-result" class="result-box">Geben Sie einen Hostnamen oder eine IP-Adresse ein...</pre>
|
|
</div>
|
|
|
|
<div class="card tool-card">
|
|
<h3>DNS-Lookup</h3>
|
|
<div class="tool-input">
|
|
<input type="text" id="nslookup-host" placeholder="Hostname oder IP-Adresse">
|
|
<button id="nslookup-button">NSLookup</button>
|
|
</div>
|
|
<pre id="nslookup-result" class="result-box">Geben Sie einen Hostnamen oder eine IP-Adresse ein...</pre>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Backend-Status -->
|
|
<section id="backend-panel" class="panel">
|
|
<h2>Backend-Status</h2>
|
|
<div class="card-container">
|
|
<div class="card">
|
|
<h3>Haupt-Backend</h3>
|
|
<div id="main-backend-status">Wird geladen...</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>© 2025 MYP (Manage your Printer) | Debug-Server v1.0.0</p>
|
|
<p>Netzwerk- und Systemdiagnose-Tool</p>
|
|
</footer>
|
|
|
|
<script src="{{ url_for('static', filename='js/script.js') }}"></script>
|
|
</body>
|
|
</html> |