263 lines
13 KiB
HTML
263 lines
13 KiB
HTML
{% extends 'base.html' %}
|
|
{% load humanize %}
|
|
|
|
{% block title %}Backup & Restore - Administration - van Hees-Theyssen-Vogel'sche Stiftung{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
|
<h1 class="h3 mb-0 text-gray-800">
|
|
<i class="fas fa-database me-2"></i>Backup & Restore
|
|
</h1>
|
|
<a href="{% url 'stiftung:administration' %}" class="btn btn-outline-secondary">
|
|
<i class="fas fa-arrow-left me-1"></i>Zurück zur Administration
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Backup Erstellung -->
|
|
<div class="col-lg-6">
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 font-weight-bold text-success">
|
|
<i class="fas fa-plus me-2"></i>Neues Backup erstellen
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
<div class="mb-3">
|
|
<label class="form-label">Backup-Typ</label>
|
|
<select class="form-select" name="backup_type" required>
|
|
{% for value, display in backup_types %}
|
|
<option value="{{ value }}">{{ display }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<div class="form-text">
|
|
<strong>Vollständiges Backup:</strong> Datenbank + Dateien + Konfiguration<br>
|
|
<strong>Nur Datenbank:</strong> PostgreSQL Dump<br>
|
|
<strong>Nur Dateien:</strong> Uploads und Konfigurationsdateien
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-success">
|
|
<i class="fas fa-play me-1"></i>Backup starten
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Restore -->
|
|
<div class="col-lg-6">
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 font-weight-bold text-warning">
|
|
<i class="fas fa-upload me-2"></i>Wiederherstellung
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="alert alert-warning">
|
|
<i class="fas fa-exclamation-triangle me-2"></i>
|
|
<strong>Warnung:</strong> Die Wiederherstellung überschreibt alle aktuellen Daten!
|
|
</div>
|
|
<form method="post" action="{% url 'stiftung:backup_restore' %}" enctype="multipart/form-data">
|
|
{% csrf_token %}
|
|
<div class="mb-3">
|
|
<label class="form-label">Backup-Datei auswählen</label>
|
|
<input type="file" class="form-control" name="backup_file" accept=".tar.gz" required>
|
|
<div class="form-text">
|
|
Nur .tar.gz Dateien von diesem System sind erlaubt.
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-warning" onclick="return confirm('Sind Sie sicher? Diese Aktion überschreibt alle aktuellen Daten!')">
|
|
<i class="fas fa-undo me-1"></i>Wiederherstellung starten
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Backup Historie -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card shadow">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 font-weight-bold text-primary">
|
|
<i class="fas fa-history me-2"></i>Backup Historie
|
|
{% if page_obj %}
|
|
<span class="badge bg-primary ms-2">{{ page_obj.paginator.count }}</span>
|
|
{% endif %}
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if page_obj %}
|
|
<div class="table-responsive">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Erstellt</th>
|
|
<th>Typ</th>
|
|
<th>Status</th>
|
|
<th>Größe</th>
|
|
<th>Dauer</th>
|
|
<th>Erstellt von</th>
|
|
<th>Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for backup in page_obj %}
|
|
<tr>
|
|
<td>
|
|
<div>{{ backup.created_at|date:"d.m.Y" }}</div>
|
|
<small class="text-muted">{{ backup.created_at|date:"H:i:s" }}</small>
|
|
</td>
|
|
<td>
|
|
<span class="badge bg-info">{{ backup.get_backup_type_display }}</span>
|
|
</td>
|
|
<td>
|
|
<span class="badge bg-{% if backup.status == 'completed' %}success{% elif backup.status == 'failed' %}danger{% elif backup.status == 'running' %}primary{% else %}secondary{% endif %}">
|
|
{{ backup.get_status_display }}
|
|
</span>
|
|
{% if backup.status == 'running' %}
|
|
<br><small class="text-muted">
|
|
{% if backup.get_duration %}
|
|
Läuft seit {{ backup.get_duration.total_seconds|floatformat:0 }}s
|
|
{% endif %}
|
|
</small>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if backup.backup_size %}
|
|
{{ backup.get_size_display }}
|
|
{% else %}
|
|
<span class="text-muted">-</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if backup.get_duration %}
|
|
{{ backup.get_duration.total_seconds|floatformat:1 }}s
|
|
{% else %}
|
|
<span class="text-muted">-</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if backup.created_by %}
|
|
<span class="badge bg-secondary">{{ backup.created_by.username }}</span>
|
|
{% else %}
|
|
<span class="text-muted">System</span>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if backup.status == 'completed' %}
|
|
<a href="{% url 'stiftung:backup_download' backup.id %}" class="btn btn-outline-primary btn-sm" title="Herunterladen">
|
|
<i class="fas fa-download"></i>
|
|
</a>
|
|
{% elif backup.status == 'failed' %}
|
|
<button class="btn btn-outline-danger btn-sm" onclick="showError('{{ backup.error_message|escapejs }}')" title="Fehler anzeigen">
|
|
<i class="fas fa-exclamation-triangle"></i>
|
|
</button>
|
|
{% elif backup.status == 'running' %}
|
|
<button class="btn btn-outline-primary btn-sm" disabled title="Läuft...">
|
|
<i class="fas fa-spinner fa-spin"></i>
|
|
</button>
|
|
{% else %}
|
|
<span class="text-muted">-</span>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Pagination -->
|
|
{% if page_obj.has_other_pages %}
|
|
<nav aria-label="Backup Pagination">
|
|
<ul class="pagination justify-content-center">
|
|
{% if page_obj.has_previous %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?page={{ page_obj.previous_page_number }}">Vorherige</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% for num in page_obj.paginator.page_range %}
|
|
{% if page_obj.number == num %}
|
|
<li class="page-item active">
|
|
<span class="page-link">{{ num }}</span>
|
|
</li>
|
|
{% elif num > page_obj.number|add:'-3' and num < page_obj.number|add:'3' %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?page={{ num }}">{{ num }}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if page_obj.has_next %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?page={{ page_obj.next_page_number }}">Nächste</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="text-center py-5">
|
|
<i class="fas fa-database fa-3x text-muted mb-3"></i>
|
|
<h5 class="text-muted">Keine Backups vorhanden</h5>
|
|
<p class="text-muted">Erstellen Sie Ihr erstes Backup über das Formular oben.</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Error Modal -->
|
|
<div class="modal fade" id="errorModal" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Backup Fehler</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="errorContent"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schließen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
function showError(errorMessage) {
|
|
const modal = new bootstrap.Modal(document.getElementById('errorModal'));
|
|
document.getElementById('errorContent').innerHTML = `
|
|
<div class="alert alert-danger">
|
|
<i class="fas fa-exclamation-triangle me-2"></i>
|
|
${errorMessage}
|
|
</div>
|
|
`;
|
|
modal.show();
|
|
}
|
|
|
|
// Auto-refresh for running backups
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const runningBackups = document.querySelectorAll('.fa-spinner');
|
|
if (runningBackups.length > 0) {
|
|
// Refresh page every 10 seconds if there are running backups
|
|
setTimeout(() => {
|
|
window.location.reload();
|
|
}, 10000);
|
|
}
|
|
});
|
|
</script>
|
|
{% endblock %}
|