alientim/tesm
0
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 41 Wiki Activity

Initial commit: PoE Manager modern UI rebuild

Browse Source 
- Neues, eigenständiges Frontend (Sidebar, zentriertes Logo in der Topbar,
  Dark/Light-Theme, Karten-Dashboard, Toasts/Modals statt Bootstrap)
- Oeffentliches Kurz-Dashboard ohne Login (Status-Uebersicht)
- Browser-SSH-Terminal (paramiko, plattformunabhaengig) zum Testen von
  Switch-Zugangsdaten inkl. interaktiver Host-Key-Bestaetigung
- Granulares Rechtesystem mit Gruppen (Devices/Switches-Berechtigungen)
- Aufgeraeumtes Backend mit konfigurierbaren Pfaden, auto-generierten
  Secrets statt hart codierter Werte im Original

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
alientim
2026-08-10 12:18:49 +02:00
co-authored by Claude Sonnet 5
commit 82bfeb17ed
31 changed files with 4648 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
srv/poe_manager/templates/users.html
+128
View File
@@ -0,0 +1,128 @@
{% extends "base.html" %}
{% set active_page = "users" %}
{% block page_title %}Users{% endblock %}
{% block page_sub %}<div class="topbar-sub">{{ users|length }} Benutzer</div>{% endblock %}
{% block topbar_right %}
<button type="button" class="btn btn-primary" data-open-modal="userModal" onclick="document.getElementById('userForm').reset();">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>
Neuer Benutzer
</button>
{% endblock %}
{% block content %}
<div class="table-wrap">
<div style="overflow-x:auto;">
<table class="data-table">
<thead><tr><th>Username</th><th>Rolle</th><th>Gruppen</th><th style="width:1%;">Aktionen</th></tr></thead>
<tbody>
{% for u in users %}
<tr>
<td class="cell-name">{{ u['username'] }}</td>
<td><span class="pill {{ 'admin' if u['is_admin'] else 'user' }}">{{ "Admin" if u['is_admin'] else "User" }}</span></td>
<td class="text-dim">{{ u['group_names'] or '—' }}</td>
<td>
<div class="row-actions">
<button class="btn btn-sm btn-secondary" onclick="openRoleModal({{ u['id'] }}, '{{ u['username'] }}', {{ u['is_admin'] }})">Rolle</button>
<button class="btn btn-sm btn-secondary" onclick="openPasswordModal({{ u['id'] }}, '{{ u['username'] }}')">Passwort</button>
<form method="post" data-confirm="Willst du „{{ u['username'] }}“ wirklich löschen?">
<button type="submit" name="delete_user" value="{{ u['id'] }}" class="icon-btn" style="color:var(--danger);" title="Löschen">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2m3 0l-1 14a2 2 0 01-2 2H7a2 2 0 01-2-2L4 6"/></svg>
</button>
</form>
</div>
</td>
</tr>
{% else %}
<tr class="empty-row"><td colspan="4">Noch keine Benutzer vorhanden.</td></tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<!-- Modal: Neuer Benutzer -->
<div class="modal-overlay" id="userModal">
<div class="modal">
<form method="post" id="userForm">
<div class="modal-header">
<h3>Neuen Benutzer anlegen</h3>
<button type="button" class="modal-close" data-close-modal>&times;</button>
</div>
<div class="modal-body">
<div class="field"><label>Username</label><input type="text" name="username" required></div>
<div class="field"><label>Passwort</label><input type="password" name="password" required></div>
<div class="field"><label>Rolle</label>
<select name="is_admin"><option value="0">User</option><option value="1">Admin</option></select>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-close-modal>Abbrechen</button>
<button type="submit" name="add_user" value="1" class="btn btn-primary">Anlegen</button>
</div>
</form>
</div>
</div>
<!-- Modal: Rolle ändern -->
<div class="modal-overlay" id="roleModal">
<div class="modal">
<form method="post" id="roleForm">
<input type="hidden" name="user_id" id="role_user_id">
<div class="modal-header">
<h3>Rolle ändern</h3>
<button type="button" class="modal-close" data-close-modal>&times;</button>
</div>
<div class="modal-body">
<div class="field"><label>Username</label><input type="text" name="username" id="role_username" required></div>
<div class="field"><label>Rolle</label>
<select name="is_admin" id="role_is_admin"><option value="0">User</option><option value="1">Admin</option></select>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-close-modal>Abbrechen</button>
<button type="submit" name="change_role" value="1" class="btn btn-primary">Speichern</button>
</div>
</form>
</div>
</div>
<!-- Modal: Passwort ändern -->
<div class="modal-overlay" id="passwordModal">
<div class="modal">
<form method="post" id="passwordForm">
<input type="hidden" name="user_id" id="password_user_id">
<div class="modal-header">
<h3>Passwort ändern</h3>
<button type="button" class="modal-close" data-close-modal>&times;</button>
</div>
<div class="modal-body">
<div class="field"><label>Username</label><input type="text" name="username" id="password_username" readonly></div>
<div class="field"><label>Neues Passwort</label><input type="password" name="new_password" required></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-close-modal>Abbrechen</button>
<button type="submit" name="change_password" value="1" class="btn btn-primary">Ändern</button>
</div>
</form>
</div>
</div>
{% endblock %}
{% block scripts %}
<script>
function openRoleModal(userId, username, isAdmin) {
document.getElementById("role_user_id").value = userId;
document.getElementById("role_username").value = username;
document.getElementById("role_is_admin").value = isAdmin;
PoeUI.openModal("roleModal");
}
function openPasswordModal(userId, username) {
document.getElementById("password_user_id").value = userId;
document.getElementById("password_username").value = username;
document.querySelector("#passwordForm input[name='new_password']").value = "";
PoeUI.openModal("passwordModal");
}
</script>
{% endblock %}