zmiany w changlogach, alertach itp
This commit is contained in:
@ -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 %}
|
||||
|
Reference in New Issue
Block a user