62 lines
2.7 KiB
HTML
62 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Einstellungen</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="header-content">
|
|
<div class="logo">
|
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="40" height="40" rx="8" fill="#667eea"/>
|
|
<path d="M12 20L18 26L28 14" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
<span class="logo-text">Sensor Manager</span>
|
|
</div>
|
|
<nav class="nav">
|
|
<a href="/" class="nav-link {% if active_page == 'table1' %}active{% endif %}">Tabelle 1</a>
|
|
<a href="/table/table2" class="nav-link {% if active_page == 'table2' %}active{% endif %}">Tabelle 2</a>
|
|
<a href="/table/table3" class="nav-link {% if active_page == 'table3' %}active{% endif %}">Tabelle 3</a>
|
|
<a href="/settings" class="nav-link {% if active_page == 'settings' %}active{% endif %}">⚙️ Einstellungen</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container">
|
|
<h1>⚙️ Einstellungen</h1>
|
|
<div id="message" class="message"></div>
|
|
|
|
<div class="settings-section">
|
|
<h2>MQTT Konfiguration</h2>
|
|
<div class="form-group">
|
|
<label for="mqtt_broker">MQTT Broker:</label>
|
|
<input type="text" id="mqtt_broker" class="text-input" value="{{ settings.mqtt_broker }}" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="mqtt_port">MQTT Port:</label>
|
|
<input type="text" id="mqtt_port" class="text-input" value="{{ settings.mqtt_port }}" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="settings-section">
|
|
<h2>InfluxDB Konfiguration</h2>
|
|
<div class="form-group">
|
|
<label for="influxdb_url">InfluxDB URL:</label>
|
|
<input type="text" id="influxdb_url" class="text-input" value="{{ settings.influxdb_url }}" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="influxdb_token">InfluxDB Token:</label>
|
|
<input type="password" id="influxdb_token" class="text-input" value="{{ settings.influxdb_token }}" />
|
|
</div>
|
|
</div>
|
|
|
|
<button class="save-btn" onclick="saveSettings()">💾 Einstellungen speichern</button>
|
|
</div>
|
|
|
|
<script src="/static/settings.js"></script>
|
|
</body>
|
|
</html>
|