summaryrefslogtreecommitdiffstats
path: root/src/index.html
blob: 4a1fdfd9a2720a2508292b7906241700d4c74b7a (plain)
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
<!--
   Copyright 2019 Igalia, S.L.

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-->
<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    </head>
    <body>
        <div class="top">
            <div class="icon">
                <img src="../images/HMI_HVAC_Fan_Icon.svg">
            </div>
            <div class="fanSpeed">
                <div class="fanSpeedContainer">
                    <input id="FanSpeed" type="range" min="1" value="1" max="100" onchange="FANSPEED.set(this)">
                    <progress value="1" max="100"></progress>
                </div>
                <div class="label">
                    FAN SPEED
                </div>
            </div>
        </div>
        <div class="center">
            <a id="LeftChair" value="0" href="#" class="seat left item button" onclick="CHAIR.left(this)">
                <img class="off" src="../images/HMI_HVAC_Left_Chair_OFF.svg"/>
                <img class="one two" src="../images/HMI_HVAC_Left_Chair_ON.svg"/>
                <img class="off" src="../images/HMI_HVAC_ChairIndicator_OFF.svg"/>
                <img class="one" src="../images/HMI_HVAC_ChairIndicator_One.svg"/>
                <img class="two" src="../images/HMI_HVAC_ChairIndicator_Two.svg"/>
            </a>
            <a key="ac" value="false" href="#" class="ac item button" onclick="BUTTON.toggle(this)">
                <img class="disabled" src="../images/HMI_HVAC_Inactive.svg"/>
                <img class="enabled" src="../images/HMI_HVAC_Active.svg"/>
                <div class="label">
                    A/C
                </div>
            </a>
            <a id="RightChair" value="0" href="#" class="seat right item button" onclick="CHAIR.right(this)">
                <img class="off" src="../images/HMI_HVAC_Right_Chair_OFF.svg"/>
                <img class="one two" src="../images/HMI_HVAC_Right_Chair_ON.svg"/>
                <img class="off" src="../images/HMI_HVAC_ChairIndicator_OFF.svg"/>
                <img class="one" src="../images/HMI_HVAC_ChairIndicator_One.svg"/>
                <img class="two" src="../images/HMI_HVAC_ChairIndicator_Two.svg"/>
            </a>
            <div class="temperatures item">
                <div id="lefttemperature" class="temperatures-container" onscroll="TEMPERATURE.left(this)"></div>
            </div>
            <div class="block item">
                <a key="auto" value="false" href="#" class="auto item button" onclick="BUTTON.toggle(this)">
                    <img class="disabled" src="../images/HMI_HVAC_Inactive.svg"/>
                    <img class="enabled" src="../images/HMI_HVAC_Active.svg"/>
                    <div class="label">
                        AUTO
                    </div>
                </a>
                <a key="circulation" value="false" href="#" class="circulation item button" onclick="BUTTON.toggle(this)">
                    <img class="disabled" src="../images/HMI_HVAC_Circulation_Inactive.svg"/>
                    <img class="enabled" src="../images/HMI_HVAC_Circulation_Active.svg"/>
                </a>
            </div>
            <div class="temperatures item">
                <div id="righttemperature" class="temperatures-container" onscroll="TEMPERATURE.right(this)"></div>
            </div>
        </div>
        <div class="bottom">
            <a key="down" value="false" href="#" class="down item button" onclick="BUTTON.toggle(this)">
                <img class="disabled" src="../images/HMI_HVAC_AirDown_Inactive.svg">
                <img class="enabled" src="../images/HMI_HVAC_AirDown_Active.svg">
            </a>
            <a key="up" value="false" href="#" class="up item button" onclick="BUTTON.toggle(this)">
                <img class="disabled" src="../images/HMI_HVAC_AirUp_Inactive.svg">
                <img class="enabled" src="../images/HMI_HVAC_AirUp_Active.svg">
            </a>
            <a key="right" value="false" href="#" class="right item button" onclick="BUTTON.toggle(this)">
                <img class="disabled" src="../images/HMI_HVAC_AirRight_Inactive.svg">
                <img class="enabled" src="../images/HMI_HVAC_AirRight_Active.svg">
            </a>
            <a key="rear" value="false" href="#" class="rear item button" onclick="BUTTON.toggle(this)">
                <img class="disabled" src="../images/HMI_HVAC_Rear_Inactive.svg">
                <img class="enabled" src="../images/HMI_HVAC_Rear_Active.svg">
            </a>
            <a key="front" value="false" href="#" class="front item button" onclick="BUTTON.toggle(this)">
                <img class="disabled" src="../images/HMI_HVAC_Front_Inactive.svg">
                <img class="enabled" src="../images/HMI_HVAC_Front_Active.svg">
            </a>
        </div>
        <div class="log" id="log">

        </div>
    </body>
</html>