gru/hosts_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEW MODAL FIX OSTATECZNY1

Browse Source
This commit is contained in:
Mateusz Gruszczyński 2025-03-09 14:57:26 +01:00
parent b516ee9e52
commit ec364aac0c
1 changed files with 50 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
templates/server_list.html
View File

@ -21,7 +21,7 @@
<thead> <thead>
<tr> <tr>
<th>ID</th> <th>ID</th>
<th>Nazwa serwera</th> <th>Nazwa hosta</th>
<th>Użytkownik</th> <th>Użytkownik</th>
<th>Port</th> <th>Port</th>
<th>Typ</th> <th>Typ</th>
@ -137,15 +137,6 @@
</div> </div>
</div> </div>
<div class="mt-3 text-center">
<a href="{{ url_for('add_server') }}" class="btn btn-secondary">Dodaj nowy serwer</a>
<a href="{{ url_for('import_servers') }}" class="btn btn-secondary">Importuj z CSV</a>
<a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj do CSV</a>
</div>
<!-- Modal z informacjami --> <!-- Modal z informacjami -->
<div class="modal fade" id="serverInfoModal" tabindex="-1" aria-hidden="true"> <div class="modal fade" id="serverInfoModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
@ -155,7 +146,7 @@
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p><strong>Host:</strong> <span id="modal-hostname"></span></p> <p><strong>Host:</strong> <span id="modal-hostname"></span> (<span id="modal-ip"></span>)</p>
<label><strong>CPU:</strong></label> <label><strong>CPU:</strong></label>
<div class="progress mb-3"> <div class="progress mb-3">
@ -181,35 +172,56 @@
</div> </div>
</div> </div>
{% endblock %}
<div class="mt-3 text-center">
<a href="{{ url_for('add_server') }}" class="btn btn-secondary">Dodaj nowy serwer</a>
<a href="{{ url_for('import_servers') }}" class="btn btn-secondary">Importuj z CSV</a>
<a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj do CSV</a>
</div>
{% endblock %}
{% block extra_js %} {% block extra_js %}
<script> <script>
function secondsToDhms(seconds) { function secondsToDhms(seconds) {
seconds = Math.floor(seconds); seconds = Number(seconds);
const d = Math.floor(seconds / (3600*24)); const d = Math.floor(seconds / (3600*24));
const h = Math.floor(seconds % (3600*24) / 3600); const h = Math.floor(seconds % (3600*24) / 3600);
const m = Math.floor(seconds % 3600 / 60); const m = Math.floor(seconds % 3600 / 60);
const s = Math.floor(seconds % 60); const s = Math.floor(seconds % 60);
return `${d} dni, ${h} godz, ${m} min, ${s} sek`; return `${d} dni, ${h} godz, ${m} min, ${s} sek`;
} }
document.querySelectorAll('.test-daemon-btn').forEach(btn => { document.querySelectorAll('.test-daemon-btn').forEach(btn => {
btn.addEventListener('click', function() { btn.addEventListener('click', function() {
fetch(`/server-info/${this.dataset.hostId}`) const hostId = this.dataset.hostId;
.then(res => res.json()) fetch(`/server-info/${hostId}`)
.then(data => { .then(res => res.json())
if (data.error) return alert(`Błąd: ${data.error}`); .then(data => {
document.getElementById('modal-hostname').textContent = data.hostname; if (data.error) {
document.getElementById('modal-ip').textContent = data.ip; alert(`Błąd: ${data.error}`);
document.getElementById('modal-cpu').textContent = data.cpu; return;
document.getElementById('modal-mem').textContent = data.mem; }
document.getElementById('modal-disk').textContent = data.disk; document.querySelector('#modal-hostname').textContent = data.hostname;
document.getElementById('modal-uptime').textContent = secondsToDhms(data.uptime_seconds); document.querySelector('#modal-ip').textContent = data.ip;
new bootstrap.Modal(document.getElementById('serverInfoModal')).show();
}) const cpu = document.querySelector('#modal-cpu');
.catch(() => alert('Błąd podczas pobierania danych.')); cpu.style.width = `${data.cpu}%`;
cpu.textContent = `${data.cpu}%`;
const mem = document.querySelector('#modal-mem');
mem.style.width = `${data.mem}%`;
mem.textContent = `${data.mem}%`;
const disk = document.querySelector('#modal-disk');
disk.style.width = `${data.disk}%`;
disk.textContent = `${data.disk}%`;
document.querySelector('#modal-uptime').textContent = secondsToDhms(data.uptime_seconds);
new bootstrap.Modal(document.getElementById('serverInfoModal')).show();
})
.catch(() => alert('Błąd podczas pobierania danych.'));
});
}); });
}); </script>
</script>
{% endblock %} {% endblock %}