impulsivefps
/
ipmi-fan-control
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replace remaining emojis with icons in temperature sections

This commit is contained in:
devmatrix 2026-02-20 23:48:58 +00:00
parent 9d187c35d8
commit ccda2967af
1 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
web_server.py
View File

@ -394,20 +394,26 @@ def get_html(theme="dark"):
/* Temp Grid */ /* Temp Grid */
.temp-grid {{ .temp-grid {{
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 10px; gap: 10px;
}} }}
.temp-item {{ .temp-item {{
display: flex; display: flex;
justify-content: space-between; flex-direction: column;
padding: 10px 15px; align-items: center;
padding: 12px;
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
border-radius: 6px; border-radius: 8px;
text-align: center;
}} }}
.temp-item .temp-value {{ font-weight: bold; }} .temp-item .sensor-name {{ font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 4px; }}
.temp-item .temp-value {{ font-weight: bold; font-size: 1.2rem; }}
.temp-item .temp-value.high {{ color: var(--accent-danger); }} .temp-item .temp-value.high {{ color: var(--accent-danger); }}
.temp-item .temp-value.medium {{ color: var(--accent-warning); }} .temp-item .temp-value.medium {{ color: var(--accent-warning); }}
.temp-item .temp-value.low {{ color: var(--accent-success); }} .temp-item .temp-value.low {{ color: var(--accent-success); }}
.temp-section {{ margin-bottom: 20px; }}
.temp-section h4 {{ color: var(--accent-primary); margin-bottom: 10px; font-size: 0.9rem; display: flex; align-items: center; gap: 6px; }}
.temp-section h4 img {{ width: 16px; height: 16px; vertical-align: middle; }}
/* Curve Editor */ /* Curve Editor */
.curve-point {{ .curve-point {{
@ -880,7 +886,7 @@ def get_html(theme="dark"):
if (groups.cpu1.length > 0) {{ if (groups.cpu1.length > 0) {{
const cores = groups.cpu1.filter(t => t.name.toLowerCase().includes('core')); const cores = groups.cpu1.filter(t => t.name.toLowerCase().includes('core'));
const others = groups.cpu1.filter(t => !t.name.toLowerCase().includes('core')); const others = groups.cpu1.filter(t => !t.name.toLowerCase().includes('core'));
let html = '<h4 style="color:var(--accent-primary);margin-bottom:8px;font-size:0.9rem;">🖥️ CPU 1</h4><div class="temp-grid">'; let html = '<h4><img src="/icons/cpu-chip.svg" class="icon-svg" alt=""> CPU 1</h4><div class="temp-grid">';
cores.forEach((t, i) => {{ cores.forEach((t, i) => {{
const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low'; const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low';
html += `<div class="temp-item"><span>Core ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`; html += `<div class="temp-item"><span>Core ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`;
@ -898,7 +904,7 @@ def get_html(theme="dark"):
if (groups.cpu2.length > 0) {{ if (groups.cpu2.length > 0) {{
const cores = groups.cpu2.filter(t => t.name.toLowerCase().includes('core')); const cores = groups.cpu2.filter(t => t.name.toLowerCase().includes('core'));
const others = groups.cpu2.filter(t => !t.name.toLowerCase().includes('core')); const others = groups.cpu2.filter(t => !t.name.toLowerCase().includes('core'));
let html = '<h4 style="color:var(--accent-primary);margin-bottom:8px;font-size:0.9rem;">🖥️ CPU 2</h4><div class="temp-grid">'; let html = '<h4><img src="/icons/cpu-chip.svg" class="icon-svg" alt=""> CPU 2</h4><div class="temp-grid">';
cores.forEach((t, i) => {{ cores.forEach((t, i) => {{
const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low'; const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low';
html += `<div class="temp-item"><span>Core ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`; html += `<div class="temp-item"><span>Core ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`;
@ -914,7 +920,7 @@ def get_html(theme="dark"):
// Render NVMe // Render NVMe
const nvmeEl = document.getElementById('temp-nvme'); const nvmeEl = document.getElementById('temp-nvme');
if (groups.nvme.length > 0) {{ if (groups.nvme.length > 0) {{
let html = '<h4 style="color:var(--accent-primary);margin-bottom:8px;font-size:0.9rem;">💾 NVMe SSD</h4><div class="temp-grid">'; let html = '<h4><img src="/icons/server-stack.svg" class="icon-svg" alt=""> NVMe SSD</h4><div class="temp-grid">';
groups.nvme.forEach((t, i) => {{ groups.nvme.forEach((t, i) => {{
const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low'; const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low';
html += `<div class="temp-item"><span>NVMe ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`; html += `<div class="temp-item"><span>NVMe ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`;
@ -925,7 +931,7 @@ def get_html(theme="dark"):
// Render RAID // Render RAID
const raidEl = document.getElementById('temp-raid'); const raidEl = document.getElementById('temp-raid');
if (groups.raid.length > 0) {{ if (groups.raid.length > 0) {{
let html = '<h4 style="color:var(--accent-primary);margin-bottom:8px;font-size:0.9rem;">🔒 RAID Controller</h4><div class="temp-grid">'; let html = '<h4><img src="/icons/lock-closed.svg" class="icon-svg" alt=""> RAID Controller</h4><div class="temp-grid">';
groups.raid.forEach((t, i) => {{ groups.raid.forEach((t, i) => {{
const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low'; const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low';
html += `<div class="temp-item"><span>Controller ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`; html += `<div class="temp-item"><span>Controller ${{(i+1)}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`;
@ -936,7 +942,7 @@ def get_html(theme="dark"):
// Render Ambient // Render Ambient
const ambientEl = document.getElementById('temp-ambient'); const ambientEl = document.getElementById('temp-ambient');
if (groups.ambient.length > 0 || groups.exhaust.length > 0 || groups.inlet.length > 0) {{ if (groups.ambient.length > 0 || groups.exhaust.length > 0 || groups.inlet.length > 0) {{
let html = '<h4 style="color:var(--accent-primary);margin-bottom:8px;font-size:0.9rem;">🌡️ Ambient / System</h4><div class="temp-grid">'; let html = '<h4><img src="/icons/thermometer.svg" class="icon-svg" style="width:16px;height:16px;" alt=""> Ambient / System</h4><div class="temp-grid">';
[...groups.ambient, ...groups.exhaust, ...groups.inlet].forEach(t => {{ [...groups.ambient, ...groups.exhaust, ...groups.inlet].forEach(t => {{
const cls = t.value > 40 ? 'high' : 'low'; const cls = t.value > 40 ? 'high' : 'low';
const label = t.location === 'exhaust' ? 'Exhaust' : t.location === 'inlet' ? 'Inlet' : 'Ambient'; const label = t.location === 'exhaust' ? 'Exhaust' : t.location === 'inlet' ? 'Inlet' : 'Ambient';
@ -949,7 +955,7 @@ def get_html(theme="dark"):
const otherEl = document.getElementById('temp-other'); const otherEl = document.getElementById('temp-other');
const others = [...groups.pcie, ...groups.chipset, ...groups.other]; const others = [...groups.pcie, ...groups.chipset, ...groups.other];
if (others.length > 0) {{ if (others.length > 0) {{
let html = '<h4 style="color:var(--accent-primary);margin-bottom:8px;font-size:0.9rem;">📊 Other Sensors</h4><div class="temp-grid">'; let html = '<h4><img src="/icons/list-bullet.svg" class="icon-svg" style="width:16px;height:16px;" alt=""> Other Sensors</h4><div class="temp-grid">';
others.forEach(t => {{ others.forEach(t => {{
const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low'; const cls = t.value > 70 ? 'high' : t.value > 50 ? 'medium' : 'low';
html += `<div class="temp-item"><span>${{t.name}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`; html += `<div class="temp-item"><span>${{t.name}}</span><span class="temp-value ${{cls}}">${{t.value.toFixed(1)}}°C</span></div>`;
@ -1500,11 +1506,11 @@ def get_html(theme="dark"):
fetchStatus(); fetchStatus();
</script> </script>
<footer style="position:fixed;bottom:0;left:0;right:0;text-align:center;padding:15px;color:var(--text-secondary);font-size:0.85rem;border-top:1px solid var(--border);background:var(--bg-card);z-index:100;"> <footer style="position:fixed;bottom:0;left:0;right:0;text-align:center;padding:15px;color:var(--text-secondary);font-size:0.85rem;border-top:1px solid var(--border);background:var(--bg-primary);z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,0.3);">
<div style="margin-bottom:8px;"> <div style="margin-bottom:8px;">
<a href="https://github.com/ImpulsiveFPS/IPMI-Controller/issues" target="_blank" style="color:var(--accent-primary);text-decoration:none;margin:0 10px;">🐛 Report Bug</a> <a href="https://github.com/ImpulsiveFPS/IPMI-Controller/issues" target="_blank" style="color:var(--accent-primary);text-decoration:none;margin:0 10px;"><img src="/icons/exclamation-triangle.svg" class="icon-svg" style="width:14px;height:14px;" alt=""> Report Bug</a>
<a href="https://github.com/ImpulsiveFPS/IPMI-Controller" target="_blank" style="color:var(--accent-primary);text-decoration:none;margin:0 10px;">📁 GitHub Repo</a> <a href="https://github.com/ImpulsiveFPS/IPMI-Controller" target="_blank" style="color:var(--accent-primary);text-decoration:none;margin:0 10px;"><img src="/icons/server-stack.svg" class="icon-svg" style="width:14px;height:14px;" alt=""> GitHub Repo</a>
<a href="https://ko-fi.com/impulsivefps" target="_blank" style="color:var(--accent-primary);text-decoration:none;margin:0 10px;">☕ Support on Ko-fi</a> <a href="https://ko-fi.com/impulsivefps" target="_blank" style="color:var(--accent-primary);text-decoration:none;margin:0 10px;"><img src="/icons/fire.svg" class="icon-svg" style="width:14px;height:14px;" alt=""> Support on Ko-fi</a>
</div> </div>
<div>IPMI Controller v1.0.0 - Built by ImpulsiveFPS</div> <div>IPMI Controller v1.0.0 - Built by ImpulsiveFPS</div>
</footer> </footer>