69 lines
2.6 KiB
HTML
69 lines
2.6 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Anwendungen - mGuard VPN{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h1><i class="bi bi-app-indicator"></i> Anwendungstemplates</h1>
|
|
<a href="/applications/new" class="btn btn-primary">
|
|
<i class="bi bi-plus-lg"></i> Neue Anwendung
|
|
</a>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Port</th>
|
|
<th>Protokoll</th>
|
|
<th>Beschreibung</th>
|
|
<th>Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for app in applications %}
|
|
<tr>
|
|
<td>
|
|
{% if app.icon %}<i class="bi bi-{{ app.icon }} me-2"></i>{% endif %}
|
|
<strong>{{ app.name }}</strong>
|
|
</td>
|
|
<td><code>{{ app.default_port }}</code></td>
|
|
<td><span class="badge bg-{{ 'primary' if app.protocol.value == 'tcp' else 'info' }}">{{ app.protocol.value|upper }}</span></td>
|
|
<td class="text-muted">{{ app.description or '-' }}</td>
|
|
<td>
|
|
<a href="/applications/{{ app.id }}/edit" class="btn btn-sm btn-outline-primary">
|
|
<i class="bi bi-pencil"></i>
|
|
</a>
|
|
<form action="/applications/{{ app.id }}/delete" method="post" class="d-inline"
|
|
onsubmit="return confirm('Anwendung wirklich löschen?');">
|
|
<button type="submit" class="btn btn-sm btn-outline-danger">
|
|
<i class="bi bi-trash"></i>
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="5" class="text-center text-muted">Keine Anwendungen vorhanden</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mt-4">
|
|
<div class="card-header">
|
|
<h5 class="mb-0"><i class="bi bi-info-circle"></i> Hinweis</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="mb-0">
|
|
Anwendungstemplates definieren Standard-Ports und Protokolle für bekannte Industrieanwendungen.
|
|
Beim Anlegen eines Endpunkts wird automatisch der Port ausgefüllt, wenn eine Anwendung ausgewählt wird.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|