WiS/Aruba-PoE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

srv/poe_manager/templates/switche.html aktualisiert

Browse Source
This commit is contained in:
Tim Eertmoed
2025-10-07 18:27:25 +02:00
parent a29c46345d
commit 38ad402048
1 changed files with 48 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
srv/poe_manager/templates/switche.html
View File

@@ -3,9 +3,9 @@
<h2>Switch Verwaltung</h2> <h2>Switch Verwaltung</h2>
<!-- Button zum Hinzufügen --> <!-- Button zum Hinzufügen -->
<button class="btn btn-success mb-3" data-bs-toggle="modal" data-bs-target="#addSwitchModal">Neuen Switch hinzufügen</button> <button class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#addSwitchModal">Neuen Switch hinzufügen</button>
<table class="table table-bordered"> <table class="table table-striped align-middle">
<thead> <thead>
<tr> <tr>
<th>Hostname</th> <th>Hostname</th>
@@ -22,7 +22,7 @@
<td>{{ s['username'] }}</td> <td>{{ s['username'] }}</td>
<td> <td>
<!-- Bearbeiten --> <!-- Bearbeiten -->
<button class="btn btn-secondary btn-sm button login white" data-bs-toggle="modal" data-bs-target="#editSwitchModal{{ loop.index }}">Bearbeiten</button> <button class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editSwitchModal{{ loop.index }}">Bearbeiten</button>
<!-- Löschen --> <!-- Löschen -->
<form method="post" style="display:inline;"> <form method="post" style="display:inline;">
@@ -40,7 +40,7 @@
<h5 class="modal-title text-dark">Switch bearbeiten</h5> <h5 class="modal-title text-dark">Switch bearbeiten</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div> </div>
<form method="post"> <form method="post" onsubmit="return validatePassword('{{ loop.index }}', true)">
<div class="modal-body"> <div class="modal-body">
<input type="hidden" name="edit_switch" value="1"> <input type="hidden" name="edit_switch" value="1">
<input type="hidden" name="old_hostname" value="{{ s['hostname'] }}"> <input type="hidden" name="old_hostname" value="{{ s['hostname'] }}">
@@ -57,8 +57,13 @@
<input type="text" name="username" class="form-control" value="{{ s['username'] }}" required> <input type="text" name="username" class="form-control" value="{{ s['username'] }}" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Passwort</label> <label class="form-label">Neues Passwort</label>
<input type="password" name="password" class="form-control" placeholder="Neues Passwort eingeben (optional)"> <input type="password" id="password_edit_{{ loop.index }}" name="password" class="form-control" placeholder="Neues Passwort (optional)">
</div>
<div class="mb-3">
<label class="form-label">Passwort bestätigen</label>
<input type="password" id="password_confirm_edit_{{ loop.index }}" name="password_confirm" class="form-control" placeholder="Bestätigen">
<div class="invalid-feedback">Passwörter stimmen nicht überein!</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@@ -81,7 +86,7 @@
<h5 class="modal-title text-dark">Neuen Switch hinzufügen</h5> <h5 class="modal-title text-dark">Neuen Switch hinzufügen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div> </div>
<form method="post"> <form method="post" onsubmit="return validatePassword('add', false)">
<div class="modal-body"> <div class="modal-body">
<input type="hidden" name="add_switch" value="1"> <input type="hidden" name="add_switch" value="1">
<div class="mb-3"> <div class="mb-3">
@@ -98,7 +103,12 @@
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Passwort</label> <label class="form-label">Passwort</label>
<input type="password" name="password" class="form-control" required> <input type="password" id="password_add" name="password" class="form-control" required>
</div>
<div class="mb-3">
<label class="form-label">Passwort bestätigen</label>
<input type="password" id="password_confirm_add" name="password_confirm" class="form-control" required>
<div class="invalid-feedback">Passwörter stimmen nicht überein!</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@@ -109,4 +119,34 @@
</div> </div>
</div> </div>
</div> </div>
<!-- JS: Passwortvalidierung -->
<script>
function validatePassword(id, isEdit) {
let pass = document.getElementById(isEdit ? `password_edit_${id}` : `password_${id}`) || document.getElementById('password_add');
let confirm = document.getElementById(isEdit ? `password_confirm_edit_${id}` : `password_confirm_${id}`) || document.getElementById('password_confirm_add');
if (!pass || !confirm) return true;
if (pass.value !== confirm.value) {
confirm.classList.add("is-invalid");
return false;
} else {
confirm.classList.remove("is-invalid");
return true;
}
}
// Live-Feedback beim Tippen
document.addEventListener('input', e => {
if (e.target.id.startsWith('password_confirm')) {
const id = e.target.id.replace('password_confirm_', '');
const pass = document.getElementById('password_' + id);
if (pass && pass.value !== e.target.value) {
e.target.classList.add('is-invalid');
} else {
e.target.classList.remove('is-invalid');
}
}
});
</script>
{% endblock %} {% endblock %}