Pi-Fan/page2.html at master · tbau/Pi-Fan · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116

</button>
</div>
<br>
<div id='temp'></div>
<br>
<button id="speedButton" onclick="setSpeedMedium()">Set Medium Speed</button>
<script>
var state = document.getElementById("state");
var temp = document.getElementById("temp");
var speed = document.getElementById('speedButton');

fetch("http://192.168.1.4:5000/getspeed")
.then((d)=>d.json())
.then((data)=>
{
var t = data.substring(7,data.length-1)
speed.innerHTML="Set "+data.substring(7,data.length-1)+" Speed";
if(t=="Medium"){
 speed.onclick=setSpeedMedium
}
else
speed.onclick=setSpeedFull
})

setInterval(function(){


fetch("http://192.168.1.4:5000/getspeed")
.then((d)=>d.json())
.then((data)=>
{
var t = data.substring(7,data.length-1)
speed.innerHTML="Set "+data.substring(7,data.length-1)+" Speed";
if(t=="Medium"){
 speed.onclick=setSpeedMedium
}
else
speed.onclick=setSpeedFull
})
},2000);

fetch("http://192.168.1.4:5000/temp")
.then((d)=>d.text())
.then((data)=>
{
temp.innerHTML=data;
}
)

if(state.innerHTML.substring(8).trim()=="off")
 state.innerHTML = "TURN FAN ON"
else
 state.innerHTML = "TURN FAN OFF";

function toggle(){

var t = state.innerHTML.substring(9).trim()

fetch("http://192.168.1.4:5000/set.html?set="+t);

if(state.innerHTML=="TURN FAN OFF")
{
state.innerHTML="TURN FAN ON";
}
else
{
state.innerHTML="TURN FAN OFF";
}
}
setInterval(function(){
fetch("http://192.168.1.4:5000/state")
.then((d)=>d.json())
.then((data)=>
{
var t = data.substring(8,data.length-1)
t = t.trim()


if(t=="on"){
state.innerHTML="TURN FAN OFF";
}
else{
state.innerHTML="TURN FAN ON";
}
console.log(t)
}
)
}
,2000)

setInterval(function(){
fetch("http://192.168.1.4:5000/temp")
.then((d)=>d.text())
.then((data)=>
{
temp.innerHTML=data;
}
)
},5000)


function setSpeedMedium(){
fetch("http://192.168.1.4:5000/setSpeedMedium")
speedButton.innerHTML = "Set Full Speed"
speedButton.onclick = setSpeedFull
}

function setSpeedFull(){
fetch("http://192.168.1.4:5000/setSpeedFull")
speedButton.innerHTML = "Set Medium Speed"
speedButton.onclick = setSpeedMedium
}
</script>
</body>
</html>