zmiany w changlogach, alertach itp

This commit is contained in:
Mateusz Gruszczyński
2025-03-04 11:00:51 +01:00
parent 85a37e4a78
commit 73a4e6149a
4 changed files with 218 additions and 101 deletions

View File

@ -63,11 +63,10 @@
<div class="card border-0 shadow">
<div class="card-header d-flex justify-content-between align-items-center">
<h4 class="mb-0">Changelog RouterOS</h4>
<a href="{{ url_for('force_fetch_changelogs') }}"
class="btn btn-danger btn-sm"
onclick="return confirm('Czy na pewno chcesz ręcznie pobrać wszystkie changelogi? Operacja usunie wszystkie stare wpisy.');">
Aktualizuj changelogi
</a>
<!-- Przycisk do wywołania aktualizacji changelogów -->
<a href="#" id="updateChangelog" class="btn btn-danger btn-sm">
Aktualizuj changelogi
</a>
</div>
<div class="card-body">
@ -151,4 +150,56 @@
</div> <!-- /card-body -->
</div> <!-- /card -->
</div>
<!-- Modal z progressem -->
<div class="modal fade" id="progressModal" tabindex="-1" role="dialog" aria-labelledby="progressModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="progressModalLabel">Pobieranie changelogów</h5>
</div>
<div class="modal-body">
<div class="spinner-border" role="status">
<span class="visually-hidden">Ładowanie...</span>
</div>
<p>Proszę czekać, trwa pobieranie changelogów...</p>
<!-- Możesz dodać miejsce na logi, jeśli chcesz wyświetlać szczegóły postępu -->
<div id="progressLog" style="max-height:200px; overflow-y:auto;"></div>
</div>
</div>
</div>
</div>
<script>
// Upewnij się, że Bootstrap JS jest załadowany (np. przez CDN)
document.getElementById("updateChangelog").addEventListener("click", function(e) {
e.preventDefault();
// Pokaż modal
var progressModalEl = document.getElementById("progressModal");
var progressModal = new bootstrap.Modal(progressModalEl);
progressModal.show();
// Opcjonalnie wyczyść poprzednie logi
document.getElementById("progressLog").innerHTML = "";
// Wywołanie endpointu force_fetch_changelogs
fetch("{{ url_for('force_fetch_changelogs') }}")
.then(response => response.text())
.then(data => {
// Aktualizacja logu możesz dodać otrzymane dane, jeśli są potrzebne
document.getElementById("progressLog").innerHTML += "<p>Pobieranie zakończone.</p>";
// Po krótkiej chwili zamknij modal i odśwież całą stronę
setTimeout(() => {
progressModal.hide();
location.reload();
}, 1000);
})
.catch(error => {
document.getElementById("progressLog").innerHTML += "<p>Błąd: " + error + "</p>";
setTimeout(() => {
progressModal.hide();
}, 2000);
});
});
</script>
{% endblock %}