Improving user experience + multiple fan profiles are now available

This commit is contained in:
ArabPixel
2025-11-19 21:49:38 +01:00
parent 8032ce7e33
commit 114b1f2a97
14 changed files with 158 additions and 57 deletions

View File

@@ -275,6 +275,34 @@
</div>
</div>
<div class="fixed inset-0 bg-black/50 z-50 flex backdrop-blur-sm items-center justify-center p-4 hidden"
id="choose-fanThreshold-overlay">
<div id="choose-fanThreshold" class="bg-gray-800 p-6 rounded-lg shadow-xl w-full max-w-md">
<h2 class="text-2xl font-bold mb-4">Fan Threshold</h2>
<div class="space-y-2 text-white/80">
<p>Sets the temperature threshold where the fan will kick into turbo.</p>
</div>
<div class="mt-6">
<h3 class="text-l font-bold mb-4">Select a temperature</h3>
<div class="flex justify-evenly gap-2 text-sm text-white/70">
<button class="mt-6 hover:bg-blue-700 p-3 rounded font-semibold transition-colors" id="40" onclick="Loadpayloads('load_FanThreshold');sessionStorage.setItem('fanTemp', this.id);">40°C</button>
<button class="mt-6 hover:bg-blue-700 p-3 rounded font-semibold transition-colors" id="50" onclick="Loadpayloads('load_FanThreshold');sessionStorage.setItem('fanTemp', this.id);">50°C</button>
<button class="mt-6 hover:bg-blue-700 p-3 rounded font-semibold transition-colors" id="60" onclick="Loadpayloads('load_FanThreshold');sessionStorage.setItem('fanTemp', this.id);">60°C</button>
<button class="mt-6 hover:bg-blue-700 p-3 rounded font-semibold transition-colors" id="70" onclick="Loadpayloads('load_FanThreshold');sessionStorage.setItem('fanTemp', this.id);">70°C</button>
<button class="mt-6 hover:bg-blue-700 p-3 rounded font-semibold transition-colors" id="80" onclick="Loadpayloads('load_FanThreshold');sessionStorage.setItem('fanTemp', this.id);">80°C</button>
</div>
</div>
<div class="flex justify-center gap-2 w-full flex-col">
<small class="text-center">&#8593;</small>
<small class="text-center" id="defaultTemp">Default</small>
<button onclick="chooseFanThreshold()"
class="mt-4 w-full bg-blue-600 hover:bg-blue-700 p-3 rounded font-semibold transition-colors" id="close-fanChoose">
Close</button>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
loadSettings();