113 lines
5.1 KiB
HTML
113 lines
5.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block content %}
|
|
<h2>Switch Verwaltung</h2>
|
|
|
|
<!-- Button zum Hinzufügen -->
|
|
<button class="btn btn-success mb-3" data-bs-toggle="modal" data-bs-target="#addSwitchModal">Neuen Switch hinzufügen</button>
|
|
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Hostname</th>
|
|
<th>IP-Adresse</th>
|
|
<th>Username</th>
|
|
<th>Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for s in switches %}
|
|
<tr>
|
|
<td>{{ s['hostname'] }}</td>
|
|
<td>{{ s['ip'] }}</td>
|
|
<td>{{ s['username'] }}</td>
|
|
<td>
|
|
<!-- Bearbeiten -->
|
|
<button class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editSwitchModal{{ loop.index }}">Bearbeiten</button>
|
|
|
|
<!-- Löschen -->
|
|
<form method="post" style="display:inline;">
|
|
<input type="hidden" name="delete_switch" value="{{ s['hostname'] }}">
|
|
<button class="btn btn-sm btn-danger" type="submit">Löschen</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Bearbeiten Modal -->
|
|
<div class="modal fade" id="editSwitchModal{{ loop.index }}" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title text-dark">Switch bearbeiten</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="post">
|
|
<div class="modal-body">
|
|
<input type="hidden" name="edit_switch" value="1">
|
|
<input type="hidden" name="old_hostname" value="{{ s['hostname'] }}">
|
|
<div class="mb-3">
|
|
<label class="form-label">Hostname</label>
|
|
<input type="text" name="hostname" class="form-control" value="{{ s['hostname'] }}" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">IP-Adresse</label>
|
|
<input type="text" name="ip" class="form-control" value="{{ s['ip'] }}" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Username</label>
|
|
<input type="text" name="username" class="form-control" value="{{ s['username'] }}" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Passwort</label>
|
|
<input type="password" name="password" class="form-control" placeholder="Neues Passwort eingeben (optional)">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
|
|
<button class="btn btn-success" type="submit">Speichern</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Hinzufügen Modal -->
|
|
<div class="modal fade" id="addSwitchModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title text-dark">Neuen Switch hinzufügen</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form method="post">
|
|
<div class="modal-body">
|
|
<input type="hidden" name="add_switch" value="1">
|
|
<div class="mb-3">
|
|
<label class="form-label">Hostname</label>
|
|
<input type="text" name="hostname" class="form-control" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">IP-Adresse</label>
|
|
<input type="text" name="ip" class="form-control" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Username</label>
|
|
<input type="text" name="username" class="form-control" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Passwort</label>
|
|
<input type="password" name="password" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
|
|
<button class="btn btn-primary" type="submit">Hinzufügen</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|