touchscreen/climate.html at master · dbemowsk/touchscreen · 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
<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=windows-1252" http-equiv="content-type">
    <title></title>
    <script type="text/javascript" src="js/spinner1.js"></script>
    <script type="text/javascript" src="js/climate.js"></script>
  </head>
  <body>
    <div class="split section_wrapper">
      <div class="section">
        <div class="spinControl">
          <div id="hsp_label"> </div>
          <div class="spinbutton_wrapper">
            <div class="spLabel">Heating Setpoint</div>
            <div id="hsp" class="spinbutton heat" role="spinbutton"
                      aria-labelledby="hsp_label"
                      aria-valuemin="50"
                      aria-valuemax="99"
                      aria-valuenow=""
                      tabindex="0">
              &nbsp;
            </div>
          </div>
          <div class="button_wrapper">
            <div id="hsp_up" class="button">
              <img src="images/up_button.png" role="presentation" alt="Increase value">
            </div>
            <div id="hsp_down" class="button">
              <img src="images/down_button.png" role="presentation" alt="Decrease value">
            </div>
          </div>
          <div class="spinbutton_wrapper">
            <div class="spLabel">Cooling Setpoint</div>
            <div id="csp" class="spinbutton cool" role="spinbutton"
                      aria-labelledby="csp_label"
                      aria-valuemin="50"
                      aria-valuemax="99"
                      aria-valuenow=""
                      tabindex="0">
              &nbsp;
            </div>
          </div>
          <div class="button_wrapper">
            <div id="csp_up" class="button">
              <img src="images/up_button.png" role="presentation" alt="Increase value">
            </div>
            <div id="csp_down" class="button">
              <img src="images/down_button.png" role="presentation" alt="Decrease value">
            </div>
          </div>
        </div>
      </div>
      <div class="selector_wrapper">
        <div id="mode_select" class="selector"><span id="mode_select_val">&nbsp;</span><div id="mode_state">&nbsp;</div></div>
        <div id="fan_select" class="selector"><span id="fan_select_val">&nbsp;</span><div id="fan_state">&nbsp;</div></div>
      </div>
    </div>
    <div id="Conditions"  class="split section_wrapper">
      <div class="section">
        <script type='text/javascript'>updateWeather();</script>
        <div>
          <div class="center split">Outside<br />
            <span id="TempOutdoor" class="largeText highlighted">&nbsp;</span>
          </div>
          <div class="center split">Inside<br />
            <span id="TempIndoor" class="largeText highlighted">&nbsp;</span>
          </div>
          <div id="WindChillData" class="hidden">
            <span class="valName">Wind Chill: </span><span id="WindChill" class="bold highlighted">&nbsp;</span>
          </div>
          <div id="HeatIndexData" class="hidden">
            <span class="valName">Heat Index: </span><span id="HeatIndex" class="bold highlighted">&nbsp;</span>
          </div>
          <div id="WindData" class="clear textLeft">
            <span class="valName">Winds: </span><span id="WindDirection">&nbsp;</span>
          </div>
          <div id="HumidityData">
            <div id="HumidOut" class="hidden">
              <span id="HumidOutdoorLabel" class="valName">Outdoor Humidity: </span><span id="HumidOutdoor">&nbsp;</span>
            </div>
            <div id="HumidIn" class="hidden">
              <span id="HumidIndoorLabel" class="valName">Indoor Humidity: </span><span id="HumidIndoor">&nbsp;</span>
            </div>
          </div>
          <div id="BarometerData">
            <span class="valName">Barometer: </span><span id="BaromSea">&nbsp;</span>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>