You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
2.0 KiB
47 lines
2.0 KiB
<!DOCTYPE html> |
|
<html lang="fr"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Reflow Oven</title> |
|
<link rel="stylesheet" href="style.css"> |
|
</head> |
|
<body> |
|
<div class="container"> |
|
<div class="phase" id="chauffe-manuelle"> |
|
<div class="temp" id="temp">--.- °C/0°C</div> |
|
<div class="data" id="power-bar-container"> |
|
<label for="power-bar">Puissance :</label> |
|
<progress id="power-bar" value="0" max="100" style="width: 180px;"></progress> |
|
<span id="power-bar-value">0%</span> |
|
</div> |
|
</div> |
|
<div class="phase" id="chauffe-manuelle"> |
|
<h4>Chauffe manuelle :</h4> |
|
<div class="row"> |
|
<input type="range" id="preheat-gauge" min="20" max="250" value="20"> |
|
<span id="preheat-gauge-value">20°C</span> |
|
</div> |
|
<button id="validateChauffeManuelle" class="start">VALIDER</button> |
|
</div> |
|
<div class="phase" id="chauffe-auto"> |
|
<h4>Chauffe automatique : <span id="auto-time"></span></h4> |
|
<div class="row" id="row-preheat"> |
|
<label style="width: 65px; display: inline-block;">Preheat : </label> |
|
<input type="number" id="preheat-temp" value="150" min="0" max="300">°C |
|
<input type="number" id="preheat-time" value="180" min="1" max="600">s |
|
</div> |
|
<div class="row" id="row-soak"> |
|
<label style="width: 65px; display: inline-block;">Soak :</label> |
|
<input type="number" id="soak-temp" value="180" min="0" max="300">°C |
|
<input type="number" id="soak-time" value="120" min="1" max="600">s |
|
</div> |
|
<div class="row" id="row-reflow"> |
|
<label style="width: 65px; display: inline-block;">Reflow : </label> |
|
<input type="number" id="reflow-temp" value="230" min="0" max="300">°C |
|
<input type="number" id="reflow-time" value="60" min="1" max="600">s |
|
</div> |
|
<button id="validateChauffeAuto" class="start">VALIDER</button> |
|
<script src="app.js"></script> |
|
</body> |
|
</html>
|
|
|