Improving user experience + multiple fan profiles are now available
This commit is contained in:
28
index.html
28
index.html
@@ -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">↑</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();
|
||||
|
||||
Reference in New Issue
Block a user