Fix Font Awesome icons rendering in modal dialogs

- Changed textContent to innerHTML for proper HTML icon rendering
- Fixed VNC modal titles in instance_detail.html, proxmox_vms.html, proxmox_server_detail.html
- Fixed command execution output icons in instance_detail.html
- Fixed settings and reinstall modal titles in proxmox_server_detail.html
- Added color styles to IPv4/IPv6 network interface icons
This commit is contained in:
2025-12-15 20:37:34 +05:00
parent cf456faa16
commit b0450438da
3 changed files with 13 additions and 11 deletions

View File

@@ -1360,7 +1360,7 @@ let RFBClass = null;
function showVNCModal(serverId, node, vmid, type, name) {
const modal = document.getElementById('vncModal');
document.getElementById('vncTitle').textContent = `<i class="fa-solid fa-desktop"></i> VNC Console: ${name} (${vmid})`;
document.getElementById('vncTitle').innerHTML = `<i class="fa-solid fa-desktop"></i> VNC Console: ${name} (${vmid})`;
document.getElementById('vncContent').innerHTML = `<div style="display: flex; align-items: center; justify-content: center; height: 100%; color: var(--text-muted);"><i class="fa-solid fa-spinner fa-spin"></i> ${t('connecting_to_vnc')}</div>`;
modal.style.display = 'flex';
@@ -1760,7 +1760,7 @@ async function showEditConfigModal(serverId, node, vmid, type, name) {
const title = document.getElementById('editConfigTitle');
const content = document.getElementById('editConfigContent');
title.textContent = `<i class="fa-solid fa-gear"></i> Настройки: ${name} (${vmid})`;
title.innerHTML = `<i class="fa-solid fa-gear"></i> Настройки: ${name} (${vmid})`;
content.innerHTML = '<div style="text-align: center; padding: 2rem; color: var(--text-muted);"><i class="fa-solid fa-spinner fa-spin"></i> Загрузка конфигурации...</div>';
modal.style.display = 'flex';
@@ -2027,7 +2027,7 @@ async function showReinstallModal(serverId, node, vmid, type, name) {
const title = document.getElementById('reinstallTitle');
const content = document.getElementById('reinstallContent');
title.textContent = `<i class="fa-solid fa-rotate"></i> Переустановка: ${name} (${vmid})`;
title.innerHTML = `<i class="fa-solid fa-rotate"></i> Переустановка: ${name} (${vmid})`;
content.innerHTML = '<div style="text-align: center; padding: 2rem; color: var(--text-muted);"><i class="fa-solid fa-spinner fa-spin"></i> Загрузка доступных шаблонов...</div>';
modal.style.display = 'flex';