funktionierender Settings-Dialog
This commit is contained in:
Eric Neuber committed
1 parent
bb2bb8d493
commit
e74689c70f
10 files changed
+889
-197
No files matched your search
+27
-25
@@ -17,9 +17,9 @@
|
||||
<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="/table/modbus_input_register" class="nav-link {% if active_page == 'modbus_input_register' %}active{% endif %}">Input Register</a>
|
||||
<a href="/table/modbus_holding_register" class="nav-link {% if active_page == 'modbus_holding_register' %}active{% endif %}">Holding Register</a>
|
||||
<a href="/table/modbus_coils" class="nav-link {% if active_page == 'modbus_coils' %}active{% endif %}">Coils</a>
|
||||
<a href="/settings" class="nav-link {% if active_page == 'settings' %}active{% endif %}">⚙️ Einstellungen</a>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -42,28 +42,30 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tableBody">
|
||||
{% for row in rows %}
|
||||
<tr data-row="{{ loop.index0 }}">
|
||||
<td><input type='text' class='text-input' data-field='bezeichnung' value='{{ row.bezeichnung }}' /></td>
|
||||
<td><input type='text' class='text-input' data-field='adresse' value='{{ row.adresse }}' /></td>
|
||||
<td><input type='text' class='text-input' data-field='type' value='{{ row.type }}' /></td>
|
||||
<td><input type='text' class='text-input' data-field='faktor' value='{{ row.faktor }}' /></td>
|
||||
<td>
|
||||
<label class='switch'>
|
||||
<input type='checkbox' class='bool-input' data-field='mqtt' {% if row.mqtt %}checked{% endif %} />
|
||||
<span class='slider'></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>
|
||||
<label class='switch'>
|
||||
<input type='checkbox' class='bool-input' data-field='influxdb' {% if row.influxdb %}checked{% endif %} />
|
||||
<span class='slider'></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>
|
||||
<button class="delete-btn" onclick="deleteRow(this)">🗑️</button>
|
||||
</td>
|
||||
</tr>
|
||||
{% for entry in rows %}
|
||||
{% for key, row in entry %}
|
||||
<tr data-row="{{ loop.index0 }}">
|
||||
<td><input type='text' class='text-input' data-field='key' value='{{ key }}' /></td>
|
||||
<td><input type='number' class='text-input' data-field='addr' value='{{ row.addr }}' /></td>
|
||||
<td><input type='text' class='text-input' data-field='type' value='{{ row.type | default(value="") }}' /></td>
|
||||
<td><input type='text' class='text-input' data-field='factor' value='{{ row.factor | default(value="") }}' /></td>
|
||||
<td>
|
||||
<label class='switch'>
|
||||
<input type='checkbox' class='bool-input' data-field='mqtt' {% if row.mqtt %}checked{% endif %} />
|
||||
<span class='slider'></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>
|
||||
<label class='switch'>
|
||||
<input type='checkbox' class='bool-input' data-field='influxdb' {% if row.influxdb %}checked{% endif %} />
|
||||
<span class='slider'></span>
|
||||
</label>
|
||||
</td>
|
||||
<td>
|
||||
<button class="delete-btn" onclick="deleteRow(this)">🗑️</button>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
+74
-8
@@ -17,27 +17,53 @@
|
||||
<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="/table/modbus_input_register" class="nav-link {% if active_page == 'modbus_input_register' %}active{% endif %}">Input Register</a>
|
||||
<a href="/table/modbus_holding_register" class="nav-link {% if active_page == 'modbus_holding_register' %}active{% endif %}">Holding Register</a>
|
||||
<a href="/table/modbus_coils" class="nav-link {% if active_page == 'modbus_coils' %}active{% endif %}">Coils</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>Allgemein</h2>
|
||||
<div class="form-group">
|
||||
<label for="loglevel">Loglevel:</label>
|
||||
<select id="loglevel" class="text-input">
|
||||
<option value="DEBUG">DEBUG</option>
|
||||
<option value="INFO">INFO</option>
|
||||
<option value="WARN">WARN</option>
|
||||
<option value="ERROR">ERROR</option>
|
||||
</select>
|
||||
</div>
|
||||
</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 }}" />
|
||||
<input type="text" id="mqtt_broker" class="text-input" value="{{ 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 }}" />
|
||||
<input type="text" id="mqtt_port" class="text-input" value="{{ mqtt.port }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="mqtt_user">MQTT User:</label>
|
||||
<input type="text" id="mqtt_user" class="text-input" value="{{ mqtt.user | default(value="") }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="mqtt_password">MQTT Passwort:</label>
|
||||
<input type="password" id="mqtt_password" class="text-input" value="{{ mqtt.password | default(value="") }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="mqtt_button_circulation">Button Circulation:</label>
|
||||
<input type="text" id="mqtt_button_circulation" class="text-input" value="{{ mqtt.button_circulation | default(value="") }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -45,11 +71,51 @@
|
||||
<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 }}" />
|
||||
<input type="text" id="influxdb_url" class="text-input" value="{{ 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 }}" />
|
||||
<input type="password" id="influxdb_token" class="text-input" value="{{ influxdb.token }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="influxdb_bucket">Bucket:</label>
|
||||
<input type="text" id="influxdb_bucket" class="text-input" value="{{ influxdb.bucket }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="influxdb_org">Org:</label>
|
||||
<input type="text" id="influxdb_org" class="text-input" value="{{ influxdb.org }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="influxdb_location">Location:</label>
|
||||
<input type="text" id="influxdb_location" class="text-input" value="{{ influxdb.location | default(value="") }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="influxdb_measurement">Measurement:</label>
|
||||
<input type="text" id="influxdb_measurement" class="text-input" value="{{ influxdb.measurement | default(value="") }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-section">
|
||||
<h2>Modbus Konfiguration</h2>
|
||||
<div class="form-group">
|
||||
<label for="modbus_host">Host:</label>
|
||||
<input type="text" id="modbus_host" class="text-input" value="{{ modbus.host }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modbus_port">Port:</label>
|
||||
<input type="text" id="modbus_port" class="text-input" value="{{ modbus.port }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modbus_max_coils_addr">Max Coils Addr:</label>
|
||||
<input type="text" id="modbus_max_coils_addr" class="text-input" value="{{ modbus.max_coils_addr | default(value="") }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modbus_max_input_addr">Max Input Addr:</label>
|
||||
<input type="text" id="modbus_max_input_addr" class="text-input" value="{{ modbus.max_input_addr | default(value="") }}" />
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="modbus_max_holding_addr">Max Holding Addr:</label>
|
||||
<input type="text" id="modbus_max_holding_addr" class="text-input" value="{{ modbus.max_holding_addr | default(value="") }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in new issue
Block a user